open-index/open-npm huggingface dataset:
npm package: @millstone/synapse-schemas
Description: JSON Schema definitions for Synapse documentation framework
Latest version: 0.7.1

# @millstone/synapse-schemas

JSON Schema definitions for the Synapse documentation framework.

## Installation

```bash
npm install @millstone/synapse-schemas
```

This package is also installed automatically as a dependency of `@millstone/synapse-cli`.

## Usage

### Helper functions

Import helper functions to locate schema directories on disk:

```js
import {
  getSchemaDir,
  getFrontmatterSchemaDir,
  getBodyGrammarDir,
  getPluginSchemaDir
} from '@millstone/synapse-schemas';
```

### Direct imports

Import schema files directly using subpath exports:

```js
import adrSchema from '@millstone/synapse-schemas/frontmatter/adr.schema.json' assert { type: 'json' };
import adrGrammar from '@millstone/synapse-schemas/body-grammars/adr.body-grammar.json' assert { type: 'json' };
```

## Schema Categories

### frontmatter/

Document frontmatter validation schemas. Each schema defines the required and optional YAML frontmatter fields for a document type.

Available schemas: adr, agreement, base, capability, meeting, policy, prd, process, reference, runbook, scorecard, sop, sow, standard, system, tdd.

The `base.schema.json` defines common fields (id, title, type, status, owner, created, updated, tags, summary) shared by all document types via `$ref`.

### body-grammars/

Document body structure grammar rules. Each grammar defines the required sections, their order, and content shape (paragraphs, lists, tables, milestones) for a document type's Markdown body.

Available grammars: adr, agreement, capability, meeting, policy, prd, process, reference, runbook, scorecard, sop, sow, standard, system, tdd.

### plugins/

Plugin configuration schemas for the Synapse plugin system.

Available schemas: marketplace, plugin.

## Schema Cascade Resolution

When used with `@millstone/synapse-cli`, schemas are resolved using a cascade:

1. **Local override**: `{projectRoot}/schemas/frontmatter/{name}.schema.json`
2. **This package**: Standard schemas bundled in `@millstone/synapse-schemas`
3. **Error**: With a helpful message

This allows projects to override individual schemas for customization while using the standard set as a fallback.

## License

MIT
npm package: @millstones/mage
Description: Make music, generated by code
Author: millstones
Latest version: 0.0.16

# Mage
*Making music, generated by JavaScript codes.*

🧙 Mage is Web Audio API-based library for musical looping.

### ***🚧This library is still under development🚧***

💣 Breaking changes will occur without any notices.

## Usage

```shell
npm install @millstones/mage
```

```js
/* import modules */
import createMage, {
  createScale,
  NOTE_NUMBERS,
  INTERVALS,
} from "@millstones/mage";

/* Create mage object */
const mage = createMage({ tempo: 128, beatsPerCycle: 4, randomSeed: 1234 });

/* Mage provides some functions */
const { createSequence, createSynth, createSampler } = mage;

/* Declare chord progressions as array */
const chords = [
  createScale(NOTE_NUMBERS.C4, INTERVALS.maj, INTERVALS.maj7),
  createScale(NOTE_NUMBERS.B3, INTERVALS.min, INTERVALS.min7),
  createScale(NOTE_NUMBERS.E4, INTERVALS.min, INTERVALS.min7),
  createScale(NOTE_NUMBERS.D4, INTERVALS.min, INTERVALS.min7),
];

/* Sequence must be a function with the following arguments */
const sequence = ({ cycles, beats, loopCount }) => {
  const seq = createSequence(chords[loopCount % 4])(
    "{0123} .  .  .  .  . ",
    1,
    0.2
  );
  return seq;
};

/* Create synth with an array of oscillators */
const synth = createSynth([
  { type: "square", detune: 0, semitone: 0 },
  { type: "sawtooth", detune: 0, semitone: 0 },
]);

/* cast method will combine sound and sequence */
mage.cast("chord", {
  sound: ({ cycles, beats, loopCount }) => synth,
  sequence,
  duration: 4,
});

/* Declare sapmler with an array of urls */
const drumSampler = await createSampler([
  "https://yourhost/kick.mp3",
  "https://yourhost/clap.mp3",
  "https://yourhost/snare.mp3",
  "https://yourhost/hihat.mp3",
]);

const drumSeq = ({ cycles, beats, loopCount }) => {
  const seq = createSequence([0, 1, 2, 3])("0[3.]{01}[3?]", 1);
  return seq;
};

mage.cast("drums", {
  sound: ({ cycles, beats, loopCount }) => drumSampler,
  sequence: drumSeq,
  duration: 2,
});

/* Start scheduling notes */
mage.start();

/* Mage stops scheduling notes */
mage.stop();
```

## Example

🔎　See at [CodeSandbox](https://codesandbox.io/s/mage-sample-zevxpz?from-embed)

## Documents

📖　[TypeDoc](https://scriptedcity.github.io/mage/)

## License

⚖️　MIT
npm package: @miloadam99/sound
Description: WebAudio API playback library with filters & FFT (Amplitude / Waveform) Analysis
Author: Matt Karl @bigtimebuddy
Latest version: 4.3.3

# PixiJS Sound - Extended With FFT


WebAudio API playback library, with filters. Modern audio playback for modern browsers. 

[![Node.js CI](https://github.com/pixijs/sound/workflows/Node.js%20CI/badge.svg)](https://github.com/pixijs/sound/actions?query=workflow%3A%22Node.js+CI%22) [![npm version](https://badge.fury.io/js/%40pixi%2Fsound.svg)](https://badge.fury.io/js/%40pixi%2Fsound)

**Features**

* Pausing and resuming
* Independent volume control
* Support blocking or layered sounds (multiple instances)
* Support for `PIXI.Loader` system
* FFT Amplitude & Waveform Analysis | @miloadam99
* Peak Detection (Coming Soon!!) | @miloadam99
* Dynamic filters:
    * ReverbFilter
    * DistortionFilter
    * EqualizerFilter
    * StereoFilter
    * TelephoneFilter

**Known Compatibility**

* Chrome 58+
* Firefox 49+
* Safari 10+
* iOS 9+
* IE 9+

## Usage

Installation is available by [NPM](https://npmjs.org):

```bash
npm i @pixi/sound --save
```

```typescript
import { sound } from '@pixi/sound';

sound.add('my-sound', 'path/to/file.mp3');
sound.play('my-sound');
```

### Resources

* [Releases](https://github.com/pixijs/sound/releases)
* [Basics](https://pixijs.io/sound/examples/index.html)
* [Sprites](https://pixijs.io/sound/examples/sprites.html)
* [Filters](https://pixijs.io/sound/examples/filters.html)
* [Demo](https://pixijs.io/sound/examples/demo.html)
* [API Documentation](https://pixijs.io/sound/docs/index.html)

## License

MIT License.
npm package: @miloas/tsdown
Description: The Elegant Bundler for Libraries
Author: 三咲智子 Kevin Deng
Latest version: 0.13.0

<img src="./docs/public/og-image.svg" alt="tsdown" width="100%" /><br>

# tsdown [![npm](https://img.shields.io/npm/v/tsdown.svg)](https://npmjs.com/package/tsdown) [![Unit Test](https://github.com/rolldown/tsdown/actions/workflows/tests.yml/badge.svg)](https://github.com/rolldown/tsdown/actions/workflows/tests.yml) [![JSR](https://jsr.io/badges/@sxzz/tsdown)](https://jsr.io/@sxzz/tsdown) [![tsdown-starter-stackblitz](https://developer.stackblitz.com/img/open_in_stackblitz_small.svg)](https://stackblitz.com/github/rolldown/tsdown-starter-stackblitz)

✨ The elegant bundler for libraries powered by [Rolldown](https://github.com/rolldown/rolldown).

## Features

- 🚀 **Blazing fast**: Build and generate declaration files powered by Oxc and Rolldown, incredibly fast!
- ♻️ **Powerful ecosystem**: Support Rollup, Rolldown, unplugin plugins, and some Vite plugins.
- ️🛠️ **Easy to use**: tsdown preconfigures everything you need to get started, so you can focus on writing code.
- 🔄 **Seamless migration**: Compatible with tsup's main options and features, ensuring a smooth transition.

## Documentation

For full documentation, visit [tsdown.dev](https://tsdown.dev).

## Install

```bash
npm i -D tsdown
```

## Usage

```bash
npx tsdown
```

## Migrate from tsup

```bash
npx tsdown migrate
```

Please make sure to commit your changes before migrating. For more details, see the [Migration Guide](https://tsdown.dev/guide/migrate-from-tsup).

## Credits

This project also partially contains code derived or copied from the following projects:

- [tsup](https://github.com/egoist/tsup)
- [pkgroll](https://github.com/privatenumber/pkgroll)

## Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/sxzz/sponsors/sponsors.svg">
    <img src='https://cdn.jsdelivr.net/gh/sxzz/sponsors/sponsors.svg'/>
  </a>
</p>

## Licenses

This project is licensed under the [MIT License](LICENSE).
npm package: @milodevs/expo-file-system
Description: An expo file system module for epubjs-react-native library
Author: Victor Soares
Latest version: 1.1.7

# epubjs-react-native-expo-file-system

> epubjs-react-native-expo-file-system is a module that provides a file system for the epubjs-react-native library.

## Usage

See the [epubjs-react-native](https://github.com/victorsoares96/epubjs-react-native) repository.
npm package: @milojs/excel-kit
Description: Excel wasm kit
Latest version: 0.0.11-4

This is a simple example of a wasm module that can be used in a web browser or in nodejs.


To create the libe for testing
```bash
wasm-pack build --target web --out-dir ./reader-test/pkg
```


## Build commands

```bash
# NodeJs
wasm-pack build --target nodejs
```
```bash
# Web
wasm-pack build --target web
```

License: MIT
npm package: @milon27/react-media-library
Description: Compitable with react js and next js.
Author: milon27
Latest version: 2.1.6

# React Media Library (like wordpress media library)

Compitable with react js and next js.

## Installation Commands

```bash
npm install axios @milon27/react-media-library
```

### How to use

1. import css in index.js/ts or app.jsx or app.tsx.

```ts
import '@milon27/react-media-library/dist/react-media-library.css';
```
2. Create the media library page

```tsx
import { MediaLibrary, SelectImageButton } from '@milon27/react-media-library';

const MediaLibraryPage=()=>{
  const UPLOAD_URL = '/upload'; // upload endpoint should give back the full image url as string (this will visible as preview when upload a new image.) 
  const GET_ALL_IMAGE_API_URL = '/get-all';
  const [imageList, setImageList] = useState<string[]>([] as string[])
  
  // load all images here which are already in the server
  useEffect(() => {
    axios.get(GET_ALL_IMAGE_API_URL).then(listres => {
      const data = listres.data
      setImageList(data)
    })
  }, [])

  const deleteFile=(index:number)=>{
    const url = imageList[index]
    const name=url.substring(url.lastIndexOf('/') + 1);
    axios.delete('/file/:name', {
        params: {
            name: name
        }
    }).then(res => {
        console.log(res.data)
        setImageList(old => {
          old.splice(index, 1)
          return [...old]
        })
    }).catch(e => {
        console.log(e)
    })
  }

  return <div>
      <MediaLibrary uploadUrl={UPLOAD_URL} previewList={imageList} setPreviewList={setImageList} onFileDelete={(index: number) => {
      //do axios impliemntaion
      deleteFile(index);
    }} />
  </div>
}

```

3. Create a select button that will upload and select image

```tsx
import { MediaLibrary, SelectImageButton } from '@milon27/react-media-library';

const SelectImagePage=()=>{
  const UPLOAD_URL = '/upload';// upload endpoint should give back the full image url as string (this will visible as preview when upload a new image.)
  const GET_ALL_IMAGE_API_URL = '/get-all';
  const [imageList, setImageList] = useState<string[]>([] as string[])
  const [select, setSelect] = useState<string[]>([])
  
  // load all images here which are already in the server
  useEffect(() => {
    axios.get(GET_ALL_IMAGE_API_URL).then(listres => {
      const data = listres.data
      setImageList(data)
    })
  }, [])

  const onSelect = (urls: string[]) => {
    setSelect(urls)
  }

  return <>
    {/* multiple image select */}
    <SelectImageButton uploadUrl={UPLOAD_URL} title='Select Multiple Image' previewList={imageList} setPreviewList={setImageList} onSelect={onSelect} multiple={true} />

    {/* single image select */}
    <SelectImageButton uploadUrl={UPLOAD_URL} title='Select Single Image' previewList={imageList} setPreviewList={setImageList} onSelect={onSelect} multiple={false} />

    <br /><br />
    {select.toString()}

  </>
}

```

> screenshot

![screenshot](https://github.com/milon27/react-media-ilbrary/raw/master/media-lib.png)
![screenshot](https://github.com/milon27/react-media-ilbrary/raw/master/media-lib-select.png)
npm package: @milon27/react-modal
Description: Compitable with react js and next js.
Author: milon27
Latest version: 1.8.2

# React Wrapper for tailwind modal

Compitable with react js and next js.

## Installation Commands

```bash
npm install @milon27/react-modal
```

### How to use

1. import css in index.js/ts or app.jsx or app.tsx. (if tailwind project import it after main tailwind css)

```ts
import '@milon27/react-modal/dist/style.css';
```
2. use the simple modal

```tsx
import { Modal,Button } from '@milon27/react-modal';

const App=()=>{
  const [show, setShow] = useState(false)
  const [showContent, setShowContent] = useState(false)

  return <div>
    <Button title='Open Modal' onClick={() => setShow(true)} type="fill" />

    <Modal
      title='Simple Modal'
      show={show}
      footer={<>
        <Button title='Cancel' onClick={() => setShow(false)} />
        <Button title='Done' onClick={() => setShow(false)} type="fill" />
      </>}
      onClose={() => { setShow(false);console.log("closing the modal") }} //optional
    >
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione omnis laborum maxime blanditiis rem iusto. Nostrum est eligendi aliquid nulla eaque, reprehenderit aliquam ratione cumque, excepturi magnam libero labore vero?</p>
    </Modal>

    <Button title='Open only Content Modal' onClick={() => setShowContent(true)} type="fill" />

    <Modal
      show={showContent}
      className="rm-bg-green-600"
      bgStyleClassName="rm-bg-black-600 rm-bg-opacity-10"
      contentStyleClassName=''
      onClose={() => {
        setShowContent(false)
        console.log("closing the modal");
      }}
    >
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione omnis laborum maxime blanditiis rem iusto. Nostrum est eligendi aliquid nulla eaque, reprehenderit aliquam ratione cumque, excepturi magnam libero labore vero?</p>
    </Modal>
  </div>
}

```

> screenshot 1

![screenshot](screenshot.png)

3. use offcanvas

```tsx
import { OffCanvas , Button } from '@milon27/react-modal';

const App=()=>{
  const [show, setShow] = useState(false)

  return <div>
    <Button title='Open Left Off Canvas' onClick={() => setShow(true)} type="fill" />
    <Button title='Open Right Off Canvas' onClick={() => setShow(true)} type="fill" />

    <OffCanvas
      title='Left Modal'
      show={show}
      setShow={setShow}
      dismissable
      onClose={() => { console.log("closing the OffCanvas") }} //optional
    >
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione omnis laborum maxime blanditiis rem iusto. Nostrum est eligendi aliquid nulla eaque, reprehenderit aliquam ratione cumque, excepturi magnam libero labore vero?</p>
    </OffCanvas>

    <OffCanvas
      title='Right Modal'
      position='right'
      show={show}
      setShow={setShow}
    >
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione omnis laborum maxime blanditiis rem iusto. Nostrum est eligendi aliquid nulla eaque, reprehenderit aliquam ratione cumque, excepturi magnam libero labore vero?</p>
    </OffCanvas>
  </div>
}

```

> screenshot 2

![screenshot](screenshot-canvas.png)