open-index/open-npm huggingface dataset:
npm package: @sandstack/neuron
Description: Neuron is a lightweight framework agnostic global state manager for Javascript apps, with React support
Author: David A. Sanders
Latest version: 0.0.0-beta.0.101

<div><img src='https://sandstack.dev/readme-neuron.png' /></div>

[![npm version](https://badge.fury.io/js/@sandstack%2Fneuron.svg)](https://badge.fury.io/js/@sandstack%2Fneuron)
![build](https://github.com/hjrdave/Neuron/actions/workflows/npm-publish.yml/badge.svg?event=push)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/%40sandstack%2Fneuron)

# Neuron Global State Manager

The Neuron Global State Manager is a small, bare bones, framework agnostic library for building framework specific global state managers.

Neuron Core can be used in any js application by itself or you can tailor it to your framework of choice. My goal is to create framework specific version of this that use core under the hood.
See [React Neuron](https://sandstack.dev/neuron/docs/react/about) as an example.

<div style="background-color: #fff3cd; border: 1px solid #ffeeba; padding: 1em;">
  <strong>Warning:</strong> This library is still experimental and is not ready for production.
</div>

## Setup Neuron State

### Create a new Neuron

```javascript
import { Neuron } from "@sandstack/neuron";

const trainer = new Neuron("Ash Ketchum");
```

### Update state

```javascript
trainer.set("Gary Oak");
```

### Get state

```javascript
const name = trainer.getRef();
```

### Listen for state changes

```javascript
trainer.effect((payload) => {
  console.log(payload.state);
});

//initial console.log output
//name: Ash Ketchum

//new console.log output
//name: Gary Oak
```

Learn more about [Neuron Core](https://sandstack.dev/neuron) and [React Neuron](https://sandstack.dev/neuron/docs/react/about).
npm package: @sandstack/neuron-devtools
Description: Devtools for Neuron global state manager. React only.
Author: David A. Sanders
Latest version: 0.0.0-alpha.28

<div><img src='https://sandstack.dev/readme-devtools.png' /></div>

[![npm version](https://badge.fury.io/js/@sandstack%2Fneuron-devtools.svg)](https://badge.fury.io/js/@sandstack%2Fneuron-devtools)
[![build](https://github.com/hjrdave/Neuron.Devtools/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/hjrdave/Neuron.Devtools/actions/workflows/npm-publish.yml)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/%40sandstack%2Fneuron-devtools)

# Neuron Devtools

Neuron has it's own dedicated Devtools that can be used to keep track of state in your app. As of now the Devtools are only compatible with Neuron React.

<div style="background-color: #fff3cd; border: 1px solid #ffeeba; padding: 1em;">
  <strong>Warning:</strong> This library is still experimental and is not ready for production.
</div>

## Install

Install Neuron Devtools package into your project.

```bash
npm install @sandstack/neuron-devtools
```

## Setup

**Add Panel to App**
The `DevtoolsPanel` is a React component. It needs to be added to the top most level of your app.

```jsx
import React from "react";
import ReactDOM from "react-dom/client";
import DevtoolsPanel from "@sandstack/neuron-devtools";
import App from "./App.tsx";

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <DevtoolsPanel />
    <Store />
    <App />
  </React.StrictMode>
);
```

**Add Devtools Module to Store**
The `Devtools` module needs to be added to each `Store` you want to track with the Devtools Panel. You must add the store name to the Devtools Module.

```jsx
import {createStore} from "@sandstack/neuron/react";
import {Devtools} from "@sandstack/neuron-devtools";

export const { State, Module } = createStore();

export default function Store() {
  return (
    <>
      <Module use={Devtools({ storeName: "PokemonStore" })} />
      <State name={"trainer"} state={"Goh"}/>
      <State name={"pokemon"} state={"Mewtwo"}} />
    </>
  );
}

```

You can learn more about Neuron [here](https://sandstack.dev/neuron).
npm package: @sandstone-mc/mcdoc-ts-generator
Description: Generate TypeScript types from Minecraft mcdoc definitions
Latest version: 0.2.0

# @sandstone/mcdoc-ts-generator

[![NPM Version](https://img.shields.io/npm/v/%40sandstone-mc%2Fmcdoc-ts-generator?style=flat-square&logo=npm&color=cc3534)](https://www.npmjs.com/package/@sandstone-mc/mcdoc-ts-generator?activeTab=versions)[![Provenance Signed](https://img.shields.io/badge/-%E2%9C%94-b02c2c?style=flat-square)](https://www.npmjs.com/package/@sandstone-mc/mcdoc-ts-generator#provenance)

To be used as a dev dependency in Sandstone with:
```bash
bun mcdoc-ts-generator --out-dir "src/arguments/generated/" --no-tsconfig
```
npm package: @sandstormmedia/react-redux-ts-utils
Description: This package provides utility and typings for our React, Redux and TypeScript projects.
Author: Sandstorm
Latest version: 1.0.0

# React and Redux utilities

This package provides utility and typings for our React, Redux and TypeScript projects.

> A lot of utils actually origin from another briliant package: [Martin Hochel's](https://github.com/Hotell) library [rex-tils](https://github.com/Hotell/rex-tils). We try to attribute those in the source code as good as we can.
npm package: @sandstreamdev/prosemirror-schema
Description: Schema setup for using prosemirror in chatwoot. Based on 👉 https://github.com/ProseMirror/prosemirror-example-setup/
Author: Nithin David
Latest version: 1.0.0

# woot-prosemirror-schema
Schema setup for using prosemirror in chatwoot. Based on 👉 https://github.com/ProseMirror/prosemirror-example-setup/
npm package: @sandstreamdev/react-feather
Description: React component for Feather icons
Author: Carmelo Pullara
Latest version: 1.1.6

## React Feather Icons

[![npm](https://img.shields.io/npm/v/react-feather.svg)](https://www.npmjs.com/package/react-feather)

#### What is react-feather?
react-feather is a collection of simply beautiful open source icons for React.js. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

#### Based on Feather ```4.12.1```

### Installation
    npm install react-feather --save

### Usage

```javascript
import React from 'react';
import { Camera } from 'react-feather';

const App = () => {
  return <Camera />
};

export default App;
```
If you are using WebPack, you can import only one icon.
```javascript
import React from 'react';
import Camera from 'react-feather/dist/icons/camera';

const App = () => {
  return <Camera />
};

export default App;
```
If you can't use ES6 imports, it's possible to include icons from the compiled folder ./dist.
```javascript
var Camera = require('react-feather/dist/icons/camera').default;

var MyComponent = React.createClass({
  render: function () {
    return (
      <Camera />
    );
  }
});
```
You can also include the whole icon pack:

```javascript
import React from 'react';
import * as Icon from 'react-feather';

const App = () => {
  return <Icon.Camera />
};

export default App;
```
Icons can be configured with inline props:
```javascript
<Icon.AlertCircle color="red" size={48} />
```