open-index/open-npm huggingface dataset:
npm package: @jongold/eslint-config-sketch
Description: common eslint globals for Sketch plugins
Author: Jon Gold
Latest version: 1.0.0-0

# eslint-config-sketch

[![npm](https://img.shields.io/npm/v/@jongold/eslint-config-sketch.svg)](https://www.npmjs.com/package/@jongold/eslint-config-sketch)

eslint config with the variables that Sketch.app's JavaScript environment contains.

## Usage
```
npm install --save-dev eslint @jongold/eslint-config-sketch
```

in `.eslintrc`
```
{
  "extends": "sketch"
}
```
npm package: @jongold/eslint-plugin-sketch
Description: common eslint globals for Sketch plugins
Author: Jon Gold
Latest version: 0.0.0

# eslint-config-sketch

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

eslint config with the variables that Sketch.app's JavaScript environment contains.

## Usage
```
npm install --save-dev eslint eslint-config-sketch
```

in `.eslintrc`
```
{
  "extends": "sketch"
}
```
npm package: @jongpie/sfdx-bummer-plugin
Description: A plugin for SFDX CLI to help maintain sfdx-project.json
Author: Jonathan Gillespie
Latest version: 0.0.20

# SFDX Bummer Plugin

A plugin for SFDX CLI to help update `sfdx-project.json` with package versions in your devhub.

## Setup

### Install as plugin

1. Install plugin: `sfdx plugins:install @jongpie/sfdx-bummer-plugin`

### Install from source

1. Install the SDFX CLI.

2. Clone the repository: `git clone git@github.com:jongpie/sfdx-bummer-plugin.git`

3. Install npm modules: `npm install` or `yarn install`

4. Link the plugin: `sfdx plugins:link` .

## Commands

### `sfdx bummer:package:aliases:sort`

Sorts `packageAliases` in `sfdx-project.json`, based on each package's name, major version, minor version, patch version, and build number

### `sfdx bummer:package:versions:retrieve`

Scans the `packageAliases` in `sfdx-project.json`, and retrieves package versions for any packages listed. All 3 parameters are optional

-   `--released`: Only include package versions that have been released
-   `--includeversionname`: appends the package version's name to the package version's alias in `sfdx-project.json`
-   `--maxversions 10`: Limits the number of package versions to retrieve per package
npm package: @jongseok.lee/use-star-wars-quote
Description: I don&#x27;t know this custom hook w
Author: jongseok.lee
Latest version: 3.0.0

# @jonsoku2/use-star-wars-quote

> I don&#x27;t know this custom hook w

[![NPM](https://img.shields.io/npm/v/@jonsoku2/use-star-wars-quote.svg)](https://www.npmjs.com/package/@jonsoku2/use-star-wars-quote) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @jonsoku2/use-star-wars-quote
```

## Usage

```tsx
import React from "react";
import { useStarWarsQuote } from "@jsjoeio/use-star-wars-quote";

const App = () => {
  const { quote, loading } = useStarWarsQuote();

  if (loading) return <p>Loading...</p>;

  if (quote) {
    return <div>{quote}</div>;
  }

  return null;
};
export default App;
```

## License

MIT © [jonsoku2](https://github.com/jonsoku2)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).

## package.json

- name 과 author 는 npmjs 의 username으로 해야한다.
- repository는 git에 맞춰서

```json
{
  "name": "@jongseok.lee/use-star-wars-quote",
  "version": "1.0.0",
  "description": "I don&#x27;t know this custom hook w",
  "author": "jongseok.lee",
  "license": "MIT",
  "repository": "jonsoku2/@jonsoku2/use-star-wars-quote",
  "main": "dist/index.js",
  "module": "dist/index.es.js",
  "types": "dist/index.d.ts",
  "jsnext:main": "dist/index.es.js",
  "engines": {
    "node": ">=8",
    "npm": ">=5"
  },
  "scripts": {
    "test": "cross-env CI=1 react-scripts test --env=jsdom",
    "test:watch": "react-scripts test --env=jsdom",
    "build": "rollup -c && tsc -d --emitDeclarationOnly --noEmit false --declarationDir dist",
    "start": "rollup -c -w",
    "prepare": "yarn run build",
    "predeploy": "cd example && yarn install && yarn run build",
    "deploy": "gh-pages -d example/build",
    "postpublish": "git push --tags"
  },
  "dependencies": {},
  "peerDependencies": {
    "react": ">=18.2.0"
  },
  "devDependencies": {
    "@babel/core": "^7.18.6",
    "@babel/runtime": "^7.18.6",
    "@rollup/plugin-babel": "^5.3.1",
    "@rollup/plugin-commonjs": "^22.0.1",
    "@rollup/plugin-node-resolve": "^13.3.0",
    "@rollup/plugin-typescript": "^8.3.3",
    "@rollup/plugin-url": "^7.0.0",
    "@testing-library/react-hooks": "^8.0.1",
    "@types/jest": "^28.1.4",
    "@types/react": "^18.0.15",
    "cross-env": "^7.0.3",
    "gh-pages": "^4.0.0",
    "react": "^18.2.0",
    "react-scripts": "^5.0.1",
    "react-test-renderer": "^18.2.0",
    "rollup": "^2.76.0",
    "rollup-plugin-peer-deps-external": "^2.2.4",
    "tslib": "^2.4.0",
    "typescript": "^4.7.4"
  },
  "publishConfig": {
    "access": "public"
  }
}
```
npm package: @jongwong/monaco-editor-workers
Description: Monaco Editor Worker Support Package
Author: TypeFox
Latest version: 0.37.0-beta.2

# Monaco Editor Worker Support Package

This package supplies all [monaco-editor](https://github.com/microsoft/monaco-editor) workers as module or classic workers (bundled with vite/rollup) and it contains a utility function that applies them to `MonacoEnvironment`:

Workers are now exported in the `packages.json`. This could be handy for re-bundling.

Additional exports:

- **./workers/module/editor** (Editor Module Worker)
- **./workers/module/ts** (TypeScript/JavaScript Module Worker)
- **./workers/module/html** (HTML Module Worker)
- **./workers/module/css** (CSS Module Worker)
- **./workers/module/json** (JSON Module Worker)
- **./workers/classic/editor** (Editor Classic/Firefox compatible Worker)
- **./workers/classic/ts** (TypeScript/JavaScript Classic/Firefox compatible Worker)
- **./workers/classic/html** (HTML Classic/Firefox compatible Worker)
- **./workers/classic/css** (CSS Classic/Firefox compatible Worker)
- **./workers/classic/json** (JSON Classic/Firefox compatible Worker)

```javascript
import { buildWorkerDefinition } from "monaco-editor-workers";

// supply path to workers path, the basePath and tell if module (true) or classic (false) workers shall be used.
// Classic workers are still required by Firefox.
buildWorkerDefinition('./node_modules/monaco-editor-workers/dist/workers', import.meta.url, false);
```

The version of this package is aligned with the version of monaco-editor.

## Getting Started

See main [README](../../../../monaco-components-main/README.md#getting-started).
npm package: @jongwong/monaco-editor-wrapper
Description: Monaco-Editor and Monaco Languageclient Wrapper
Author: TypeFox
Latest version: 2.0.0-next-beta.2

# Monaco Editor and Monaco Languageclient Wrapper

This packages provides a wrapped `monaco-editor` with full basic language support and enhanced support via workers for special languages (e.g. TS, HTML). The `monaco-languageclient` can be activated to connect to a language server either via jsonrpc over a websocket to an exernal server process or via language server protocol for browser where the language server runs in a web worker.

## Getting Started

If you have node.js LTS available, then from the root of the project run:

```bash
npm i
npm run build
```

Afterwards launch the Vite.js development mode:

```bash
npm run dev
```

You find examples (manual human testing) in the root of the repository [index.html](../../../../monaco-components-main/index.html). They can be used once Vite is running.

## Usage examples

Monaco Editor with JavaScript language support in web worker

```typescript
// helper function for loading monaco-editor's own workers
import { buildWorkerDefinition } from 'monaco-editor-workers';
buildWorkerDefinition('./node_modules/monaco-editor-workers/dist/workers', import.meta.url, false);
import { MonacoEditorLanguageClientWrapper } from 'monaco-editor-wrapper';

const client = new MonacoEditorLanguageClientWrapper();
const editorConfig = client.getEditorConfig();
editorConfig.setMainLanguageId('javascript');
editorConfig.setMainCode(`function logMe() {
    console.log('Hello monaco-editor-wrapper!');
};`);

// assuming there is a div element named "monaco-editor-root"
client.startEditor(document.getElementById('monaco-editor-root') as HTMLElement)
    .then((s: unknown) => console.log(s))
    .catch((e: Error) => console.error(e));
```

Monaco Editor with language server running in a web worker:

```typescript
// helper function for loading monaco-editor's own workers
import { buildWorkerDefinition } from 'monaco-editor-workers';
buildWorkerDefinition('./node_modules/monaco-editor-workers/dist/workers', import.meta.url, false);
import { MonacoEditorLanguageClientWrapper } from 'monaco-editor-wrapper';

const client = new MonacoEditorLanguageClientWrapper();

const editorConfig = client.getEditorConfig();
editorConfig.setMainLanguageId('plaintext');
editorConfig.setMainCode(`#ff0000 (red)
#00ff00 (green)
#0000ff (blue)`);

// use monaco-languageclient with web worker
editorConfig.setUseLanguageClient(true);
editorConfig.setUseWebSocket(false);

// load worker
const workerURL = new URL('./dist/worker.ts', window.location.href).href;
const lsWorker = new Worker(workerURL, {
    type: 'classic',
    name: 'LanguageServer'
});
client.setWorker(lsWorker);

// assuming there is a div element named "monaco-editor-root"
client.startEditor(document.getElementById('monaco-editor-root') as HTMLElement)
    .then((s: unknown) => console.log(s))
    .catch((e: Error) => console.error(e));
```
npm package: @jongwooo/prism-theme-github
Description: Prism syntax highlighter themes based on GitHub's style.
Author: jongwooo
Latest version: 1.15.1

# prism-theme-github

[![](https://img.shields.io/npm/v/@jongwooo/prism-theme-github?style=flat-square&color=orange)](https://www.npmjs.com/package/@jongwooo/prism-theme-github)
[![](https://img.shields.io/bundlephobia/min/@jongwooo/prism-theme-github?style=flat-square)](https://bundlephobia.com/package/@jongwooo/prism-theme-github)
[![](https://www.codefactor.io/repository/github/jongwooo/prism-theme-github/badge?style=flat-square)](https://www.codefactor.io/repository/github/jongwooo/prism-theme-github)
[![](https://img.shields.io/npm/l/@jongwooo/prism-theme-github?style=flat-square)](LICENSE)

[Prism](http://prismjs.com/) syntax highlighter themes based on GitHub's style.

## Available themes

- GitHub's [Default theme](themes/prism-github-default-auto.css)(Automatic light/dark mode)
- GitHub's [Default Light theme](themes/prism-github-default-light.css)
- GitHub's [Default Dark theme](themes/prism-github-default-dark.css)
- GitHub's [Dimmed Dark theme](themes/prism-github-dimmed-dark.css)

## Installation

To install the package, run the following command:

```bash
npm install --save @jongwooo/prism-theme-github
```

Or if you're using yarn:

```bash
yarn add @jongwooo/prism-theme-github
```

## License

Licensed under the [MIT License](LICENSE).
npm package: @jongy/timeit
Description: CPython's timeit in JS
Author: Yonatan Goldschmidt
Latest version: 0.0.1

## timeit-js
Clones CPython's [timeit](https://docs.python.org/3/library/timeit.html) module, for JavaScript.

This is inteded to be an easy interface to run microbenchmarks.

For example - demonstrate `Object` vs `Map` access times (Node v14.4.0):
```js
> timeit("d['a']", null, "d = new Map(); d['a'] = 5")
3.5180317138671874e-10
> timeit("d['a']", null, "d = {'a': 5}")
4.951427128906249e-10
```

TODOs:
* Clean environment & side effects, like GC, JIT stuff, etc. For example, the result displayed above reproduces  on a clean process, but not a process with "worn-out" heap.
npm package: @jongyu/roadmap
Description: React RoadMap
Latest version: 0.1.1

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
npm package: @jonhaddow/changelog-manager
Description: A CLI tool for managing a changelog within large development teams.
Latest version: 1.0.4

# 📃 Changelog Manager

A CLI tool for managing a changelog within large development teams.

## Problem

When you have many developers working within a project, you will often find merge conflicts within the CHANGELOG.md file as each developer adds a pending entry to the top of the file.

## Solution

This CLI tool will allow developers to add new entries stored in separate files. When a new release of the software is prepared, this tool can enable the developer to collect each pending entry and append to the CHANGELOG automatically.

## Install

```bash
$ npm install --global @jonhaddow/changelog-manager
```

## Usage

To add a changelog entry:

```
$ changelog-manager add --minor -m "Improve button styling within form"
```

This will create a new file under `.changelog/unreleased` containing the change details.
Type `changelog-manager add --help` to see other options available like grouping entries, and the options for change severities.

To construct a new release:

```
$ changelog-manager release
```

This will append the changes to the CHANGELOG.md.

## Local development

To compile changes run `npm start`. This will watch and compile TypeScript files.

To test the CLI, run `npx changelog-manager`.
npm package: @jonhermansen/nes-react
Description: React component library for nes.css
Author: bschulte
Latest version: 1.0.6

# nes-react

> React component library for nes.css

[![NPM](https://img.shields.io/npm/v/nes-react.svg)](https://www.npmjs.com/package/nes-react) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save nes-react
```

## Demo

https://bschulte.github.io/nes-react/

## Usage

If you want to use the default font family for nes.css (Press Start 2P), make sure to include that in your app in whatever way you choose.
To use Google Font APIs, just stick a

```html
<link
  href="https://fonts.googleapis.com/css?family=Press+Start+2P"
  rel="stylesheet"
/>
```

in your app.

```tsx
import * as React from "react";

import { Container } from "nes-react";

class Example extends React.Component {
  render() {
    return <Container>We're using containers from nes.css!</Container>;
  }
}
```

## Development

`git clone --recursive git@github.com:bschulte/nes-react.git`

`npm install` in both the root folder and in /example.

`npm run dev` then also in both the root folder and in /example.

## See Also
Check out https://github.com/Divoolej/react-select-nes-css-theme for making the popular [react-select](https://github.com/JedWatson/react-select) fit in with nes.css!

## License

MIT © [bschulte](https://github.com/bschulte)