open-index/open-npm huggingface dataset:
npm package: @stereobooster/mdast-util-wiki-link
Description: Parse and render wiki-style links
Author: Mark Hudnall
Latest version: 0.2.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @stereobooster/mdast-util-wiki-link

Deprecated in favor of https://github.com/stereobooster/braindb/tree/main/packages/mdast-util-wiki-link
npm package: @stereobooster/plotery
Description: Fast and lightweight plotting library for Preact without fuss.
Author: Ales Kurecka
Latest version: 1.1.1

# Plotery

**Fork** of https://bitbucket.org/shelacek/plotery/.

[![npm](https://img.shields.io/npm/v/@shelacek/plotery.svg)](https://www.npmjs.com/package/@shelacek/plotery)
[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@shelacek/plotery.svg)](https://bundlephobia.com/result?p=@shelacek/plotery)

*Fast and lightweight plotting library for Preact without fuss.*

![Screenshot of some Plotery graph](https://bitbucket.org/shelacek/plotery/raw/master/screenshot.png)

See documentation on [shelacek.bitbucket.io/plotery](https://shelacek.bitbucket.io/plotery).

```jsx
<Chart data={data}>
	<LinearAxis type="x" min={0} max={100} />
	<LinearAxis type="y" min={-10} max={10} />
	<LinearLine />
</Chart>
```


## Features

- Plotery generate SVG markup and let the browser do the rest
- Declarative configuration: It's Preact library, so why not use JSX?
- Small footprint: don't burn bits for sporadically used features
- Easily extensible
- Styled with CSS


[Changelog] | [Create an issue]

[Changelog]: https://bitbucket.org/shelacek/plotery/src/master/CHANGELOG.md
[Create an issue]: https://bitbucket.org/shelacek/plotery/issues
npm package: @stereobooster/react-treat-styled
Description: React library for styled-components for treat
Author: SEEK
Latest version: 0.0.1

# 🍬 react-treat-styled

## Docs

```tsx
import React from 'react';
import { styled } from 'react-treat-styled';

import * as styleRefs from './Demo.treat';

const Test = styled.div([
  styles.foo.someStyle.button,
  styles.nonThemeStyles.yellow,
]);

export default () => <Test id="main">This font is always yellow</Test>;
```

## License

MIT.
npm package: @stereobooster/remark-wiki-link
Description: Parse and render wiki-style links
Author: Mark Hudnall
Latest version: 2.1.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @stereobooster/remark-wiki-link

Deprecated in favor of https://github.com/stereobooster/braindb/tree/main/packages/remark-wiki-link
npm package: @stereobooster/unstyled-components
Description: styled-components that Sebastian Markbåge would like
Author: stereobooster
Latest version: 1.0.0

<img src="https://github.com/stereobooster/unstyled-components/blob/master/unstyled-components.png?raw=true" width="150" height="150" />

# unstyled-components

styled-components based on React's style prop

<blockquote class="twitter-tweet">
  <p lang="en" dir="ltr">My favorite CSS-in-JS API has been in React from day one.</p>
  &mdash; Sebastian Markbåge (@sebmarkbage) <a href="https://twitter.com/sebmarkbage/status/1002277788961918979?ref_src=twsrc%5Etfw">May 31, 2018</a>
</blockquote>

## Example

```js
import React from "react";
import isPropValid from "@emotion/is-prop-valid";
import { styled, ThemeProvider } from "@stereobooster/unstyled-components";

const H1 = styled("h1", {
  shouldForwardProp: prop => isPropValid(prop) && prop !== "color"
})(props => ({
  color: "hotpink",
  background: props.theme.background
}));

export const StyledTest = () => (
  <ThemeProvider theme={{ background: "#000" }}>
    <H1 color="lightgreen">This is lightgreen.</H1>
  </ThemeProvider>
);
```

## Why?

...
npm package: @stereobot/ms
Description: A ms parser for a bot, Stereo
Author: Sxmurai
Latest version: 1.0.3

# @stereobot/ms

The ms module Stereo uses for music related commands, since the [pre-existing module](https://npmjs.com/ms) doesn't have a feature we wanted.

---

## Usage

_idk why you'd want to use this, but have fun_

**From an int**

```js
const ms = require("@stereobot/ms");

ms(123000); // 2m
ms(123000, { long: true }); // 2 minutes
ms(123000, { full: true }); // 2m 3s
ms(123000, { long: true, full: true }); // 2 minutes 3 seconds
```

**From a string**

```js
const ms = require("@stereobot/ms");

ms("2d"); // 172800000
ms("2m 3s"); // 123000
ms("2 minutes 3 seconds"); // 123000
ms("6m 9s"); // 369000
ms("-6m -9s"); // -369000 this also exists, in case you need it?
```

---

> Project is licensed under a MIT license
npm package: @stereograph/cli
Description: Simple Command Line Interface for creating a basic HTML development site with browser-sync support.
Author: Danny Bullis
Latest version: 0.0.34

# stereograph-cli
Simple Command Line Interface for creating a basic HTML development site with browser-sync support.

## Development
It's easier to develop the CLI if you first uninstall it globally (if applicable).
`$ npm uninstall -g @stereograph/cli`
`$ cd /path/to/stereograph-cli`
`
npm package: @stereograph/core
Description: Stereograph Core is an Angular 5 and Typescript library with a bulk of functionality and reusable components.
Latest version: 0.1.48

# StereographCore
Stereograph Core is an Angular 5 and Typescript library with a bulk of functionality and reusable components.

# Setup
`npm install`

# Development
For testing and development purposes, Stereograph Core lives inside of an Angular CLI -generated scaffold, which provides a test framework and application structure out of the box.

Everything you want to share to the world lives inside the `src/app/modules` directory. Everything outside of that is simply for use in development (live browser reload, unit tests, etc). The outside world will not see anything outside of `src/app/modules`.

## Unit tests
`ng test`

## Development server
`ng serve`
npm package: @stereopt/data-table
Description: Simple reusable React data table component
Latest version: 0.2.5

# @stereopt/data-table

Simple React data table component packaged as an npm library.

## Getting started

Install dependencies:

```bash
npm install
```

Build the package:

```bash
npm run build
```

Run the build in watch mode while developing:

```bash
npm run dev
```

## Usage

```tsx
import { DataTable } from '@stereopt/data-table';
import '@stereopt/data-table/styles.css';

export function Example() {
  return <DataTable />;
}
```

The package stylesheet ships the component utilities only. It does not include Tailwind preflight, so it will not reset the consuming application's global styles.

The components also inherit the host application's theme automatically when the app exposes common semantic CSS variables such as `--background`, `--foreground`, `--primary`, `--muted`, `--border`, and related tokens. If needed, you can override the library specifically with the prefixed variables `--st-dt-*`.

## Tailwind Configuration

Since the package uses Tailwind CSS, your consumer application must configure Tailwind to scan the package files so it generates the required utility classes.

### Tailwind v4 (CSS-first)

In your global CSS file:

```css
@import "tailwindcss";
@import "@stereopt/data-table/tailwind-source.css";
```

That's it! The `tailwind-source.css` file contains the `@source` directive that tells Tailwind where to scan for the component classes.

## GitHub repository

Repository: https://github.com/StereoPT/data-table

## npm publishing

1. Update the `name` field in `package.json` if you want a different npm package name.
2. Bump the version in `package.json`.
3. Log in to npm with `npm login`.
4. Publish with `npm publish --access public`.

If you use an npm scope such as `@stereopt`, make sure that scope exists in your npm organization.