open-index/open-npm huggingface dataset:
npm package: @storyteq/runtime-dom
Description: @storyteq/runtime-dom
Author: Evan You
Latest version: 3.2.50
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @vue/runtime-dom

``` js
import { h, createApp } from '@vue/runtime-dom'

const RootComponent = {
  render() {
    return h('div', 'hello world')
  }
}

createApp(RootComponent).mount('#app')
```
npm package: @storytw/eslint-config
Description: Storytw shared ESLint config
Author: StoryTW
Latest version: 1.0.23

# @story/eslint-config
![eslint](https://img.shields.io/badge/eslint-config-blue)

## 📌 Требования

Node.js ≥ 20

ESLint ≥ 9


## 🚀 Быстрый старт
1. Установите пакет:  

```sh
npm install --save-dev @storytw/eslint-config

# или

pnpm add -D @storytw/eslint-config

# или

yarn add -D @storytw/eslint-config
```

2. В `eslint.config.ts` импортируйте конфиг

```sh
import storyConfig from '@storytw/eslint-config';

export default storyConfig();
```


## 📝 Скрипты для линтинга

Пример добавления в `package.json`:

```sh
{
  "scripts": {
    "lint": "eslint . --ext .js,.ts,.tsx",
    "lint:fix": "eslint . --ext .js,.ts,.tsx --fix"
  }
}
```

## 📦 Настройка папки .vscode -> settings.json 

```sh
{
  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "always"
  },
  "editor.tabSize": 2,
  "[typescriptreact]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[typescript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[json]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "typescript.d.ts"
  ]
}
```
## 🔨 Расширение конфига

```sh
import storyConfig from '@storytw/eslint-config';

// Пример
export default storyConfig({
  react: false, // отключение правил и плагинов для react (так же работает и для остальных: typescript/javascript/stylistic/import)
  typescript: [
    true,
    {
      plugins: pluginName,
      rules: {
        'your-rule': 'off',
      },
    },
  ],
});
```
npm package: @storywright/report
Description: Svelte HTML reporter for Storywright
Latest version: 1.4.1

# @storywright/report

<p>
  <a href="https://www.npmjs.com/package/@storywright/report"><img src="https://img.shields.io/npm/v/@storywright/report.svg" alt="npm version"></a>
  <a href="https://github.com/macloud-developer/storywright/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@storywright/report.svg" alt="license"></a>
</p>

> HTML report viewer for [Storywright](https://github.com/macloud-developer/storywright)

Svelte-based single-file HTML report that visualizes visual regression test results. Automatically generated by `@storywright/cli`.

## Features

- **Image comparison** — Switch between Expected / Actual / Diff views
- **Type filtering** — Filter by Pass, Diff, or New
- **Browser filtering** — Multi-select when testing across multiple browsers
- **Text search** — Search by story name or variant
- **Virtual scrolling** — Handles thousands of entries efficiently
- **Light / Dark theme** — Respects system preference with manual toggle
- **Review tracking** — Mark entries as viewed

## Screenshot

![Storywright Report](screenshot.png)

## How It Works

This package is consumed internally by `@storywright/cli`. The CLI's Playwright reporter:

1. Collects test results and screenshot attachments
2. Writes `summary.json` with all test entries
3. Embeds this package's JS bundle into `index.html`
4. The report initializes from `window.__STORYWRIGHT_SUMMARY__`

The output is a self-contained HTML file — no server required.

## Test Entry Types

| Type     | Icon | Description                                                            |
| -------- | ---- | ---------------------------------------------------------------------- |
| **pass** | ✓    | Screenshot matches baseline                                            |
| **diff** | ✗    | Screenshot differs from baseline — shows Expected / Actual / Diff tabs |
| **new**  | +    | No baseline exists — shows Actual tab only                             |

## Usage

This package is automatically used by `@storywright/cli`. No manual installation is needed.

```bash
# Run tests and generate report
npx storywright test

# Open generated report
npx storywright report --open
```

To merge multiple shard reports:

```bash
npx storywright report --merge --from "shard-*/report/summary.json"
```

## Development

```bash
pnpm install
pnpm --filter @storywright/report dev   # Start dev server
pnpm --filter @storywright/report build # Build IIFE bundle
```

## License

MIT
npm package: @stoshb/tiny
Description: Removes all spaces from a string
Latest version: 2.0.1

# @stoshb/tiny

[![npm (scopped)]
(https://img.shields.io/npm/v/@stoshb/tinuy.svg)]
(https://github.com/stoshb/tiny)
[![npm bundle size (minified)]
(https://img.shields.io/stoshb/min/@stoshb/(tiny.svg)]
(https://github.com/@stoshb/tiny)

This is a very basic readme
npm package: @stottle-platform/ngx-auth0-wrapper-ngrx
Description: Angular wrapper library for Auth0 and ngrx
Author: Stuart Tottle
Latest version: 0.0.5

# @stottle-platform/ngx-auth0-wrapper-ngrx

An Angular service which wraps selected methods from the auth0-js library to use observables and stores authentication data in NGRX.

I have written a medium article explaining how the library works. [Angular - Authentication with Auth0 and NGRX](https://medium.com/@stuarttottle)

Also includes

- CallbackComponent
- AuthGuardService
- HttpInterceptorService

It has been tested with Angular 6.x.x and is complete with unit tests.

If you want to read the full API documentation of auth0.js, see [here](https://auth0.github.io/auth0.js/index.html).

### Installing and usage

The package requires that you are already using NGRX in your application and have imported the StoreModule etc into your root module

```bash
npm install @stottle-platform/ngx-auth0-wrapper-ngrx @stottle-platform-wrapper auth0-js
```

#### Load the module for your app (with auth0 options):

Import the `NgxAuth0WrapperNgrxModule` in your root module and provide the options. The `AuthOptions` could go into your environment.\*.ts files.

The `options` and `logoutOptions` use the interfaces from the Auth0-js library.

```javascript
import { NgxAuth0WrapperNgrxModule } from 'stottle-platform/ngx-auth0-wrapper-ngrx';
import { AuthOptions } from '@stottle-platform/ngx-auth0-wrapper';

const authOptions: AuthOptions = {
  options: {
    clientID: 'clientId',
    domain: 'domain',
    responseType: 'token id_token',
    redirectUri: 'http://localhost:4200/callback',
    scope: 'openid profile',
    audience: 'audience'
  },
  logoutOptions: {
    returnTo: 'http://localhost:4200'
  },
  localStoragePrefix: 'local-storage-prefix',
  sessionRenewalInterval: 30 * 60000
};

@NgModule({
  ...
  imports: [
    ...
    NgxAuth0WrapperNgrxModule.forRoot(authOptions),
  ]
})
```

Listen for the actions that have been dispatch by the library in your own effects and use the selectors to retrieve the data.

## Issue Reporting

If you have found a bug or if you have a feature request, please report them at this repository issues section.

For auth0 related questions/support please use the [Support Center](https://support.auth0.com).

## Author

[stottle](https://stottle.uk)

## License

This project is licensed under the MIT license. See the [LICENSE](LICENSE) file for more info.
npm package: @stouder-io/adonis-auditing
Description: Audit your Lucid models with ease.
Author: Xavier Stouder
Latest version: 1.1.8
Deprecated: @stouder-io/adonis-auditing moved to @adogrove/adonis-auditing, check https://adogrove.stouder.io/

<div align="center">
  <img src="https://raw.githubusercontent.com/StouderIO/adonis-auditing/main/.github/images/header.png" />
  <h3>@stouder-io/adonis-auditing</h3>
  <p>Audit your Lucid models with ease.</p>
  <a href="https://www.npmjs.com/package/@stouder-io/adonis-auditing">
    <img src="https://img.shields.io/npm/v/@stouder-io/adonis-auditing.svg?style=for-the-badge&logo=npm" />
  </a>
  <img src="https://img.shields.io/npm/l/@stouder-io/adonis-auditing?color=blueviolet&style=for-the-badge" />
  <img alt="npm" src="https://img.shields.io/npm/dt/@stouder-io/adonis-auditing?style=for-the-badge">
  <img alt="All Contributors" src="https://img.shields.io/github/all-contributors/StouderIO/adonis-auditing?color=ee8449&style=for-the-badge">
</div>

# Official Documentation
For more information, please refer to the [official documentation](https://adonis-auditing.stouder.io/).

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tbody>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://stouder.io"><img src="https://avatars.githubusercontent.com/u/2575182?v=4?s=100" width="100px;" alt="Xavier Stouder"/><br /><sub><b>Xavier Stouder</b></sub></a><br /><a href="https://github.com/StouderIO/adonis-auditing/commits?author=Xstoudi" title="Code">💻</a> <a href="https://github.com/StouderIO/adonis-auditing/commits?author=Xstoudi" title="Documentation">📖</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Julien-R44"><img src="https://avatars.githubusercontent.com/u/8337858?v=4?s=100" width="100px;" alt="Julien Ripouteau"/><br /><sub><b>Julien Ripouteau</b></sub></a><br /><a href="#question-Julien-R44" title="Answering Questions">💬</a></td>
    </tr>
  </tbody>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

## Special thanks
* Laravel Auditing package for the inspiration.

# License
This project is open-sourced software licensed under the [MIT license](LICENSE.md).
npm package: @stouder-io/adonis-scheduler
Description: Unopinionated scheduler for Adonis
Author: Xavier Stouder
Latest version: 1.0.3

<div align="center">
  <img src="https://user-images.githubusercontent.com/2575182/211221271-5d656097-335d-4ea4-9957-746e6166fb4e.png" />
  <h3>@stouder-io/adonis-scheduler</h3>
  <p>Unopinionated scheduler for Adonis</p>
  <a href="https://www.npmjs.com/package/@stouder-io/adonis-scheduler">
    <img src="https://img.shields.io/npm/v/@stouder-io/adonis-scheduler.svg?style=for-the-badge&logo=npm" />
  </a>
  <img src="https://img.shields.io/npm/l/@stouder-io/adonis-scheduler?color=blueviolet&style=for-the-badge" />
  <img alt="npm" src="https://img.shields.io/npm/dt/@stouder-io/adonis-scheduler?style=for-the-badge">
</div>

## Installation
This package is available in the npm registry.
```
npm i @stouder-io/adonis-scheduler
```

Next, configure the package by running the following command.
```
node ace configure @stouder-io/adonis-scheduler
```

## Usage
The scheduler will start with your Adonis server, but no task is loaded.

To create a task, run the following command.
```
node ace make:task MyFirstTask
```

This will create the following file under `app/Tasks` directory:
```ts
import { TaskContract } from '@ioc:StouderIO/Scheduler'

export default class MyFirstTask implements TaskContract {
  public readonly name: string = '{{ name }}'
  public readonly cron: string = '* * * * *'

  public async run(): Promise<void> {
    
  }
}
```

The `run` method is called when the scheduler run the task according to the cron expression you configure in the `cron` field. `name` is just for internal use, but it must be unique.

Please note that running CPU-intensive operations in the task has the potential to block your full web application as Node.js is single-threaded.

If you need to run high-intensive CPU task, you could run an Ace command using `execa`, for example:
```ts
import { TaskContract } from '@ioc:StouderIO/Scheduler'
import execa from 'execa'

export default class MyFirstTask implements TaskContract {
  public readonly name: string = 'test-task'
  public readonly cron: string = '* * * * *'

  public async run(): Promise<void> {
    // will execute `node ace intensive` every minute
    execa.node('ace', ['intensive'], { stdio: 'inherit' })
  }
}
```

Also, if you run multiple instances of your Adonis application, the tasks will be ran on each instance.
npm package: @stouder-io/adonis-sitemap
Description: Generate sitemaps for your AdonisJS application
Author: Xavier Stouder
Latest version: 0.0.7

## API

```
import router from '@adonisjs/core/services/router'
import UsersController from '#controllers/users_controller'

router.get(':lang/groups/:groupId/members/:id', [UsersController, 'index']).sitemap({
  params: {
    groupId: () => Group.all(),
    memberId: () => Member.all()
  },
  changeFrequency: 'daily',
  priority: 0.1
}).alternate({ lang: () => ['fr', 'en'] })
```
npm package: @stouder-io/adonis-translatable
Description: Translatable fields for AdonisJS models.
Author: Xavier Stouder
Latest version: 1.1.0

<div align="center">
  <img src="https://raw.githubusercontent.com/StouderIO/adonis-translatable/main/.github/images/header.png" />
  <h3>@stouder-io/adonis-translatable</h3>
  <p>Translatable fields for AdonisJS models.</p>
  <a href="https://www.npmjs.com/package/@stouder-io/adonis-translatable">
    <img src="https://img.shields.io/npm/v/@stouder-io/adonis-translatable.svg?style=for-the-badge&logo=npm" />
  </a>
  <img src="https://img.shields.io/npm/l/@stouder-io/adonis-translatable?color=blueviolet&style=for-the-badge" />
  <img alt="npm" src="https://img.shields.io/npm/dt/@stouder-io/adonis-translatable?style=for-the-badge">
</div>

## Installation
This package is available in the npm registry.
```
pnpm i @stouder-io/adonis-translatable
```

## Usage
After installing the package, you can now decorate your translatable fields with the `@translation` decorator.
```ts
class Post extends BaseModel {
  @column()
  declare id: number

  @translation()
  declare title: Translation

  @translation()
  declare body: Translation
}
```

In your migrations, the translatable fields must be of type `json`.
```ts
export default class extends BaseSchema {
  protected tableName = 'posts'

  async up() {
    this.schema.createTable(this.tableName, (table) => {
      table.increments('id')
      table.json('title')
      table.json('body')
    })
  }
  
  async down() {
    this.schema.dropTable(this.tableName)
  }
}
```

When using your model, you can now access the translated fields.
```ts
const post = await Post.find(1)
post.title.get('fr')
```

You can access it and throw if it doesn't exist.
```ts
const post = await Post.find(1)
post.title.getOrFail('fr')
```

You can also set the translated fields.
```ts
const post = await Post.find(1)
post.title.set('fr', 'Mon titre')
```

Or fully replace the translations.
```ts
const post = await Post.find(1)
post.title = Translation.from({
  fr: 'Mon titre',
  en: 'My title',
})
```
npm package: @stouder-io/inertia-preact
Description: The Preact adapter for Inertia.js
Author: Xavier Stouder
Latest version: 0.1.8

<div align="center">
  <img src="https://raw.githubusercontent.com/StouderIO/inertia-preact/main/.github/images/header.png" />
  <h3>@stouder-io/inertia-preact</h3>
  <p>The <a href="https://preactjs.com/">Preact</a> adapter for <a href="https://inertiajs.com/">Inertia.js</a>.</p>
  <a href="https://www.npmjs.com/package/@stouder-io/inertia-preact">
    <img src="https://img.shields.io/npm/v/@stouder-io/inertia-preact.svg?style=for-the-badge&logo=npm" />
  </a>
  <img src="https://img.shields.io/npm/l/@stouder-io/inertia-preact?color=blueviolet&style=for-the-badge" />
  <img alt="npm" src="https://img.shields.io/npm/dt/@stouder-io/inertia-preact?style=for-the-badge">
</div>

## Credits
This is a port of the original [Inertia.js React adapter](https://github.com/inertiajs/inertia/tree/master/packages/react).

Thanks to [jrson](https://jrson.me) for having released [an adapter for older release](https://github.com/jrson83/inertia-preact) of Inertia which is now archived.

## Installation
This package is available in the npm registry.

```
pnpm install @stouder-io/inertia-preact
```

## Usage
Inertia-wise, the adapter is interoperable with Inertia.js React adapter, setup should be exactly the same.