open-index/open-npm huggingface dataset:
npm package: @hika-ui/v-calendar
Description: A clean and extendable plugin for building simple attributed calendars in Vue.js.
Author: Nathan Reyes
Latest version: 2.4.12

<p align="center">
    <a href="https://vcalendar.io/" target="_blank">
      <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557324348/v-calendar/hero.png">
    </a>
    <br>
    An elegant calendar and datepicker plugin for Vuejs.
</p>

<p align="center">
    <a href="https://www.npmjs.com/package/v-calendar"><img src="https://img.shields.io/npm/dt/v-calendar.svg" alt="Total Downloads"></a>
    <a href="https://github.com/nathanreyes/v-calendar/releases"><img src="https://img.shields.io/npm/v/v-calendar.svg" alt="Latest Release"></a>
    <a href="https://github.com/nathanreyes/v-calendar/releases"><img src="https://img.shields.io/npm/v/v-calendar/next.svg" alt="Next Release"></a>
    <a href="https://github.com/nathanreyes/v-calendar/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/v-calendar.svg" alt="License"></a>
</p>

------

```bash
npm i --save v-calendar
```

## Documentation

For full documentation, visit [vcalendar.io](https://vcalendar.io/).

### Attributes

| Highlights | Dots |
| :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/highlights.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/dots.png"> |

| Bars | Popovers |
| :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/bars.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/popovers.png"> |

### Multi-Paned Calendars

<img width="400" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326946/v-calendar/multi-paned.png">

### Theme Colors & Dark-Mode

| | |
| :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327273/v-calendar/dark-blue.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327429/v-calendar/dark-red.png"> |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327429/v-calendar/dark-teal.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327429/v-calendar/dark-purple.png"> |

### Date Pickers

| **Single Date** | **Multiple Date** | **Date Range** |
| :---: | :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327864/v-calendar/single-picker.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327864/v-calendar/multi-picker.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327864/v-calendar/range-picker.png"> |

### Custom Calendars w/ Scoped Slots

<img width="400" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557328504/v-calendar/custom-calendars.png">
npm package: @hikaaam/react-native-reanimated-confetti
Description: simple confetti animation using reanimated
Author: ilyas
Latest version: 0.1.9

# @hikaaam/react-native-reanimated-confetti

A confetti animation build using [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/).

## Installation

`npm install @hikaaam/react-native-reanimated-confetti`

## Usage

```jsx
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
import { useConfetti } from '@hikaaam/react-native-reanimated-confetti';

export default function App() {
  const { RenderConfetti, startconfetti, isPlaying } = useConfetti();
  return (
    <View style={styles.container}>
      <StatusBar style="auto" />
      <RenderConfetti />
      <TouchableOpacity onPress={startconfetti} disabled={isPlaying}>
        <Text style={styles.text}>{isPlaying ? 'playing' : 'press me!'}</Text>
      </TouchableOpacity>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
  text: { color: '#000', fontSize: 16 },
});
```

<video src="https://github.com/user-attachments/assets/e0a17369-a872-41cd-9f38-ce20cc14df58" width="352" height="720" controls></video>

## DEMO

[expo snack demo](https://snack.expo.dev/@ilyasyusuf01/react-native-reanimate-confetti)

## API

### `useConfetti(options?)`

| Option            | Type     | Default            | Description                  |
| ----------------- | -------- | ------------------ | ---------------------------- |
| `particlesAmount` | number   | android:80,ios:200 | Number of confetti particles |
| `colors`          | string[] | See source         | Array of confetti colors     |
| `duration`        | number   | 2000               | Animation duration (ms)      |

## Customization

You can pass options to `useConfetti` to customize the animation.

```jsx
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
import { useConfetti } from './modules';

export default function App() {
  const { RenderConfetti, startconfetti, isPlaying } = useConfetti({
    duration: 3000,
    colors: ['#a864fd', '#29cdff', '#78ff44', '#ff718d', '#fdff6a'],
    particlesAmount: 300,
  });
  return (
    <View style={styles.container}>
      <StatusBar style="auto" />
      <RenderConfetti
        particleStyle={{
          width: 5,
        }}
      />
      <TouchableOpacity onPress={startconfetti} disabled={isPlaying}>
        <Text style={styles.text}>{isPlaying ? 'playing' : 'press me!'}</Text>
      </TouchableOpacity>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
  text: { color: '#000', fontSize: 16 },
});
```

## Contributing

- [Development workflow](CONTRIBUTING.md#development-workflow)
- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
- [Code of conduct](CODE_OF_CONDUCT.md)

## License

MIT

---
npm package: @hikae/gpt
Description: A framework to build OpenAPI apps using nodejs
Author: HikaruEgashira
Latest version: 0.1.0

# gpt

OpenAI API made easy !!
now deno support !

<https://beta.openai.com/docs>

## install

```bash
yarn add @hikae/gpt
```

## example

```ts
import { App, openai } from "@hikae/gpt";

require("dotenv").config();

async function main() {
    const key = process.env.OPENAI_API_KEY;
    if (!key) {
        throw new Error("[OPENAI_API_KEY] not found");
    }

    const app: App = openai.app(key);
    const result = await openai.classification({
        examples: [
            ["幸せ", "Positive"],
            ["私は悲しい、、", "Negative"],
            ["最高の気分だ！", "Positive"],
        ],
        labels: ["Positive", "Negative", "Neutral"],
        query: "今日は晴れの日だ",
        search_model: "ada",
        model: "ada",
    })(app);

    console.log(result.label);
    // result = 'Positive'
}
main();
```

## deno

- skypack

```ts
import { openai } from 'https://cdn.skypack.dev/@hikae/gpt?dts'
```

- esm.sh

```ts
import { openai } from 'https://esm.sh/@hikae/gpt?bundle'
```
npm package: @hikae/humanify
Description: > Deobfuscate Javascript code using LLMs ("AI")
Latest version: 1.0.3

# Humanify
> Deobfuscate Javascript code using LLMs ("AI")

This tool uses large language modeles (like ChatGPT & llama2) and other tools to
deobfuscate, unminify, transpile, decompile and unpack Javascript code. Note
that LLMs don't perform any structural changes – they only provide hints to
rename variables and functions. The heavy lifting is done by Babel on AST level
to ensure code stays 1-1 equivalent.

### ➡️ Check out the [introduction blog post][blogpost] for in-depth explanation!

[blogpost]: https://thejunkland.com/blog/using-llms-to-reverse-javascript-minification

## Example

Given the following minified code:

```javascript
function a(e,t){var n=[];var r=e.length;var i=0;for(;i<r;i+=t){if(i+t<r){n.push(e.substring(i,i+t))}else{n.push(e.substring(i,r))}}return n}
```

The tool will output a human-readable version:

```javascript
function splitString(inputString, chunkSize) {
  var chunks = [];
  var stringLength = inputString.length;
  var startIndex = 0;
  for (; startIndex < stringLength; startIndex += chunkSize) {
    if (startIndex + chunkSize < stringLength) {
      chunks.push(inputString.substring(startIndex, startIndex + chunkSize));
    } else {
      chunks.push(inputString.substring(startIndex, stringLength));
    }
  }
  return chunks;
}
```

🚨 **NOTE:** 🚨

Large files may take some time to process and use a lot of tokens if you use
ChatGPT. For a rough estimate, the tool takes about 2 tokens per character to
process a file:

```shell
echo "$((2 * $(wc -c < yourscript.min.js)))"
```

So for refrence: a minified `bootstrap.min.js` would take about $0.5 to
un-minify using ChatGPT.

## Getting started

You'll need to decide whether to use ChatGPT or llama2. In a nutshell:

* ChatGPT
  * Runs on someone else's computer that's specifically optimized for this kind
    of things
  * Costs money depending on the length of your code
  * Is more accurate
  * Is (probably) faster

See instructions below for each option:

### ChatGPT

You'll need a ChatGPT API key. You can get one by signing up at
https://openai.com/.

There are several ways to provide the API key to the tool:
```shell
OPENAI_API_KEY=your-token bunx @hikae/humanify -o deobfuscated.js obfuscated-file.js

bunx @hikae/humanify --key="your-token" -o deobfuscated.js obfuscated-file.js
```

Use your preferred way to provide the API key. Use `bunx @hikae/humanify --help` to see
all available options.

## Features

The main features of the tool are:
* Uses ChatGPT functions to get smart suggestions to rename variable and
  function names
* Uses custom and off-the-shelf Babel plugins to perform AST-level unmanging
* Uses Webcrack to unbundle Webpack bundles

## Contributing

If you'd like to contribute, please fork the repository and use a feature
branch. Pull requests are warmly welcome.

## Licensing

The code in this project is licensed under MIT license.
npm package: @hikae/usefirebaseauth
Description: ## useage
Author: HikaruEgashira
Latest version: 0.1.0

# useFirebaseAuth

## useage

```vue
<template>
  <div>
    <button v-if="!existUser" @click="login()">login/signin</button>
    <button v-else @click="logout()">logout</button>

    <div v-if="loading">loading</div>
    <div v-if="existUser && !loading">{{ user.displayName }}</div>
    <div v-else-if="!existUser">user not found</div>
  </div>
</template>

<script lang="ts">
import { useFirebaseAuth } from '@hikae/useFirebaseAuth';

type Props = {};

export default defineComponent({
  setup(props: Props, context: SetupContext) {
    // data
    const { user, loading, existUser } = useFirebaseAuth();

    return { user, loading, existUser };
  },
});
</script>
```

## install

```bash
yarn add @hikae/useFirebaseAuth
```
npm package: @hikariq/alohomora
Description: The middleware for nodejs to access keycloak authz service
Author: quangtm210395
Latest version: 1.2.3

# Alohomora

[![Version](https://img.shields.io/npm/v/@hikariq/alohomora.svg)](https://www.npmjs.com/package/@hikariq/alohomora)
[![License](https://img.shields.io/npm/l/@hikariq/alohomora.svg)](https://github.com/quangtm210395/alohomora/blob/main/LICENSE)
[![Build Status](https://github.com/quangtm210395/alohomora/workflows/NPM%20publish/badge.svg?branch=main)](https://github.com/quangtm210395/alohomora/actions)

This repository is to create middleware for nodejs service (express) to connect with [Keycloak](https://github.com/keycloak/keycloak) Authorization service.
The idea is come from [keycloak-nodejs-connect](https://github.com/keycloak/keycloak-nodejs-connect), we extends the existing features of this project but currently only support the bearer-only option. We have added a fantastic feature is **policy enforcer by json configuration**. You can add the **policy-enforcer** attribute to the *keycloak.json* file and see the magic happen.

## Prerequisites

- Node 10 or higher

## Installation

```bash
# yarn
yarn add @hikariq/alohomora

# npm
npm install @hikariq/alohomora
```

## Usage

This library provide methods to connect and integrate with keycloak auth/authz service to use as a policy enforcer.

First, create keycloak.json file in the project root folder like this to config the policy enforcer.

```json
{
  "realm": "test-services",
  "bearer-only": true,
  "auth-server-url": "http://localhost:8080/auth",
  "json-enforcer-enabled": true,
  "client-id": "${env.KEYCLOAK_CLIENT_ID}",
  "secret": "${env.KEYCLOAK_CLIENT_SECRET}",
  "policy-enforcer": {
    "enforcement-mode": "ENFORCING",
    "paths": [
      {
        "name": "resource",
        "path": "/resource/:id",
        "methods": [
          {
            "method": "GET",
            "scopes": ["resource#scopes:get"]
          }
        ]
      }
    ]
  }
}
```

Then initialize and use the alohomora instance as a middleware.

```ts
import express from 'express';
import { Alohomora } from '@hikariq/alohomora';

const app = express();
const keycloak = new Alohomora();
app.use(keycloak.init());

app.get('/resource/:id', keycloak.enforce());

```

or just use the inline enforcer like this

```ts
app.get('/resource/:id', keycloak.enforce('resource#scopes:get'))
```

## Related Projects

- [keycloak-nodejs-connect](https://github.com/keycloak/keycloak-nodejs-connect): A Nodejs library to connect to keycloak developed by Keycloak team (Deprecated)
- [Keycloak](https://github.com/keycloak/keycloak): Opensource project for Identity and Access Management

## ❯ License

[MIT](/LICENSE)