open-index/open-npm huggingface dataset:
npm package: @steven-y/is-odd
Description: return the boolean value of Number X is or not odd. 
Author: steven-y
Latest version: 1.0.1

# is-odd

> return the boolean value of Number X is or not odd.

## Install

```shell
npm i --save @steven-y/is-odd
```

## Usage

```js
const { isOdd } = require("is-odd");

console.log(isOdd(1024));
// -> true
```

## Caution

**DO NOT SUPPORT number larger than 9007199254740991**
npm package: @steven-zhl/use-vue
Description: 我 (Steven-Zhl) 的部分 Vue 3 组合式 API 工具合集，灵感来自 VueUse。
Author: Steven-Zhl
Latest version: 0.1.1

# @steven-zhl/use-vue

> 我的部分 Vue 3 组合式 API 工具合集，灵感来自 VueUse。

## 安装

```bash
npm install @steven-zhl/use-vue
```

## 使用示例

```typescript
import { useBrowserWindow } from '@steven-zhl/use-vue'

const { width, height, breakpoint } = useBrowserWindow()
```

## 可用的 Composables

- `useBrowserWindow` - 获取浏览器窗口信息（宽度、高度、断点等）

## License

MIT © Steven
npm package: @stevenbenner/eslint-config
Description: Sensibly strict ESLint configuration.
Author: Steven Benner
Latest version: 3.0.0

# eslint-config

**A sensibly strict ESLint configuration.**

This is my set of [ESLint][eslint] rules for verifying JavaScript. It is meant to be used with the "eslint:recommended" rules.

This software is licensed under the [MIT license][license].

[![NPM version][npmbadge]][npmpage] [![Test Status][testbadge]][teststatus]

[eslint]: https://eslint.org/
[license]: LICENSE.txt
[teststatus]: https://github.com/stevenbenner/eslint-config/actions/workflows/run-tests.yml
[npmbadge]: https://img.shields.io/npm/v/@stevenbenner/eslint-config.svg?style=flat-square
[testbadge]: https://img.shields.io/github/actions/workflow/status/stevenbenner/eslint-config/run-tests.yml?label=tests&style=flat-square

## Usage

Install the [@stevenbenner/eslint-config][npmpage] package in your project with npm:

`npm install @stevenbenner/eslint-config --save-dev`

Then add the extends to your project's root ESLint configuration file:

```json
"extends": [
	"eslint:recommended",
	"@stevenbenner/eslint-config"
]
```

> **Note**\
> This package only contains ESLint rules. You will also want to set your `env`, `parserOptions`, and any other project specific ESLint settings in your project's ESLint configuration file(s).

[npmpage]: https://www.npmjs.com/package/@stevenbenner/eslint-config
npm package: @stevendejong/storybook-stylesheet-toggle
Description: Toggle between stylesheets in Storybook. Configure stylesheets via parameters or add custom ones dynamically at runtime.
Author: Steven de Jong
Latest version: 1.0.2

# Storybook Stylesheet Toggle addon

The Storybook Stylesheet Toggle addon is a simple and convenient tool for managing stylesheets in your Storybook stories. Switch between configured stylesheets and dynamically add custom ones at runtime via a dropdown menu in the toolbar.

![](preview.gif)

## Installation

```bash
npm install --save-dev @stevendejong/storybook-stylesheet-toggle
```

Add the addon to your `.storybook/main.ts`:

```typescript
export default {
  addons: [
    '@stevendejong/storybook-stylesheet-toggle',
  ],
};
```

## Usage

### Setting Stylesheets

You can specify the stylesheets you want to toggle in your story using the `stylesheetToggle` parameter. This parameter should be an object where each key represents a label for the stylesheet option, and the corresponding value is the path to the stylesheet file or a URL:

```typescript
import type { Preview } from "@storybook/react";

const preview: Preview = {
  parameters: {
    ...
    stylesheetToggle: {
      "default": "main.css",
      "custom-theme": "custom-theme.css",
      "second-custom-theme": "https://second.com/custom-theme.css",
    },
    ...
  },
};

export default preview;

```


## Using the Toggle
Once you've configured your story, you'll see a toolbar button in Storybook that allows you to select and apply different stylesheets to your components during development.

### Adding Custom Stylesheets

In addition to configured stylesheets, you can dynamically add custom stylesheets at runtime:

1. Click the paint brush toolbar button
2. Enter a stylesheet URL in the input field at the top:
   - Relative paths: `./theme.css`, `/assets/theme.css`
   - Absolute URLs: `https://example.com/styles/theme.css`
3. Press Enter or click "Add"

**Features:**
- ✅ Custom stylesheets persist across browser sessions
- ✅ Delete custom stylesheets with the trash icon
- ✅ URL validation (must end with `.css`)
- ✅ Duplicate detection
- ✅ Auto-naming from URL (e.g., `theme.css`)
- ✅ Visual separation from configured stylesheets

**Example workflow:**
1. Open Storybook
2. Click paint brush icon
3. Add custom stylesheet: `https://cdn.example.com/dark-theme.css`
4. Stylesheet appears in "Custom Stylesheets" section
5. Switch between custom and configured stylesheets
6. Delete custom stylesheets when no longer needed

**localStorage Storage:**
- Selected stylesheet: `localStorage.getItem('stylesheetToggle')`
- Custom stylesheets: `localStorage.getItem('stylesheetToggle:custom')`
npm package: @stevengregory/card
Description: A personal card for Steven Gregory
Author: Steven Gregory
Latest version: 1.0.1

# Steven Gregory's Card

![Card](https://raw.githubusercontent.com/stevengregory/stevengregory-card/master/card.png)

## Usage

Via npx:

```bash
npx @stevengregory/card
```

Not including how to use it globally because I'm not sure why you'd want this as a global command. That'd be creepy.

## Credits

Forked from John Papa https://github.com/johnpapa/johnpapa-card
npm package: @stevenic/continue-js
Description: A tiny library that makes building complex bots and workflows a little easier.
Author: stevenic
Latest version: 0.1.0

# Continue JS

A tiny library that makes building complex bots and workflows a little easier. 

To learn more about what Continue JS is and how it works see [the project repository](https://github.com/Stevenic/continue-js#what-is-it)

## Installing

Continue JS requires a recent version of [NodeJS](https://nodejs.org) and your package manager of choice. To add the latest version of Continue JS to your app using NPM, type the following from your apps root directory:

```bash
$ npm install @stevenic/continue-js --save
```

## Usage

Here's a simple JavaScript app to get started. This app calls a test continuation 5 times. To learn why that's useful see [the project repository](https://github.com/Stevenic/continue-js#what-is-it):

```javascript
const { canContinueWith, continueWith, continueNow, dontContinue } = require('@stevenic/continue-js');

// Define test continuation
async function testContinuation(context) {
    // Print call number and increment iteration count
    console.log(`This is call ${++context.iterations} of ${context.maxIterations}`);
    
    // Chain back to self until max iterations met. 
    // - Recursion without using recursion :)
    if (context.iterations < context.maxIterations) {
        return await continueWith(testContinuation);
    } else {
        return await dontContinue();
    }
}

// Register continuations with library
canContinueWith(testContinuation);

// Execute test continuation 5 times
(async () => {
    // Define a context object that will be passed to the continuation
    const context = { iterations: 0, maxIterations: 5 };

    // Create initial continuation using continueWith()
    let continuation = await continueWith(testContinuation);

    // Loop over continuations until told we're done
    // - continueNow() executes the current continuation and returns the next one
    while (!continuation.done) {
        continuation = await continueNow(continuation, context);
    }
})();
```

## Building

To build Continue JS and its samples [fork the project](https://github.com/Stevenic/continue-js/fork) and clone it to your desktop using [git](https://git-scm.com/). Then install and build the packages using your package manager of choice.  Using NPM:

```bash
$ cd continue-js
$ npm install
$ npm run build
```