open-index/open-npm huggingface dataset:
npm package: @kurocado-studio/auth-zero
Description: ## Installation
Latest version: 1.2.0

# @kurocado-studio/auth-zero

## Installation

```bash
pnpm install @kurocado-studio/auth-zero
```

### Setup

Configure Environment Variables by creating a `.env` file with your Auth0 credentials:

```bash
VITE_AUTH_DOMAIN=**
VITE_AUTH_CLIENT_ID=**
VITE_AUTH_AUDIENCE=**
VITE_AUTH_SCOPE=**
VITE_AUTH_REDIRECT_URI=**
```

### Usage

```typescript jsx
import { AuthSilentlyProvider, useAuthSilentlyContext } from '@kurocado-studio/auth-zero';
import React from 'react';

const YourComponent = () => {
  const { handleLogout } = useAuthSilentlyContext();
  return <button onCLick={() => handleLogout()}>Logout</button>
}

const Example: React.FC = () => {
  const domain = import.meta.env.VITE_AUTH_DOMAIN;
  const clientId = import.meta.env.VITE_AUTH_CLIENT_ID;
  const redirectUri = import.meta.env.VITE_AUTH_REDIRECT_URI

  return (
    <AuthSilentlyProvider
      domain={domain}
      clientId={clientId}
      authorizationParams={{ redirectUri }}
    >
      {({ isAuthenticated, isLoading }) => {
        if (isAuthenticated && !isLoading) {
          return <YourComponent />;
        }
        return null;
      }}
    </AuthSilentlyProvider>
  )
}
```
npm package: @kurocado-studio/styleguide
Description: Kurocado Studio's engineering style guide
Latest version: 2.7.1

# Kurocado Studio Engineering Style Guide

| Platform   | URL                                                         |
| ---------- | ----------------------------------------------------------- |
| NPM        | <https://www.npmjs.com/package/@kurocado-studio/styleguide> |
| Repository | <https://github.com/Kurocado-Studio/styleguide>             |
| Releases   | <https://github.com/Kurocado-Studio/styleguide/releases>    |

**Standardize TypeScript projects with scalable, sharable, and forkable configurations.**

## Why This Exists

It provides a single source of truth to hanfor formatting, linting, and commit conventions, enabling
consistency across Kurocado projects, external contributor work, and client deliverables. It is
designed to be forkable and extensible while remaining flexible enough for clients to fork, adapt,
and publish their own versions under `@your-org/client-name-styleguide`.

## Getting Started

### Install the style guide

```bash
pnpm add @kurocado-studio/styleguide
```

Then follow the [official setup guide](https://kurocado-studio.github.io/styleguide) to apply
configurations.

### Enable CI/CD pipeline

- [Kurocado Studio platform](https://github.com/Kurocado-Studio/platform)
- [CI/CD Workflows](https://kurocado-studio.github.io/platform/ci-cd-workflows.html)

```yaml
# .github/workflows/lint.yml
uses: kurocado-studio/devops/.github/workflows/lint.yml@main
```

## Use Cases

1. **Internal Team Adoption** Used by Kurocado Studio developers to enforce consistent engineering
   standards across all projects.

2. **External Contributor Alignment** Freelancers and contractors follow the same rules without
   extensive onboarding.

3. **Client Collaboration** Clients may fork and publish a custom style guide to align with their
   internal policies.

4. **Rapid Prototyping** Spin up fully configured projects on CodeSandbox or similar environments
   without manual setup.

## Roadmap

- DangerJS integration
- JavaScript to TypeScript migration helpers
- Client-styleguide scaffolding CLI
- Contributor documentation

## Documentation

Full setup instructions are available at:
[https://kurocado-studio.github.io/styleguide](https://kurocado-studio.github.io/styleguide)

## Acknowledgements

The Kurocado Studio Style Guide was inspired by the [Vercel Style Guide], particularly their
thoughtful approach to linting, formatting, and consistency in fullstack projects.

[Vercel Style Guide]: https://github.com/vercel/style-guide
npm package: @kurocado-studio/systemhaus-motion-react
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Author: @kurocado-studio
Latest version: 1.5.0

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react)
  uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in
  [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc)
  uses [SWC](https://swc.rs/) for Fast Refresh

## React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build
performances. To add it, see
[this documentation](https://react.dev/learn/react-compiler/installation).

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable
type-aware lint rules:

```js
export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
]);
```

You can also install
[eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x)
and
[eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom)
for React-specific lint rules:

```js
// eslint.config.js
import reactDom from 'eslint-plugin-react-dom';
import reactX from 'eslint-plugin-react-x';

export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
]);
```
npm package: @kurodev/string-utils-kuro
Description: String utilities for Node.js and browser.
Author: KuroDev
Latest version: 1.0.0

# string-utils-KuroDev ✨

Lightweight utility functions for working with strings.

## Installation
```bash
npm install @tonpseudo/string-utils-KuroDev
```

## Usage
```js
import { capitalize, kebabCase, truncate } from '@tonpseudo/string-utils-KuroDev';

capitalize('hello'); // 'Hello'
kebabCase('Hello World'); // 'hello-world'
truncate('This is a long text', 10); // 'This is a ...'
```

## License
MIT
npm package: @kuroismith/ratelimiter
Description: A rate limiter based on token bucket algorithm using redis
Author: kuroismith
Latest version: 0.0.1

# RateLimiter

A rate limiter based on token bucket algorithm using redis

# Usage

```typescript
  // redis client
  let client: RedisClient = redis.createClient({host: "127.0.0.1"});

  // In every 20000 milliseconds, the resource can be access 100 times
  const policy: RateLimiterPolicy = new SimpleRateLimiterPolicy({
    interval: 20000,
    capacity: 100,
    maxBurstTime: 1000
  });

  const limiter: RateLimiter = new RedisRateLimiter(policy, client);

  async action(userId) {
    try {
        const accessible = await limiter.access(userId);
        if (accessible) {
          // allowed
        } else {
          // limit is exceeded, action is not allowed
        }
    } catch (e) {
        // redis failed or similar
    }
  }
```
npm package: @kurojs/utils
Description: <!-- automd:badges color="yellow" license name="maripose" codecov bundlephobia packagephobia --> <!-- /automd -->
Latest version: 0.0.10

## Template

<!-- automd:badges color="yellow" license name="maripose" codecov bundlephobia packagephobia -->
<!-- /automd -->

desc

<!-- automd:pm-install name="maripose" dev -->

<!-- /automd -->

<!-- automd:contributors author="malezjaa" license="MIT" github="maripose-js/maripose" -->

<!-- /automd -->

<!-- automd:with-automd -->

---

_🤖 auto updated with [automd](https://automd.unjs.io)_

<!-- /automd -->
npm package: @kurokida/jspsych-psychophysics
Description: A jsPsych plugin for conducting online/Web-based psychophysical experiments
Author: Daiichiro Kuroki
Latest version: 4.1.1

# jspsych-psychophysics
This is a [jsPsych](https://www.jspsych.org/) plugin for psychophysics.
Please refer to the website: https://kurokida.github.io/jspsych-psychophysics/

# Dependencies

- [ml-matrix](https://www.npmjs.com/package/ml-matrix)
- [numeric](https://github.com/sloisel/numeric) by Sébastien Loisel
- [PixiJS](https://pixijs.com/)

# Sound files
Sound files for demonstration were created using [Audacity](https://github.com/kurokida/jspsych-psychophysics).

# For jspsych-builder users

The [jspsych-builder](https://github.com/bjoluc/jspsych-builder) library is a useful tool for users who are familiar with node.js/NPM packages to make a jspsych-based program. This is a brief explanation for the builder users.

```
npm install jspsych-builder
npx jspsych-builder init
npm install @kurokida/jspsych-psychophysics
npm list
```

You'll see the src/experiment.js. This is a main file of your experiment. Please add the following code at the top of the file.

```javascript
import PsychophysicsPlugin from "@kurokida/jspsych-psychophysics";
```

Then, you can make a program using the psychophysics plugin as following:

```javascript
const line_object = {
    obj_type: 'line',        
    angle: 45,
    line_length: 200,
    line_width: 4,
    line_color: 'black',
}

timeline.push({
    // type: jsPsychPsychophysics, // This format is for users who don't use the builder.
    type: PsychophysicsPlugin,
    stimuli: [line_object],
})

```
npm package: @kurokoda/custom-react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 3.0.1

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @kurokoda/tylt-web-react-scripts
Description: Configuration and scripts for custom Tylt Create React App.
Latest version: 1.1.51

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
npm package: @kurokoda/tylt-web-scripts
Description: Configuration and scripts for Tylt Web.
Latest version: 2.1.54

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @kuroku/react-static-favicons
Description: A little helper to make working with react-static and favicons easier.
Author: Kuroku Labs
Latest version: 0.0.7

react-static/favicons
---------------------

A little helper to make working with [react-static](https://github.com/nozzle/react-static) and [favicons](https://github.com/haydenbleasel/favicons) easier.

Install
-------

```bash
yarn add @kuroku/react-static-favicons
```

Usage
-----


```javascript
// static.config.js


import ReactStaticFavicons from '@kuroku/react-static-favicons';

// keeping the instance global allows the favicons result to be cached
const reactStaticFavicons = new ReactStaticFavicons({
	// string: directory where the image files are written
	outputDir: path.join(__dirname, 'dist'),

	// string: the source image
	inputFile: path.join(__dirname, 'logo.svg'),

	// object: the configuration passed directory to favicons
	configuration: {
		icons: {
	        favicons: true,
	        // other favicons configuration
		}
	},
});

// react-static config
export default {
	renderToHtml: async (render, C, meta) => {
		meta.faviconsElements = await reactStaticFavicons.render();
		const html = render(<C />);
		return html;
	},
	Document: ({Html, Head, Body, children, siteData, renderMeta}) => (
		<Html>
			<Head>
				{renderMeta.faviconsElements}
			</Head>
		<Body>
			{children}
		</Body>
		</Html>
	),
}


```