open-index/open-npm huggingface dataset:
npm package: @scrawllife/sml
Description: > server message lock，用来保存终端上会使用到的服务器账号密码（给不想保存秘钥的朋友）
Author: zuigzm
Latest version: 1.0.2

# scrawllife sml

> server message lock，用来保存终端上会使用到的服务器账号密码（给不想保存秘钥的朋友）

## 安装使用

```
// 安装
npm i -g @scrawllife/sml

// 使用
sml set --server  // sml set -S 设置需要保存的服务器信息

sml list // 查看并进入需要保存的服务器
```
npm package: @scraye/eslint-plugin
Description: Scraye's eslint config.
Author: Scraye Technologies Ltd.
Latest version: 1.0.2

# @scraye/eslint-plugin

## Usage

Exports three plugins that contain Scraye's config for `typescript`, `react` and `prettier`.

### plugin:@scraye/typescript

### plugin:@scraye/react

### plugin:@scraye/prettier
npm package: @screaming/froggo
Description: Project scaffolder for Screaming Frog projects 🐸
Author: Eben Tuff
Latest version: 2.0.0

# @screaming/froggo

> Project scaffolder for Screaming Frog projects 🐸

<a href="https://npmjs.com/package/@screaming/froggo">
  <img src="https://img.shields.io/npm/v/@screaming/froggo" alt="npm version">
</a>
<a href="https://npmjs.com/package/@screaming/froggo">
  <img src="https://img.shields.io/npm/l/@screaming/froggo" alt="license">
</a>

## Installation

Install globally with your favourite package manager:

```sh
# yarn
yarn global add @screaming/froggo

# pnpm
pnpm add --global @screaming/froggo

# npm
npm install --global @screaming/froggo
```

Initialise a new project:

```sh
froggo <project-name>
```

## Documentation

Full documentation is available [here](https://sf-designdev-packages.github.io/froggo/).

## License

[MIT](http://opensource.org/licenses/MIT)
npm package: @screaming/share
Description: Social media share button for Screaming Frog projects 🐸
Author: Eben Tuff
Latest version: 1.0.0

# @screaming/share

> Social media share button for Screaming Frog projects 🐸

<a href="https://npmjs.com/package/@screaming/share">
  <img src="https://img.shields.io/npm/v/@screaming/share" alt="npm version">
</a>
<a href="https://npmjs.com/package/@screaming/share">
  <img src="https://img.shields.io/npm/l/@screaming/share" alt="license">
</a>

## Installation

Install with your favourite package manager:

```sh
# yarn
yarn add @screaming/share

# pnpm
pnpm add @screaming/share

# npm
npm install @screaming/share
```

Import as required:

```js
import { ... } from '@screaming/share'
```

## Documentation

Full documentation is available [here](https://screamingtools.github.io/share).

## License

[MIT](http://opensource.org/licenses/MIT)
npm package: @screaming/tables
Description: Rankable, sortable, and filterable tables for Screaming Frog projects 🐸
Author: Eben Tuff
Latest version: 1.9.0

# @screaming/tables

> Rankable, sortable, and filterable tables for Screaming Frog projects 🐸

<a href="https://npmjs.com/package/@screaming/tables">
  <img src="https://img.shields.io/npm/v/@screaming/tables" alt="npm version">
</a>
<a href="https://npmjs.com/package/@screaming/tables">
  <img src="https://img.shields.io/npm/l/@screaming/tables" alt="license">
</a>

## Installation

Install with your favourite package manager:

```sh
# yarn
yarn add @screaming/tables

# pnpm
pnpm add @screaming/tables

# npm
npm install @screaming/tables
```

Import as required:

```js
import { ... } from '@screaming/tables'
```

## Documentation

Full documentation is available [here](https://screamingtools.github.io/tables).

## License

[MIT](http://opensource.org/licenses/MIT)
npm package: @screaming/twitter-scraper
Description: Twitter Scraper for Screaming Frog projects 🐸
Author: screaming
Latest version: 0.0.1

# @screaming/twitter-scraper

> Twitter Scraper for Screaming Frog projects 🐸

<a href="https://npmjs.com/package/@screaming/twitter-scraper">
  <img src="https://img.shields.io/npm/v/@screaming/twitter-scraper" alt="npm version">
</a>
<a href="https://npmjs.com/package/@screaming/twitter-scraper">
  <img src="https://img.shields.io/npm/l/@screaming/twitter-scraper" alt="license">
</a>

## Installation

Install globally with your favourite package manager:

```sh
# yarn
yarn global add @screaming/twitter-scraper

# pnpm
pnpm add --global @screaming/twitter-scraper

# npm
npm install --global @screaming/twitter-scraper
```

Begin scraping tweets:

```sh
twitter-scraper <input-name>.json
```

## Documentation

Full documentation is available [here](https://sf-designdev-packages.github.io/twitter/).

## License

[MIT](http://opensource.org/licenses/MIT)
npm package: @screaming/use
Description: Vue composables for Screaming Frog projects 🐸
Author: Screaming Frog
Latest version: 1.5.1

# @screaming/use

> Vue composables for Screaming Frog projects 🐸

<a href="https://npmjs.com/package/@screaming/use">
  <img src="https://img.shields.io/npm/v/@screaming/use" alt="npm version">
</a>
<a href="https://npmjs.com/package/@screaming/use">
  <img src="https://img.shields.io/npm/l/@screaming/use" alt="license">
</a>

## Installation

Install with your favourite package manager:

```sh
# yarn
yarn add @screaming/use

# pnpm
pnpm add @screaming/use

# npm
npm install @screaming/use
```

Import as required:

```js
import { ... } from '@screaming/use'
```

## Documentation

Full documentation is available [here](https://sf-designdev-packages.github.io/use).

## License

[MIT](http://opensource.org/licenses/MIT)
npm package: @screaming/utils
Description: TypeScript utilities for Screaming Frog projects 🐸
Author: Screaming Frog
Latest version: 1.1.0

# @screaming/utils

> TypeScript utilities for Screaming Frog projects 🐸

<a href="https://npmjs.com/package/@screaming/utils">
  <img src="https://img.shields.io/npm/v/@screaming/utils" alt="npm version">
</a>
<a href="https://npmjs.com/package/@screaming/utils">
  <img src="https://img.shields.io/npm/l/@screaming/utils" alt="license">
</a>

## Installation

Install with your favourite package manager:

```sh
# yarn
yarn add @screaming/utils

# pnpm
pnpm add @screaming/utils

# npm
npm install @screaming/utils
```

Import as required:

```js
import { ... } from '@screaming/utils'
// or
import { ... } from '@screaming/utils/deprecated'
```

## Documentation

Full documentation is available [here](https://screamingtools.github.io/utils).

## License

[MIT](http://opensource.org/licenses/MIT)
npm package: @screamingfrog/froggo
Description: Project scaffolder for Screaming Frog projects.
Author: Eben Tuff
Latest version: 0.4.0

# Froggo

> Project scaffolder for Screaming Frog projects.

## Installation

```sh
# yarn
yarn global add @screamingfrog/froggo

# npm
npm i -g @screamingfrog/froggo

# pnpm
pnpm add -g @screamingfrog/froggo
```

## Updating

```sh
# yarn
yarn global add @screamingfrog/froggo

# npm
npm update -g @screamingfrog/froggo

# pnpm
pnpm add -g @screamingfrog/froggo
```

## Usage

### Create new project

```sh
froggo create <projectName>
```

### Add SASS files

```sh
froggo scss <dirName>
froggo sass <dirName>
```
npm package: @screamingfrog/vue
Description: Screaming Frog Vue components.
Author: Eben Tuff
Latest version: 0.6.0

# Vue Components, Composables and Directives

## Installation:

```sh
# yarn
yarn add @screamingfrog/vue

# pnpm
pnpm i @screamingfrog/vue

# npm
npm i @screamingfrog/vue
```

## Documentation:

Full documentation available [here](https://screamingprojects.com/docs).
npm package: @screamz/aurora
Description: A set of configs and rules for Typescript projects.
Author: Andréas HANSS
Latest version: 1.0.0

<h1 align="center">
  Aurora
</h1>
<p align="center">
    <img src="./logo.png" alt="Logo Aurora" width="300">
</p>
<h4 align="center">A set of configs and rules for Typescript projects.</h4>

- **Prettier**. Code formatter
- **Tslint**. Typescript files linter

# Installation and dependencies

Install dependencies using npm or yarn:

`yarn add -D tslint prettier @screamz/aurora`

Edit your `package.json` and add `"prettier": "@screamz/aurora"` to use the built-in prettier config.

Then chose your tslint config depending on your project type and add it to your tslint.json `extends` key:

- Classic Typescript project such as NodeJS or Cloud Functions: `@screamz/aurora/tslint-common`
- React project: `@screamz/aurora/tslint-react`

Good to go!

## Good to know

Some rules are handled by Prettier and have been desactived in tslint to avoid conflicts thanks to both `tslint-config-prettier` & `tslint-plugin-prettier`.

# Extending ?

- If you want to extends the built-in Prettier config:

The `package.json` method does not offer a way to extend the configuration to overwrite some properties from the shared configuration. If you need to do that, import the file in a `.prettierrc.js` file and export the modifications, e.g:

```js
module.exports = {
  ...require("@screamz/aurora"),
  semi: false
};
```

- If you want to extends the tslint configuration

It's simple as adding rules in your `tslint-config.json`

```JSON
{
  "extends": "@screamz/aurora/tslint-react",
  "rules": {
    "interface-name": false,
  }
}
```
npm package: @screeb/markdown-editor-element
Description: A lightweight markdown editor for the modern web
Author: Screeb's frontend team
Latest version: 0.0.7

# mardkdown-editor-element

A lightweight markdown editor for the modern web

## Usage

Via npm:

```sh
npm install @screeb/markdown-editor-element
```

```js
import "@screeb/markdown-editor-element";
```

Or as a `<script>` tag:

```html
<script
  type="module"
  src="https://cdn.jsdelivr.net/npm/@screeb/markdown-editor-element@^1/index.js"
></script>
```

Then use the HTML:

```html
<markdown-editor></markdown-editor>
```

And listen for `change` events:

```js
document
  .querySelector("markdown-editor")
  .addEventListener("change", (event) => console.log(event.detail));
```

This will log a string:

```json
"Hello **world**"
```

## Styling

`markdown-editor-element` uses [Shadow DOM](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM), so its inner styling cannot be (easily) changed with arbitrary CSS. Refer to the API below for style customization.

### Size

`markdown-editor-element` has a default size, but you can change it to whatever you want:

```css
markdown-editor {
  width: 400px;
  height: 300px;
}
```

For instance, to make it expand to fit whatever container you give it:

```css
markdown-editor {
  width: 100%;
  height: 100%;
}
```

### CSS variables

Most colors and sizes can be styled with CSS variables.
For example:

```css
markdown-editor {
  --markdown-editor-color: black;
  --markdown-editor-border-color: green;
  --markdown-editor-selection-color: red;
}
```

Here is a full list of css variables:

| Variable                             | Default                                  | Description                                        |
| ------------------------------------ | ---------------------------------------- | -------------------------------------------------- |
| `--markdown-editor-background-color` | `#ffffff`                                | Background color of the entire `<markdown-editor>` |
| `--markdown-editor-color`            | `#303140`                                | Text color of the entire `<markdown-editor>`       |
| `--markdown-editor-selection-color`  | `#5e21f1`                                | Background of the `<markdown-editor>` selection    |
| `--markdown-editor-border-color`     | `#e5e5ed`                                | Border color of the entire `<markdown-editor>`     |
| `--markdown-editor-shadow`           | `0px 2px 2px 0px rgba(48, 49, 64, 0.05)` | Shadow of the entire `<markdown-editor>`           |

## Contributing

### Developing

Install dependencies with `pnpm install`

Start a development server with:

```bash
pnpm dev

# or start the server and open the app in a new browser tab
pnpm dev -- --open
```

Everything inside `src/lib` is part of the library, everything inside `src/routes` is used as a showcase.

### Building

Build library:

```bash
pnpm build
```

### Publishing

```bash
pnpm publish
```
npm package: @screeb/react-native
Description: Continuous Product Discovery
Author: Alexis
Latest version: 3.2.0

<p align="center">
  <a href="https://www.npmjs.com/package/@screeb/react-native"><img alt="npm screeb/react-native" src="https://img.shields.io/npm/v/@screeb/react-native"></a>
  <a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/license-MIT-purple.svg" alt="License: MIT"></a>
  <a href="https://cocoapods.org/pods/Screeb"><img src="https://img.shields.io/cocoapods/v/Screeb.svg?style=flat" alt="Cocoapods"></a>
  <a href="https://search.maven.org/search?q=g:%22app.screeb.sdk%22%20AND%20a:%22survey%22"><img src="https://img.shields.io/maven-central/v/app.screeb.sdk/survey.svg?label=Maven%20Central" alt="Maven Central"></a>
</p>

# @screeb/react-native

A react-native module to integrate Screeb mobile sdk for Android and/or iOS.

## How to install the React-Native SDK in your app ?

[See here.](https://github.com/ScreebApp/developers/wiki/React-Native-SDK-install)

## Changelog

[See here.](https://www.notion.so/screeb/ReactNative-SDK-30e8dc27fa7a4dea979084d83e5140c3)

## Run examples

### React Native CLI example

```sh
yarn install

cd example/
yarn install

cd ios/
pod install
cd ..

yarn android
yarn ios
```

### Expo example

The Expo project lives in `example-expo`. It builds a full native binary (Expo Go will not load custom native modules).

```sh
yarn install

yarn workspace example-expo prebuild
yarn workspace example-expo ios   # or android

# in another terminal, from the repo root
yarn example:expo
```

Re-run `prebuild` whenever native configuration changes (for example after toggling the new architecture). Use `yarn workspace example-expo prebuild --clean` if you need to fully regenerate the iOS/Android projects. The `example-expo/react-native.config.js` file ensures the Screeb module is autolinked automatically.

## License

MIT
npm package: @screeb/sdk-browser
Description: Screeb's browser sdk.
Author: Screeb's frontend team
Latest version: 0.5.0

<p align="center">
  <a href="https://screeb.app" alt="Screeb">
    <img src="https://raw.githubusercontent.com/ScreebApp/sdk-js/master/packages/screeb-sdk-browser/readme/screeb-logo.svg?token=GHSAT0AAAAAAB2OOPMGT2QD5TL3IRJN3CKCZDEYHJA" alt="Logo" height="120px" style="margin-top: 20px;"/>
  </a>
</p>
<h1 align="center">@screeb/sdk-browser</h1>
<p align="center">
  Screeb's browser sdk.

  <b>Continuous Product Discovery, Without the Time Sink.</b>

  <a href="https://screeb.app" alt="Screeb">Screeb</a> is the only Continuous Product Discovery platform that lets you analyse users' behaviour, ask in-app questions, recruit people for interviews and analyse data in a blink with AI.
</p>

<p align="center">
  <a href="https://github.com/ScreebApp/sdk-js/actions/workflows/node.js.yml" alt="ci">
    <img alt="ci" src="https://github.com/ScreebApp/sdk-js/actions/workflows/node.js.yml/badge.svg">
  </a>
  <a href="https://www.npmjs.com/package/@screeb/sdk-browser" alt="version">
    <img alt="version" src="https://img.shields.io/npm/v/@screeb/sdk-browser.svg" />
  </a>
  <a href="https://bundlephobia.com/package/@screeb/sdk-browser" alt="min size">
    <img alt="min size" src="https://img.shields.io/bundlephobia/min/@screeb/sdk-browser">
  </a>
  <a href="https://bundlephobia.com/package/@screeb/sdk-browser" alt="minzipped size">
    <img alt="minzipped size" src="https://img.shields.io/bundlephobia/minzip/@screeb/sdk-browser">
  </a>
<img alt="downloads" src="https://badgen.net/npm/dw/@screeb/sdk-browser" />
</p>


## Installation

This library is published in the NPM registry and can be installed using any compatible package manager.

```bash
npm install @screeb/sdk-browser --save

# For Yarn, use the command below.
yarn add @screeb/sdk-browser
```

## Usage

Basic usage:
```ts
import * as Screeb from "@screeb/sdk-browser";

Screeb.load();
Screeb.init('<your-website-id>');
```

For a working example, see our [Screeb Angular SDK example app](https://github.com/ScreebApp/sdk-js/tree/master/packages/screeb-sdk-browser-example).

For a more advanced usage and a complete API documentation, see [documentation generated from source files](https://github.com/ScreebApp/sdk-js/tree/master/packages/screeb-sdk-browser/docs).

For further information, see [our developper documentation](https://github.com/ScreebApp/developers).

## Support
For any issues, please contact our support team at support@screeb.com.

## Contributing
All third party contributors acknowledge that any contributions they provide will be made under the same open source license that the open source project is provided under.

## License

Released under [MIT License](https://github.com/ScreebApp/sdk-js/blob/master/LICENSE).
npm package: @screenbook/cli
Description: Screen catalog and navigation graph generator CLI. Auto-detect frameworks, generate docs, and analyze impact.
Latest version: 1.8.0

# @screenbook/cli

Command-line interface for Screenbook.

> **Note**: This package is part of [Screenbook](https://github.com/wadakatu/screenbook).
> For installation and usage, see the main documentation.

## Installation

```bash
npm i -D screenbook
# or
pnpm add -D screenbook
```

## Commands

| Command | Description |
|---------|-------------|
| `screenbook init` | Initialize Screenbook in your project |
| `screenbook build` | Generate metadata JSON from screen definitions |
| `screenbook dev` | Start the UI server for local development |
| `screenbook lint` | Check for missing screen definitions (CI-friendly) |

## Links

- [Documentation](https://github.com/wadakatu/screenbook#readme)
- [GitHub](https://github.com/wadakatu/screenbook)

## License

MIT
npm package: @screenbook/core
Description: Define screens in code with TypeScript. Core library for screen catalog and navigation graph generation.
Latest version: 1.8.0

# @screenbook/core

Core types and utilities for Screenbook.

> **Note**: This package is part of [Screenbook](https://github.com/wadakatu/screenbook).
> For installation and usage, see the main documentation.

## Installation

```bash
npm i -D screenbook
# or
pnpm add -D screenbook
```

## What's included

- `defineScreen()` - Define screen metadata
- `defineConfig()` - Configure Screenbook
- TypeScript types and Zod schemas

## Links

- [Documentation](https://github.com/wadakatu/screenbook#readme)
- [GitHub](https://github.com/wadakatu/screenbook)

## License

MIT
npm package: @screenbook/ui
Description: UI for Screenbook - screen catalog and navigation graph viewer
Latest version: 1.8.0

# @screenbook/ui

Web UI for Screenbook - screen catalog, navigation graph, and impact analysis.

> **Note**: This package is part of [Screenbook](https://github.com/wadakatu/screenbook).
> For installation and usage, see the main documentation.

## Installation

```bash
npm i -D screenbook
# or
pnpm add -D screenbook
```

## Features

- **Screen Catalog** - Browse and search all screens
- **Navigation Graph** - Visualize user flows
- **Impact Analysis** - Find affected screens when APIs change
- **Coverage Dashboard** - Track documentation completeness

## Links

- [Documentation](https://github.com/wadakatu/screenbook#readme)
- [GitHub](https://github.com/wadakatu/screenbook)

## License

MIT
npm package: @screencloud/alfie-alpha
Description: Component library for apps look and feel
Latest version: 1.0.1

# App UI component library

- Published to [npm](https://www.npmjs.com/package/@screencloud/alfie-alpha)
- [Documentation](https://alfie-documentation.apps.screencloud.com/)

## Tools we use

- We use [styled-components](https://styled-components.com/) to style our components.
- We use [styled-system](https://styled-system.com/) to create components with constraint-based style props based on scales defined in our theme.