open-index/open-npm huggingface dataset:
npm package: @hackerai/local
Description: HackerAI Local Sandbox Client - Execute commands on your local machine
Author: HackerAI
Latest version: 0.7.2

# @hackerai/local

HackerAI Local Sandbox Client - Execute commands on your local machine from HackerAI.

## Installation

```bash
npx @hackerai/local@latest --token YOUR_TOKEN
```

Or install globally:

```bash
npm install -g @hackerai/local
hackerai-local --token YOUR_TOKEN
```

## Usage

```bash
npx @hackerai/local@latest --token hsb_abc123 --name "My Laptop"
```

Commands run directly on your host OS. The client connects to HackerAI and relays commands in real-time.

## Options

| Option             | Description                                            |
| ------------------ | ------------------------------------------------------ |
| `--token TOKEN`    | Authentication token from HackerAI Settings (required) |
| `--name NAME`      | Connection name shown in HackerAI (default: hostname)  |
| `--convex-url URL` | Override backend URL (for development)                 |
| `--help, -h`       | Show help message                                      |

## Getting Your Token

1. Go to [HackerAI Settings](https://hackerai.co/settings)
2. Navigate to the "Agents" tab
3. Click "Generate Token" or copy your existing token

## Security

Commands run directly on your OS without any isolation. Only connect machines you trust and control. The client auto-terminates after 1 hour of inactivity.

## License

MIT
npm package: @hackermans/make-babel
Description: Make a Babel Starter Node App
Author: Rohit Prakash
Latest version: 1.0.1

## Quick Start

```sh
npx @hackermans/make-babel my-app
cd my-app
npm start
```

_([npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) comes with npm 5.2+ and higher, see [instructions for older npm versions](https://gist.github.com/gaearon/4064d3c23a77c74a3614c498a8bb1c5f))_

Then open [http://localhost:8080/](http://localhost:8080/) to see your app.

### Get Started Immediately

The advantage with using this starter-kit is you get all the tools you need for babel preconfigured so you can start hacking with no hassle! 💙

Create a project, and you’re good to go.

## Creating an App

**You’ll need to have Node >= 12 on your local development machine** (but it’s not required on the server). You can use [nvm](https://github.com/creationix/nvm#installation) (macOS/Linux) or [nvm-windows](https://github.com/coreybutler/nvm-windows#node-version-manager-nvm-for-windows) to switch Node versions between different projects.

To create a new app, you may choose one of the following methods:

### npx

```sh
npx @hackermans/make-babel my-app
```
npm package: @hackersgarage.dev/tableofcontents
Description: A responsive web component that allows users to quickly jump between sections in a HTML document.
Author: Andrea Fazzi
Latest version: 0.1.1

# Table Of Contents

The `TableOfContents` custom web component provides a responsive
navigation aid that allows users to quickly jump between sections in
your document. It automatically observes headings and adjusts its
behavior based on viewport size.

## Features

- **Responsive Design**: Automatically toggles between dropdown mode
  for narrow viewports and inline display for wider ones.
- **Dynamic Content**: Observes heading elements with IDs, updating
  the table of contents as users scroll through the page.
- **Accessibility**: Utilizes `aria-current` attribute to highlight
  the currently active section.

## Installation

To use this component in your project:

1. Ensure your environment supports custom web components (i.e., a
   modern browser or polyfill).
2. Include the JavaScript file containing the `TableOfContents` class
   in your HTML document.
3. Add the `<table-of-contents>` element where you want the table of
   contents to appear.

## Usage

Ensure that your document headings have corresponding `id` attributes
to enable automatic observation and updating of the table of contents.

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Countdown Timer</title>
	<script defer src="https://cdn.jsdelivr.net/npm/@hackersgarage.dev/tableofcontents@0.1.1/tableofcontents.min.js"></script>
</head>
<body>
  <table-of-contents min-width="600px">
      <details>
          <summary>Jump to Section</summary>
          <ul>
              <li><a href="#introduction">Introduction</a></li>
              <li><a href="#features">Features</a></li>
              <li><a href="#installation">Installation</a></li>
              <!-- Add more sections as needed -->
          </ul>
      </details>
  </table-of-contents>
</body>
</html>

```
## Customization

- `min-width`: Defines the minimum viewport width (in pixels) at which
  the table of contents will switch from dropdown to inline
  display. It is specified with the 'px' suffix.

## Source code

You can explore the source code of this component [here](https://git.andreafazzi.eu/andrea/tableofcontents).
npm package: @hackforplay/common
Description: Common package for building stages in hackforplay
Author: teramotodaiki
Latest version: 0.47.20

# @hackforplay/common

HackForPlay でステージを構築するための共通パッケージ

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
[![npm latest version](https://img.shields.io/npm/v/@hackforplay/common/latest.svg)](https://www.npmjs.com/package/@hackforplay/common)

## 概要

@hackforplay/common は、教育用プログラミングゲーム「HackForPlay」でステージを構築するためのパッケージです。
ゲームオブジェクト、ルール、イベント処理などの機能を提供し、インタラクティブなゲーム作成を可能にします。

## プロジェクト構造

```
packages/game/
├── src/
│   ├── hackforplay/      # コアモジュール
│   │   ├── object/       # オブジェクト関連クラス
│   │   ├── rule.ts       # ルールシステム
│   │   ├── rpg-map.ts    # マップシステム
│   │   ├── skin.ts       # スキンシステム
│   │   └── ...
│   ├── register.js       # エントリーポイント
│   └── index.ts          # メインエクスポート
├── test/                 # テストファイル
├── dist/                 # ビルド成果物
└── package.json          # 依存関係
```

## 主要コンポーネント

- **RPGObject**: すべてのゲームエンティティの基底クラス
- **Rule**: イベント駆動型のゲームロジック管理システム
- **RPGMap**: タイルベースのマップ管理と衝突検出
- **Player**: ユーザー入力とキャラクター制御
- **スキンシステム**: アセット管理とスプライト制御

## 開発環境のセットアップ

```bash
# 依存関係のインストール
npm install

# 開発サーバーの起動
npm start

# ライブラリの使用
# http://localhost:8080/register.js から利用可能
```

## ビルドプロセス

```bash
# パッケージのビルド
npm run build

# 以下のサブタスクが実行されます
# 1. webpack: ブラウザ用コードのバンドル
# 2. babel: Node.js用コードの変換
# 3. definition: 型定義ファイルの生成
```

## テスト

```bash
# テストの実行
npm test

# 特定のファイルのテスト
npx ava test/specific-test-file.js
```

## デプロイプロセス

デプロイは以下の 2 つの場所に対して行われます：

1. **npm registry**: Node.js アプリケーションで使用するためのパッケージ
2. **Google Cloud Storage**: ブラウザで直接使用するための CDN ホスティング

semantic-release を使用して、コミットメッセージに基づいて自動的にバージョンが決定されます。
npm package: @hackforplay/log
Description: A simple, cross environment logger written in TypeScript.
Author: HackforPlay, Inc.
Latest version: 1.3.5

# @hackforplay/log

[![Actions Status](https://github.com/hackforplay/log/workflows/Release%20package/badge.svg)](https://github.com/hackforplay/log/actions)
[![npm latest version](https://img.shields.io/npm/v/@hackforplay/log/latest.svg)](https://www.npmjs.com/package/@hackforplay/log)

This is a simple logger written in TypeScript. Created for [@hackforplay/sandbox](https://github.com/hackforplay/sandbox) and [@hackforplay/common](https://github.com/hackforplay/common).

Type definition is ready to import! d.ts is included in this package.

## Install

`npm install @hackforplay/log`

## How to use

```javascript
import { createLogger } from '@hackforplay/log';

const logger = createLogger();

// Show all logs
logger.subscribe(console.info);

// Add a new line
const log = logger.log;
log('Hello World!');
```

## Sharing loggers between independent libraries

As you use `createLogger()`, **the shared reference will be injected in global.** e.g. `window` in browsers or `self` in the Node.js.

```javascript
import { createLogger } from '@hackforplay/log';

const loggerA = createLogger();
const loggerB = createLogger();
console.log(loggerA === loggerB); // true

const loggerC = createLogger('You can use different reference with key string');
console.log(loggerA === loggerC); // false

// Yes, This is global injection :P
console.log(
  loggerC === window['You can use different reference with key string']
); // true
```

If you hate this way, you can use constructor. This way **DO NOT** global injection.

```javascript
import { Logger } from '@hackforplay/log';

const logger = new Logger();

// Show all logs
logger.subscribe(console.info);

// Add a new line
const log = logger.log;
log('Hello World!');
```
npm package: @hackforplay/qr-game-card
Description: Experiments. QR Game Card is the real card to promote games created by children on HackforPlay.
Author: teramotodaiki
Latest version: 1.2.1

# qr-game-card

[日本語](https://github.com/hackforplay/qr-game-card/blob/master/README_ja.md)

## Requirements

- [Sketch](https://www.sketch.com/) (macOS only)
- Node.js ^10.0

## Getting Started

Install then execute

- `npx @hackforplay/qr-game-card <url ...>`
- For example: `npx @hackforplay/qr-game-card https://www.hackforplay.xyz/works/ncWg2cgh4LOQpuAyfrUN`

or, you can install globally to

- `npm install -g @hackforplay/qr-game-card`
- `qrgc <url ...>`

> You may need to `sudo` to install globally

## CLI

```
Usage: qrgc [options] <url ...>

Options:
  -v, --version           output the version number
  -o, --output [value]    Where to output the generated files - defaults to the current working directory (optional).
  -t, --template [value]  Where is sketch file which is used as template. It allows relative path from current working directory or default template (yellow). (default: "yellow")
  -h, --help              output usage information
```

For example: `qrgc -o path/to/destination -t yellow https://www.hackforplay.xyz/works/ncWg2cgh4LOQpuAyfrUN`

## API

- Not provided
npm package: @hackforplay/react-ast-mutator-components
Description: React components to mutate Babel AST.
Author: teramotodaiki
Latest version: 1.4.0

# React AST Mutator Components

[![Build Status](https://travis-ci.org/hackforplay/react-ast-mutator-components.svg?branch=master)](https://travis-ci.org/hackforplay/react-ast-mutator-components)

## Install

- `npm i -S @hackforplay/react-ast-mutator-components`

## React Project

```javascript
import { RootComponent } from '@hackforplay/react-ast-mutator-components';
import { React, useState } from 'react';

export function MyComponent() {
  const [code, setCode] = useState('let a = 1');

  return <RootComponent code={code} onChange={value => setCode(value)} />;
}
```

## Othe Framework

```javascript
import { render } from '@hackforplay/react-ast-mutator-components';

let code = 'let a = 1';

update();

function update() {
  render(
    {
      code,
      onChange(value) {
        code = value;
        update();
      }
    },
    document.body
  );
}
```
npm package: @hackgt/fluo
Description: another web-component library
Author: Elton Pinto
Latest version: 0.0.2

# fluo

🎐 Another web-component library, brought to you by ninjas

## Getting Started

### Installation

#### Using `yarn`

```
yarn add @hackgt/fluo
```

#### Using `npm`

```
npm install @hackgt/fluo
```

#### Using a CDN

TODO: serve minified version on unpkg

### Usage

`index.js`
```js
import { Button, FluoDesignProvider } from "@hackgt/fluo";

Button;
FluoDesignProvider;
```

`index.html`
```html
<!doctype html>
<html>
  <head>...</head>
  <body>
    <fl-design-system-provider>
      <fl-button></fl-button>
    </fl-design-system-provider>
    <script type="module" src="./index.js"></script>
  </body>
</html>
```
This will display a button using the Fluo design system.

## Documentation

You can find detailed documentation of `fluo` [here](https://fluo.hack.gt).

## Contributing

If you're interested in contributing to this project, please see [CONTRIBUTING.md](CONTRIBUTING.md).
If you've found a bug, or want to propose a new feature, please file an issue [here](https://github.com/HackGT/fluo/issues)!
npm package: @hacki11/open-sml
Description: Smart Message Language Implementation
Author: David Spautz
Latest version: 1.0.2
Deprecated: this package has been deprecated

# OpenSML

Smart Message Language (v. 1.0.3 ) Implementation with Node.js 4.x+

!!!
 This is not a complete tested version.
 Wrong inputs could hang-up or damage your system
 Use it by your own risk
!!!

## Install

```
$ npm install open-sml --save
```

## Usage



## Developing

```
OpenSML$ npm install
OpenSML$ grunt build
OpenSML$ grunt test

```

### Tools

### ToDo's

* Write more unit tests with Mocha
* JsDoc
* Usage examples
* Integration tests with Mocha
* Validations

## Changelog

### 1.0.1 (2020-07-20)
* (Apollon77) check variables in various places before trying to access them

## License

Copyright (c) 2015-2019 [David Spautz @ Freistrom], 2018-2019 Apollon77 [iobroker@fischer-ka.de]

MIT License

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


## Authors & contributors

* David Spautz <spautz@freistrom-handel.de>
* Ingo Fischer <iobroker@fischer-ka.de>
npm package: @hackinggate/detox
Description: E2E tests and automation for mobile
Author: Tal Kol
Latest version: 17.11.4-workaround.0

# Detox

Graybox End-to-End Tests and Automation Library for Mobile

[![NPM Version](https://img.shields.io/npm/v/detox.svg?style=flat)](https://www.npmjs.com/package/detox)
[![Build Status](https://img.shields.io/jenkins/s/http/jenkins-oss.wixpress.com:8080/job/multi-detox-master.svg)](https://jenkins-oss.wixpress.com/job/multi-detox-master/)
[![NPM Downloads](https://img.shields.io/npm/dm/detox.svg?style=flat)](https://www.npmjs.com/package/detox)


For more information go to our [README](https://github.com/wix/detox/blob/master/README.md) or [Read The Docs](https://github.com/wix/detox/tree/master/docs)
npm package: @hackinggate/react-navigation-drawer
Description: Drawer navigator component for React Navigation
Latest version: 2.3.4-workaround.5

This package has been moved to https://github.com/react-navigation/react-navigation/tree/4.x/packages/drawer

---

# React Navigation Drawer

[![npm version](https://badge.fury.io/js/react-navigation-drawer.svg)](https://npmjs.org/react-navigation-drawer) [![CircleCI badge](https://circleci.com/gh/react-navigation/drawer/tree/master.svg?style=shield)](https://circleci.com/gh/react-navigation/drawer/tree/master) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://reactnavigation.org/docs/contributing.html)

Drawer navigator for use on iOS and Android.

## Installation

Open a Terminal in the project root and run:

```sh
yarn add react-navigation-drawer
```

If you are using Expo, you are done. Otherwise, continue to the next step.

Install and link [`react-native-gesture-handler`](https://github.com/kmagiera/react-native-gesture-handler) and [`react-native-reanimated`](https://github.com/kmagiera/react-native-reanimated). To install and link them, run:

```sh
yarn add react-native-reanimated react-native-gesture-handler
react-native link react-native-reanimated
react-native link react-native-gesture-handler
```

**IMPORTANT:** There are additional steps required for `react-native-gesture-handler` on Android after running `react-native link react-native-gesture-handler`. Check the [this guide](https://kmagiera.github.io/react-native-gesture-handler/docs/getting-started.html) to complete the installation.

## Usage

```js
import { createDrawerNavigator } from 'react-navigation-drawer';

export default createDrawerNavigator({
  Inbox: InboxStack
  Drafts: DraftsStack,
}, {
  initialRouteName: 'Inbox',
  contentOptions: {
    activeTintColor: '#e91e63',
  },
});
```

## Development workflow

- Clone this repository
- Run `yarn` in the root directory and in the `example` directory
- Run `yarn dev` in the root directory
- Run `yarn start` in the `example` directory

## Docs

Documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/en/drawer-navigator.html).