open-index/open-npm huggingface dataset:
npm package: @jwc/vuepress-theme-casper
Description: Ghosts Casper Theme for VuePress
Author: Alexander Heimbuch
Latest version: 1.1.1

# Casper Theme

Ghosts default theme [Casper](https://github.com/TryGhost/Casper) for Vuepress.

## Installation

Install the npm package:

```bash
$ npm i vuepress-theme-casper --save
# or
$ yarn add vuepress-theme-casper
```

Adapt your vuepress config `config.js`:

```js
module.exports = {
  title: 'Theme Title',
  description: 'Theme description',
  base: '/',
  theme: 'casper',
  head: [
    ['link', { rel: 'icon', href: '/favicon.png' }]
  ],
  markdown: {
    anchor: {
      permalink: false,
      permalinkBefore: false
    }
  },
  themeConfig: {
    cover: 'cover.jpg',
    logo: '/logo.png',
    nav: [{
      text: 'Home',
      link: '/'
    }, {
      text: 'Posts',
      link: '/posts'
    }, {
      text: 'Category',
      link: '/category/some-category'
    }, {
      text: 'Page',
      link: '/a-page.html'
    }],

    footer: [{
      text: 'Latest Posts',
      link: '/posts'
    }, {
      text: 'Facebook',
      link: 'https://facebook.com/'
    }, {
      text: 'Twitter',
      link: 'https://twitter.com'
    }, {
      text: 'Github',
      link: 'https://github.com/'
    }],
    social: {
      github: 'https://github.com',
      twitter: 'https://twitter.com',
      facebook: 'https://facebook.com',
      xing: 'https://xing.de',
      instagram: 'https://instagram.com',
      linkedin: 'https://linkedin.com'
    }
  }
}
```

## Page/Post Parameters

The following parameters are available:

```
---
title: And when we woke up, we had these bodies.
image: https://picsum.photos/1920/1080/?random&date=2018-04-15
publish: 2018-04-15
type: post|page
tags:
  - toe-tappingly tragic
  - thanks to the Internet
categories:
  - futurama
readingTime: 10 Minutes
---
```

The post intro uses the `<!-- more -->` tag.

## Caveats

* For simplicity this theme doesn't support multiple authors
npm package: @jwdotjs/graphql-custom-datetype
Description: Custom date type for graphql
Latest version: 0.3.1

Custom Date Type for GraphQL
============================

This is a custom date type implementation for GraphQL. GraphQL does not contain
a native date type but it does allow you to specify [custom scalar types](https://facebook.github.io/graphql/#sec-Scalars)
that serializes to strings, or other scalar types, but conforms to certain
standards.

This date type accepts and outputs this format: '2015-07-24T13:15:34.814Z'
which is commonly used in JSON since it is the default format used by
JavaScript when serializing dates to JSON.

[![npm version](https://badge.fury.io/js/graphql-custom-datetype.svg)](https://badge.fury.io/js/graphql-custom-datetype)
[![Build Status](https://travis-ci.org/soundtrackyourbrand/graphql-custom-datetype.svg?branch=master)](https://travis-ci.org/soundtrackyourbrand/graphql-custom-datetype)

## Usage

To use this type you in your GraphQL schema you simply install this module with
`npm install --save graphql-custom-datetype` and use it. In the minimal example
below we expose the query `now` that simply returns the current date and time.

The important part is that your resolve function needs to return a JavaScript
Date object.

```javascript
// examples/now.js

import {
  graphql,
  GraphQLSchema,
  GraphQLObjectType,
} from 'graphql';
import CustomGraphQLDateType from '..';

let schema = new GraphQLSchema({
  query: new GraphQLObjectType({
    name: 'Query',
    fields: {
      now: {
        type: CustomGraphQLDateType,
        // Resolve fields with the custom date type to a valid Date object
        resolve: () => new Date()
      }
    }
  })
});

graphql(schema, "{ now }")
  .then(console.log)
  .catch(console.error);
```

Running this prints the current date:

```shell
$ babel-node examples/now.js
{ data: { now: '2015-07-24T13:23:15.580Z' } }
```
npm package: @jwdotjs/hapi-graphql
Description: Create a GraphQL HTTP server with Hapi.
Author: Simon Degraeve
Latest version: 1.1.0

# GraphQL Hapi Plugin

Create a GraphQL HTTP server with [Hapi](http://hapijs.com).
Port from [express-graphql](https://github.com/graphql/express-graphql).

```js
npm install --save hapi-graphql
```

### Example

```js
import Hapi from 'hapi';
import GraphQL from 'hapi-graphql';
import {GraphQLSchema} from 'graphql';

const server = new Hapi.Server();
server.connection({
  port: 3000
});

const TestSchema = new GraphQLSchema({});

server.register({
  register: GraphQL,
  options: {
    query: {
      # options, see below
    },
    // OR
    //
    // query: (request) => ({
    //   # options, see below
    // }),
    route: {
      path: '/graphql',
      config: {}
    }
  }
}, () =>
  server.start(() =>
    console.log('Server running at:', server.info.uri)
  )
);
```

### Options

The `options` key of `query` accepts the following:

  * **`schema`**: A `GraphQLSchema` instance from [`graphql-js`][].
    A `schema` *must* be provided.

  * **`context`**: A value to pass as the `context` to the `graphql()`
    function from [`graphql-js`][].

  * **`rootValue`**: A value to pass as the `rootValue` to the `graphql()`
    function from [`graphql-js`][].

  * **`pretty`**: If `true`, any JSON response will be pretty-printed.

  * **`formatError`**: An optional function which will be used to format any
    errors produced by fulfilling a GraphQL operation. If no function is
    provided, GraphQL's default spec-compliant [`formatError`][] function will
    be used.

  * **`validationRules`**: Optional additional validation rules queries must
    satisfy in addition to those defined by the GraphQL spec.

  * **`graphiql`**: If `true`, may present [GraphiQL][] when loaded directly
    from a browser (a useful tool for debugging and exploration).

#### Debugging

During development, it's useful to get more information from errors, such as
stack traces. Providing a function to `formatError` enables this:

```js
formatError: error => ({
  message: error.message,
  locations: error.locations,
  stack: error.stack
})
```
npm package: @jwdotjs/uptime
Description: HTTP uptime alerts that notify failed requests to Sentry
Latest version: 2.0.1

# Uptime Monitoring That Logs To Sentry

## Requirements

- You must have `SENTRY_DSN` specified in your .env

## Config

- In the below example, the request object gets passed directly to [Axios](https://github.com/axios/axios)
- If you don't specify an HTTP Method in the request, it will default to GET
- If you don't specify an interval it will default to 60 seconds

```javascript
const uptime = require('@jwdotjs/uptime');

uptime({
  monitoring: [
    {
      request: {
        url: '',
        method?: 'GET'|'POST'|'PUT'|'DELETE',
        headers?: {},
        data?: {},
      },
      interval?: 60000,
    },
  ],
  maxAttempts: 2, // how many total times a request should fail consecutively before we log an error
}).init();
```

## Example Usage

```javascript
const uptime = require("@jwdotjs/uptime");

uptime({
  monitoring: [
    { request: { url: "http://www.google.com" } },
    { request: { url: "http://www.yahoo.com" } },
    { request: { url: "http://www.sitewithanoutage.com" } }
  ],
  maxAttempts: 2 // how many total times a request should fail consecutively before we log an error
}).init();
```

![Result In Console](https://i.imgur.com/9ezZwYX.png)
npm package: @jweb-development/response-parser
Description: A library for parsing http responses.
Author: JWEB Development LLC
Latest version: 1.1.4

# Response Parser
This package comprises a JavaScript library meant for parsing and (optionally) performing actions based on responses received from a RESTful API.

## Installation
From your terminal, type the following:
```shell
npm i @jweb-development/response-parser
```

And from there the package should be ready to go!

## Use Case
As we handled a growing number of websites that consumed data from REST APIs, we found it burdensome to implement response handling across each codebase. Moreover, we began using Redux for state management across our code; as we received certain statuses (e.g. "Unauthorized") from the API, we found it necessary to immediately dispatch actions to update state for the entire application (e.g. resetting the state and returning the user to a Login component).

This package hopefully accomplishes both of the above tasks; it is meant to simplify and streamline how responses from APIs are handled on the client side, and can also (optionally) be integrated with state management libraries to perform stateful actions.

## Example Usage
```js
// import the redux action type
const { GET_ORG_CONTACTS } = require('../redux/types')
// import the npm library
const { parseResponse } = require('@jweb-development/response-parser')
// sample api call triggered by the ui
const processInfo = async (
  dispatch = () => { }, apiInfo, fireSuccess = () => { }, fireFailure = () => { }
) => {
  try {
    const { accountID, options } = apiInfo
    // make the api call using fetch
    const response = await window.fetch(`${api}/accounts/${accountID}/info`, options)
    // get the details of the call from the response object
    const parsedResponse = parseResponse(response)
    // check for errors; if there are none then get the data
    if (parsedResponse && !parsedResponse.error) {
      const { data = {} } = await response.json()

      const { apiInfo = {} } = data

      dispatch({ type: GET_ORG_CONTACTS, payload: apiInfo })

      return true
    } else {
      // here, we know the library/status code is an error code, so we fire an error handler
      fireFailure()
      return false
    }
  } catch (err) {
    console.error(err)
    fireFailure()
    return false
  }
}
```

## Running Locally
To run the package locally, pull from source and run `npm run build` to output the package into a dist folder. From there, run `npm i path-to-local-repo` to target the package and install it. Make sure to uninstall the response-parser library first if it has already been downloaded from npm.

## Contributing
This package contains the response codes that we use/see the most, but it is by no means exhaustive. While we hope to make this library more robust in the future, we welcome pull requests that amplify what we've written. Before making a PR, consider writing a unit test in the `test` folder to ensure the code works as expected.
npm package: @jweigel/toryo
Description: 棟梁 The intelligent agent orchestrator — chains AI coding agents with trust-based delegation and quality ratcheting
Latest version: 0.1.1

# @jweigel/toryo

棟梁 The intelligent agent orchestrator — chains AI coding agents with trust-based delegation and quality ratcheting.

## Installation

```bash
npm install -g @jweigel/toryo
```

## Usage

```bash
toryo init              # scaffold config + task specs
toryo run               # start orchestration cycles
toryo run -n 10         # run 10 cycles
toryo status            # show metrics and agent states
toryo dashboard         # open web dashboard
```

See the [main Toryo README](https://github.com/JesseRWeigel/toryo#readme) for full documentation.

## License

MIT
npm package: @jwelboss/context-menu-plugin
Description: Rete context menu plugin ==== #### Rete.js plugin
Author: Vitaliy Stoliarov
Latest version: 1.0.0

Rete context menu plugin
====
#### Rete.js plugin

```js
import ContextMenuPlugin, { Menu, Item, Search } from 'rete-context-menu-plugin';

editor.use(ContextMenuPlugin, {
    searchBar: false, // true by default
    searchKeep: title => true, // leave item when searching, optional. For example, title => ['Refresh'].includes(title)
    delay: 100,
    allocate(component) {
        return ['Submenu'];
    },
    rename(component) {
        return component.name;
    },
    items: {
        'Click me'(){ console.log('Works!') }
    },
    nodeItems: {
        'Click me'(){ console.log('Works for node!') },
        'Delete': false, // don't show Delete item
        'Clone': false // or Clone item
    },
    // OR
    nodeItems: node => {
        if (node.name === 'Add') {
            return {
                'Only for Add nodes'() => { console.log('Works for add node!') },
            };
        }
        return { 
            'Click me'(){ console.log('Works for node!') }
        }
    },
    vueComponent: CustomVueComponent // extends Menu
});
```
| Options | Description | Default |
|-|-|-|
| `searchBar` | Showing search bar | `true`
| `delay` | Delay hide, ms | `1000`
| `allocate` | function for placing of components into submenu | `() => []`
| `rename` | function for renaming of items| `component => component.name`
| `items` | custom items (`Object` with nested objects and functions) | `{}`
| `nodeItems` | custom items for Node menu or a function that returns node items | `{}`


You can arbitrarily put a component in a submenu. Examples: 

```js
allocate() { return ["Single submenu"] }
```

```js
allocate(component) { return component.path } // where path is a stack of menu for every component
```


```js
allocate(component) { return null } // exclude component from menu items
```

To change the items that create nodes, you may need to change the name.

```js
class MyComponent {
    constructor() {
        super("My comp");
        this.contextMenuName = "Add My comp";
    }
}
///
rename(component) { return component.contextMenuName || component.name }
```

Prevent showing context menu

```js
editor.on('showcontextmenu', ({ e, node }) => { // e - MouseEvent, node - Node instance or null
    return Boolean(node); // show context menu for nodes only
});
```
Prevent context menu for particular Node

```js
class AddComponent extends Rete.Component {
    constructor(){
        // ...
        this.data.noContextMenu = true;
    }
// ...

editor.on('showcontextmenu', ({ node }) => {
    return !node || !editor.components.get(node.name).data.noContextMenu;
});
```
npm package: @jwelfare/gathercontent-utils
Description: Helpful util functions for working with the GatherContent API
Author: John Welfare
Latest version: 1.0.11

# @jwelfare/gathercontent-utils

Helpful util functions for working with the GatherContent API

## Usage

### `contentify(item)`

Recursively converts a GatherContent item response to a friendly content object by 'slugifying' it's labels into properities.

#### Params

| Name   | Type                | Description                   |
| ------ | ------------------- | ----------------------------- |
| `item` | `GatherContentItem` | the item object to contentify |

#### Example

```typescript
import { contentify } from '@jwelfare/gathercontent-utils';

const response = await fetch(`https://api.gathercontent.com/items/${itemId}?include=structure`, {
  Accept: 'application/vnd.gathercontent.v2+json',
  Authorization: `Basic ${base64credentials}`,
});
// {
//   "data": {
//     ...
//     "content": {
//       "9f6a25b8-7617-495d-9c5c-7ef05ed68cf6": "<p>More features coming soon. This will include the ability to request COVID-19 vaccination certificates.</p>"
//     },
//     "structure": {
//       "uuid": "d6bf5b9b-a224-4283-84f7-4a02baa8b5aa",
//       "groups": [
//         {
//           "uuid": "19dfab8d-a533-4e52-b5c5-7acf3fadc4df",
//           "name": "Content",
//           "fields": [
//             {
//               "uuid": "9f6a25b8-7617-495d-9c5c-7ef05ed68cf6",
//               "label": "Hello World",
//               ...
//             }
//           ]
//         }
//       ]
//     }
//   }
// }

const content = contentify(response.data);
// {
//   'helloWorld': "<p>More features coming soon. This will include the ability to request COVID-19 vaccination certificates.</p>"
// }
```

## Acknowledgements

Based off code within GatherContent's [offical client](https://github.com/gathercontent/gathercontent.js).
npm package: @jwerre/markdown_to_array
Description: Convert markdown text to a simplified DOM array. Previously markdown_to_html
Author: dom
Latest version: 2.0.0

# Markdown to Array

Convert markdown text to a simplified DOM array.

### Install

```bash
npm install --save @jwerre/markdown_to_array
```

#### NOTE: use `@jwerre/markdown_to_array` instead of `markdown_to_array`

### Example

```js

MdToArray = require('markdown_to_array')
const md = `\
This is *italics* and this is **bold**.

- list item 1
- list item 2
- list item 3

Here is a [hyperlink](https://example.com)!

Here are some **images**: ![some alt text](https://example.com/img1.png)

![](https://example.com/img2.png)`;

const mdDom = new MdToArray(md);
const parsed = mdDom.parse();
console.log(parsed);
```

#### Result:
```js
[
  [
    { text: 'This is ', tag: 'P', P: true },
    { text: 'italics', tag: 'EM', EM: true },
    { text: ' and this is ', tag: 'P', P: true },
    { text: 'bold', tag: 'STRONG', STRONG: true },
    { text: '.', tag: 'P', P: true }
  ],
  [
    { text: 'list item 1', tag: 'LI', LI: true },
    { text: 'list item 2', tag: 'LI', LI: true },
    { text: 'list item 3', tag: 'LI', LI: true }
  ],
  [
    { text: 'Here is a ', tag: 'P', P: true },
    {
      text: 'hyperlink',
      tag: 'A',
      A: true,
      href: 'https://example.com'
    },
    { text: '!', tag: 'P', P: true }
  ],
  [
    { text: 'Here are some ', tag: 'P', P: true },
    { text: 'images', tag: 'STRONG', STRONG: true },
    { text: ': ', tag: 'P', P: true },
    {
      tag: 'IMG',
      IMG: true,
      src: 'https://example.com/img1.png',
      alt: 'some alt text'
    }
  ],
  [
    {
      tag: 'IMG',
      IMG: true,
      src: 'https://example.com/img2.png',
      alt: ''
    }
  ]
]
```
npm package: @jweston/trigger
Description: ⚡Data-oriented state management for React
Author: Josh Weston
Latest version: 0.21.7

# Welcome to Trigger! <span><img width="28" height="28" src="lightning.png" alt="Lightning Bolt" /></span>

![npm bundle size](https://img.shields.io/bundlephobia/minzip/%40jweston%2Ftrigger)
![NPM Version](https://img.shields.io/npm/v/%40jweston%2Ftrigger)
![NPM Downloads](https://img.shields.io/npm/dt/%40jweston%2Ftrigger)
![NPM License](https://img.shields.io/npm/l/%40jweston%2Ftrigger)

Trigger is a lightweight, zero-dependency state management library purpose-built for React and TypeScript. It is designed to bridge the gap between high-performance data handling and an intuitive developer experience.

## Core Philosophies

Trigger blends the structural clarity of traditional database systems with the reactive nature of modern UI development, all wrapped in a robust type system that provides full type hints for the data in your store.

- **Database Patterns**: It utilizes familiar concepts like `INSERT` / `UPDATE` / `DELETE` and automated triggers to ensure data integrity and a simple mental model.
- **The Flux Pattern**: Drawing inspiration from the architecture popularized by [Redux](https://redux.js.org/) and [Zustand](https://zustand.docs.pmnd.rs/learn/getting-started/introduction), Trigger employs a predictable, unidirectional data flow. This ensures state changes are transparent, traceable, and easy to debug.
- **Reactivity**: Trigger features computed values that automatically and efficiently stay in sync when their dependencies change.
- **End-to-End Type Safety**: The robust type system provides full type hints and autocomplete for all data types residing in the data store, catching errors at compile time and eliminating guesswork.
- **State Modularity**: Easily create separate, dedicated stores throughout your application. This modular approach enforces a clean separation of concerns, preventing global state bloat and keeping your architecture maintainable as your project scales.
- **High-Performance Rendering**: Engineered specifically for data-intensive applications, Trigger uses internal change tracking to enable highly granular DOM updates. Your React components only re-render when the specific data they depend on changes, drastically reducing unnecessary compute strain on React's diffing algorithm.

<br/>

```
npm i @jweston/trigger
```

<br/>

---

## 👉 Head over to the [official documentation](https://trigger.joshweston.ca/)
npm package: @jwetzell/posistagenet
Description: ![npm](https://img.shields.io/npm/v/%40jwetzell%2Fposistagenet) # psn-js typesecript implementation of the [PosiStageNet protocol](https://github.com/vyv/psn-cpp/blob/master/doc/PosiStageNetprotocol_v2.03_2019_09_09.pdf)
Author: Joel Wetzell
Latest version: 2.1.1

![npm](https://img.shields.io/npm/v/%40jwetzell%2Fposistagenet)
# psn-js
typesecript implementation of the [PosiStageNet protocol](https://github.com/vyv/psn-cpp/blob/master/doc/PosiStageNetprotocol_v2.03_2019_09_09.pdf)


## Install
`npm install --save @jwetzell/posistagenet`

## Usage

### Decode - [example](./examples/psn_client.js)
```
const { Decoder } = require('@jwetzell/posistagenet')
const decoder = new Decoder()

const infoPacketBuffer = new Uint8Array([
  0x56, 0x67, 0x34, 0x80, 0x00, 0x00, 0x0c, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x03, 0x01,
  0x01, 0x01, 0x00, 0x0b, 0x00, 0x53, 0x65, 0x72, 0x76, 0x65, 0x72, 0x20, 0x4e, 0x61, 0x6d, 0x65, 0x02, 0x00, 0x11,
  0x80, 0x01, 0x00, 0x0d, 0x80, 0x00, 0x00, 0x09, 0x00, 0x54, 0x72, 0x61, 0x63, 0x6b, 0x65, 0x72, 0x20, 0x31,
]);
const dataPacketBuffer = new Uint8Array([
  0x55, 0x67, 0x28, 0x80, 0x00, 0x00, 0x0c, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x03, 0x01,
  0x01, 0x01, 0x00, 0x14, 0x80, 0x01, 0x00, 0x10, 0x80, 0x00, 0x00, 0x0c, 0x00, 0x00, 0x00, 0x80, 0x3f, 0x00, 0x00,
  0x80, 0x3f, 0x00, 0x00, 0x80, 0x3f,
]);

decoder.decode(infoPacketBuffer)
decoder.decode(dataPacketBuffer)

// the system_name from info packets if available
console.log(decoder.systemName)

// map of trackers populated with any data that has been received
// this merges both info and data packet properties into one
console.log(decoder.trackers)

```

### Encode - [example](./examples/psn_server.js)
```
const { Encoder, Tracker } = require('@jwetzell/posistagenet')
const encoder = new Encoder('Server Name', 2,3) //server name, version high, version low

const trackers = []

const tracker = new Tracker(1,'Tracker 1') // id, name
tracker.setPos(1.0,1.0,1.0) // x, y, z

trackers.push(tracker)

const timestamp = 1;


// these two calls return an array of Buffers due to potential splitting that might take place because of max UDP packet size
const dataPackets = encoder.getDataPackets(timestamp, trackers)
const infoPackets = encoder.getInfoPackets(timestamp, trackers)

dataPackets.forEach((dataPacket)=>{
    console.log('send packet somehow')
    console.log(dataPacket)
})

infoPackets.forEach((infoPacket)=>{
    console.log('send packet somehow')
    console.log(infoPacket)
})

```
  
## Notes
- UInt64
  - PosiStageNet uses 64 bit UInt's for timestamp values make sure to use [`BigInt`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt) if using values over `Number.MAX_SAFE_INTEGER`
npm package: @jwevans/better-code-blocks
Description: Plugin for markdown-it to have better code blocks
Author: Jacob Evans
Latest version: 1.2.3

# Better Code Blocks

Plugin for markdown-it to have better code blocks

```terminal
npm i --save @jwevans/better-code-blocks
```

## Styles

```css
.named-code-block {
   // block styles
}

.named-code-block .named-code-block-title {
   // styles for file name
}

.named-code-block pre {
   // styles for code within block
}
```
npm package: @jwevans/markdown-it-admonitions
Description: Adds admonition blocks to Markdown-It
Author: Jacob Evans
Latest version: 0.1.1

# markdown-it-admonitions

```terminal
npm i --save @jwevans/markdown-it-admonitions
```

## Usage

```markdown
!!! warning "This is a warning"
The content of this _block_ will be rendered as a warning.
!!!
```

# Types of Admonitions

See [Material for MkDocs](https://squidfunk.github.io/mkdocs-material/reference/admonitions/)

Bring your own styles
npm package: @jwevans/markdown-it-code-block-line-numbers
Description: Adds optional line numbers and line highlighting to fenced code blocks in Markdown-It
Author: Jacob Evans
Latest version: 0.1.2

# @jwevans/markdown-it-code-block-line-numbers

## Usage

```
npm i --save @jwevans/markdown-it-code-block-line-numbers
```

```typescript
import MarkdownIt from 'markdown-it';
import MarkdownItCodeBlockLineNumbers from '@jwevans/markdown-it-code-block-line-numbers';

const md = new MarkdownIt();

md.use(MarkdownItCodeBlockLineNumbers);

md.render(/* Markdown String to Render */)
```

Enable using the modifiers after the language name:
`showNumbers`, `showLineNumbers`, `show-numbers`, `show-line-numbers`, `lineNumbers`, or `line-numbers`.

Add an `="5"` after the modifier to set the starting line number to `5`.

Enable highlighting of the lines using the `highlight` or `h1` modifiers. With `=RANGES` after or add `=!RANGES` to specify the numbers starting at the given start index. Use `=?RANGES` to explicitly start the highlighting numbers at `1`. `RANGES` are specified like `1-5,7,9,12-15`. If the start of the range is less than the end of the range, an error is throw.

## Examples

~~~markdown
```js showNumbers
/* Some JavaScript Code */
```

--OR--

```js showLineNumbers
/* Some JavaScript Code */
```

--OR--

```js show-numbers
/* Some JavaScript Code */
```

--OR--

```js show-line-numbers
/* Some JavaScript Code */
```

--OR--

Starts Numbering at 5
```js show-line-numbers="5"
/* Some JavaScript Code */
```

--OR--

Starts Numbering at 5
```js show-line-numbers=5
/* Some JavaScript Code */
```

--OR--

Starts Numbering at 5 and highlights the first 3 lines and the last line
```js show-line-numbers="5" hl=?1-3,5
/* Five Lines of JavaScript Code */
```

--OR--

Starts Numbering at 5 and highlights the first 3 lines and the last line
```js show-line-numbers="5" hl=!5-7,9
/* Five Lines of JavaScript Code */
```
~~~
npm package: @jwevans/markdown-it-highlight-inline-code
Description: Adds syntax highlighting to inline code blocks
Author: Jacob Evans
Latest version: 0.1.2

# @jwevans/markdown-it-highlight-inline-code

## Usage

```
npm i --save @jwevans/markdown-it-highlight-inline-code
```

```typescript
import MarkdownIt from 'markdown-it';
import MarkdownItHighlightInlineCode from '@jwevans/markdown-it-highlight-inline-code';

const md = new MarkdownIt();

md.use(HighlightInlineCode);

md.render(/* Markdown String to Render */)
```

~~~markdown
`#!python range(10)`

--OR--

`#!javascript console.log("Hello World!")`
~~~
npm package: @jwevans/markdown-it-mermaid
Description: Adds parsing support for mermaid diagrams in Markdown-It
Author: Jacob Evans
Latest version: 0.1.2

# @jwevans/markdown-it-mermaid

## Usage

```
npm i --save @jwevans/markdown-it-mermaid
```

```typescript
import MarkdownIt from 'markdown-it';
import MarkdownItMermaid from '@jwevans/markdown-it-mermaid';

const md = new MarkdownIt();

md.use(MarkdownItMermaid);

md.render(/* Markdown String to Render */)
```

## Examples

~~~markdown

```mermaid
flowchart TB
   c1-->a2
   subgraph one
   a1-->a2
   end
   subgraph two
   b1-->b2
   end
   subgraph three
   c1-->c2
   end
```

~~~

In the outputed HTML include the following: (or the latest version from https://mermaid-js.github.io/mermaid/#/n00b-gettingStarted?id=_3-calling-the-javascript-api)

```html
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script>
   mermaid.initialize({ startOnLoad: true });
</script>
```
npm package: @jwevans/markdown-it-titled-code-blocks
Description: Adds support for titled code blocks in Markdown-It
Author: Jacob Evans
Latest version: 0.1.2

# @jwevans/markdown-it-titled-code-blocks

## Usage

```
npm i --save @jwevans/markdown-it-titled-code-blocks
```

```typescript
import MarkdownIt from 'markdown-it';
import MarkdownItTitledCodeBlocks from '@jwevans/markdown-it-titled-code-blocks';

const md = new MarkdownIt();

md.use(MarkdownItTitledCodeBlocks);

md.render(/* Markdown String to Render */)
```

## Examples

~~~markdown
```js title="Example 1"
/* Some JavaScript Code */
```

--OR--

```js name="Example 1"
/* Some JavaScript Code */
```

--OR--

```js label="Example 1"
/* Some JavaScript Code */
```

--OR--

```js title=Example
/* Some JavaScript Code */
```
~~~
npm package: @jwg2947776795/jwg2-button
Description: #### Description npm测试
Latest version: 2.0.0

# change-button

#### Description
npm测试

#### Software Architecture
Software architecture description

#### Installation

1.  xxxx
2.  xxxx
3.  xxxx

#### Instructions

1.  xxxx
2.  xxxx
3.  xxxx

#### Contribution

1.  Fork the repository
2.  Create Feat_xxx branch
3.  Commit your code
4.  Create Pull Request


#### Gitee Feature

1.  You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
2.  Gitee blog [blog.gitee.com](https://blog.gitee.com)
3.  Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
4.  The most valuable open source project [GVP](https://gitee.com/gvp)
5.  The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
6.  The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
npm package: @jwh6088/c-table
Description: element表格组件二次封装
Author: jwh6088
Latest version: 1.0.8

### 使用
```javascript
    npm install @jwh6088/c-table
```
### 使用包需要的依赖
```javascript
    elementui
    vue
```
### 开发包需要的依赖
```javascript
    rollup-plugin-commonjs
    rollup-plugin-vue
    vue-template-compiler
    rollup-plugin-postcss
    sass
```
npm package: @jwh6088/publish-tool
Description: 前端自动上传工具
Author: jwh
Latest version: 1.1.1

<!--
 * @Description:
 * @Author: jiangwh
 * @Date: 2023-12-01 15:00:07
 * @LastEditors: jiangwh
 * @LastEditTime: 2024-04-17 10:37:28
-->

# 前端自动化上传工具

## 安装 @jwh6088/publish-tool

`yarn add @jwh6088/publish-tool --dev`

## 使用

1.  package.json 的 scripts 中添加

    ```json
    "scripts": {
        "publishTool": "publishTool publish"
    }
    ```

2.  在根目录下添加 publish.config.cjs

    ```js
    module.exports = {
      option: {
        // 可添加多个服务器
        dev: {
          remoteDir: "服务器项目目录",
          host: "ip",
          port: "端口",
          username: "用户名",
          passdword: "密码",
          localDir: "本地项目目录",
        },
      },
    };
    ```

3.  执行命令`yarn publish`

## 执行流程

`使用node-ssh连接服务器` => `上传本地目录下的所有文件`
npm package: @jwhance/http-aws-es
Description: Use the elasticsearch-js client with Amazon ES (Updated for elasticsearch 16.7.2)
Author: Joseph Hance
Latest version: 6.1.2

# Connection handler for Amazon ES [<img title="Version" src="https://img.shields.io/npm/v/http-aws-es.svg?style=flat-square" />](https://www.npmjs.org/package/http-aws-es)

Makes [elasticsearch-js](https://github.com/elastic/elasticsearch-js) compatible with Amazon ES. It uses the aws-sdk to make signed requests to an Amazon ES endpoint.

Forked from https://github.com/TheDeveloper/http-aws-es which breaks when used with the latest elasticsearch library v16.7.2. This original repo seems to have\n
been abandoned with no PR in a long time.

## Installation

```bash
# Install the connector, elasticsearch client and aws-sdk
npm install --save @jwhance/http-aws-es aws-sdk elasticsearch
```

# package.json

```
Something like this:

  "dependencies": {
    "@jwhance/http-aws-es": "6.1.2",
    "aws-sdk": "2.831.0",
    "elasticsearch": "16.7.2",

```

## Usage

```javascript
// create an elasticsearch client for your Amazon ES
let es = require("elasticsearch").Client({
  hosts: ["https://amazon-es-host.us-east-1.es.amazonaws.com"],
  connectionClass: require("@jwhance/http-aws-es"),
});
```

## Region + Credentials

The connector uses aws-sdk's default behaviour to obtain region + credentials from your environment. If you would like to set these manually, you can set them on aws-sdk:

```javascript
let AWS = require("aws-sdk");
AWS.config.update({
  credentials: new AWS.Credentials(accessKeyId, secretAccessKey),
  region: "us-east-1",
});
```

## Options

```javascript
let options = {
  hosts: [], // array of amazon es hosts (required)
  connectionClass: require("http-aws-es"), // use this connector (required)
  awsConfig: new AWS.Config({ region }), // set an aws config e.g. for multiple clients to different regions
  httpOptions: {}, // set httpOptions on aws-sdk's request. default to aws-sdk's config.httpOptions
};
let es = require("elasticsearch").Client(options);
```

## Test

```bash
npm test
# test against a real endpoint
AWS_PROFILE=your-profile npm run integration-test -- --endpoint https://amazon-es-host.us-east-1.es.amazonaws.com --region us-east-1
```
npm package: @jwhenry/react-micro
Description: Micro-Frontend React Library
Author: jwhenry3
Latest version: 1.0.4

# react-micro

> Micro-Frontend React Library

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

## Install

```bash
npm install --save @jwhenry/react-micro
```


## License

MIT © [jwhenry3](https://github.com/jwhenry3)
npm package: @jwhenry/react-windows
Description: movable and focusable windows
Author: jwhenry3
Latest version: 1.0.8

# react-windows

> movable and focusable windows

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

## Install

```bash
npm install --save react-windows
```

## Usage

```tsx
import React, { Component } from 'react'

import {Panel, Panels, setComponent} from '@jwhenry/react-windows';

export default MyComponent extends React.Component {

    componentDidMount() {
        setComponent('test', <Panel>{(focused) => <div>Content</div>}</Panel>);
    }

    render() {
        return <Panels/>;
    }
}
```

## License

MIT © [jwhenry3](https://github.com/jwhenry3)
npm package: @jwhupup/cli
Description: An individual uses a scaffold with zero configuration
Author: jwhupup
Latest version: 1.3.0

# 介绍

一个个人用于快速创建开箱即用的前端工程模板的工具。

[![npm dependents](https://badgen.net/npm/dependents/@jwhupup/cli)](https://www.npmjs.com/package/@jwhupup/cli?activeTab=dependents)
[![Downloads](https://badgen.net/npm/dt/@jwhupup/cli)](https://www.npmjs.com/package/@jwhupup/cli)

### 预设模板

- vue3 + vite + ts

### 手动安装

```shell
# 通过 npm
npm i -g @jwhupup/cli
# 通过 yarn
yarn global add @jwhupup/cli
# 通过 pnpm
pnpm add -g @jwhupup/cli
```

### 使用

```shell
ca
```

### 贡献模板

如果想为脚手架完善或新增模板可以在仓库[@jwhupup/cli](https://github.com/jwhupup/cli)中提交PR，感谢~
npm package: @jwienk/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 5.0.11

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @jwillmer/pattern-component
Description: CSS Pattern Component
Author: Jens Willmer
Latest version: 0.0.3

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/@jwillmer/pattern-component)
[![Published on npmjs.com](https://img.shields.io/npm/v/@jwillmer/pattern-component?style=flat-square)](https://www.npmjs.com/package/@jwillmer/pattern-component)

# CSS Pattern Web Component

This web component creates a background pattern only by using CSS. It is very usefull to quickly create nice looking placeholders for profile pictures. It is a fork of a [CSS3 pattern collection](https://leaverou.github.io/css3patterns/). 

## Demo

[![Demo](./title.png)](https://jwillmer.github.io/pattern-component/)

The docs folder contains the compiled source code of this component. You can visit the [demo page](https://jwillmer.github.io/pattern-component/) for more examples.

## Usage

For a comprehensive demo on how to use this component you can investigate the [/src/index.html](/src/index.html).

```html
<!-- Define which pattern to display -->
<css-pattern pattern="half-rombes">
    <!-- Your content -->
</css-pattern>

<!-- Get a consistent pattern from a string value. Usefull for profile image placeholders. -->
<css-pattern pattern-for="John Doe">
    <!-- Your content -->
</css-pattern>

<!-- Change CSS properties of the component  -->
css-pattern {
    --border-radius: 15px;
    --width: 15vw;
    --height: 15vh;
}
```

## Development

run:

```bash
npm install
npm start
```

To build the component for production, run:

```bash
npm run build
```

To run the unit tests for the components, run:

```bash
npm test
```

Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-component).


## Using this component

### Script tag

- Put a script tag similar to this `<script src='https://unpkg.com/pattern-component@0.0.2/dist/css3pattern.js'></script>` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

### Node Modules
- Run `npm install @jwillmer/pattern-component --save`
- Put a script tag similar to this `<script src='node_modules/@jwillmer/pattern-component/dist/css3pattern.js'></script>` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

### In a stencil-starter app
- Run `npm install @jwillmer/pattern-component --save`
- Add an import to the npm packages `import @jwillmer/pattern-component;`
- Then you can use the element anywhere in your template, JSX, html etc
npm package: @jwizecom/schematics
Description: A schematics implementation
Author: Jaime Weise
Latest version: 1.0.0

# Getting Started With Schematics

This repository is a basic Schematic implementation that serves as a starting point to create and publish Schematics to NPM.

### Testing

To test locally, install `@angular-devkit/schematics-cli` globally and use the `schematics` command line tool. That tool acts the same as the `generate` command of the Angular CLI, but also has a debug mode.

Check the documentation with

```bash
schematics --help
```

### Unit Testing

`npm run test` will run the unit tests, using Jasmine as a runner and test framework.

### Publishing

To publish, simply do:

```bash
npm run build
npm publish
```

That's it!