open-index/open-npm huggingface dataset:
npm package: @gusmano/ext-angular-classic
Description: ExtAngular for Ext JS 6.5.3 Classic Toolkit
Author: Marc Gusmano
Latest version: 0.0.33

# ext-angular-classic

ExtAngular - Utilize Sencha Ext JS 6.5.3 classic toolkit components in an Angular application

## PreRequisites:
* Node.js - https://nodejs.org/  (choose current)
* Angular CLI - npm install -g @angular/cli@latest
* Licenced copy of Sencha Ext JS 6.5.3  from https://support.sencha.com
or
* <a href="https://www.sencha.com/products/extjs/evaluate/?utm_source=npm&utm_medium=referral">Trial of Sencha Ext JS 6.5.3</a>

## Instructions on how to get the sample running 
### (run in terminal/command window)
* ng new Classic --minimal
* cd Classic
* npm i --save @gusmano/ext-angular-classic
* npm i --save @gusmano/ext-angular-demos
* npm i --save bootstrap
* cp -a node_modules/@gusmano/ext-angular-demos/simple/src/. ./src/
* copy the Ext JS 6.5.3 framework to a folder named src/ext-6.5.3
	* see above PreRequisites to get Ext JS 6.5.3 framework
	* also get the Ext Premium Addons and copy them to the packages folder of the framework
	* only need the build and packages folders
* replace these sections in .angular-cli.json (or angular.json in newest version of Angular CLI)

		"assets": [
			"ext-6.5.3",
			"assets",
			"favicon.ico"
		],

		"styles": [
			"../node_modules/bootstrap/dist/css/bootstrap.css",
			"styles.css"
		],

* ng serve

## Running Example:

http://se.sencha.com/ExtAngularExample
npm package: @gusmano/ext-angular-demos
Description: ExtAngular Demos for Ext JS 6.5.3
Author: Marc Gusmano
Latest version: 0.0.33

# ext-angular-demos
ext-angular demos

## PreRequisites:
* ext-angular-classic
* ext-angular-modern

## To use, see one of the following:
* https://www.npmjs.com/package/@gusmano/ext-angular-modern
* https://www.npmjs.com/package/@gusmano/ext-angular-classic
npm package: @gusmano/ext-angular-modern
Description: ExtAngular for Ext JS 6.5.3 Modern Toolkit
Author: Marc Gusmano
Latest version: 0.0.33

# ext-angular-modern

ExtAngular - Utilize Sencha Ext JS 6.5.3 modern toolkit components in an Angular application

## PreRequisites:
* Node.js - https://nodejs.org/  (choose current)
* Angular CLI - npm install -g @angular/cli@latest
* Licenced copy of Sencha Ext JS 6.5.3  from https://support.sencha.com
or
* <a href="https://www.sencha.com/products/extjs/evaluate/?utm_source=npm&utm_medium=referral">Trial of Sencha Ext JS 6.5.3</a>

## Instructions on how to get the sample running 
### (run in terminal/command window)
* ng new Modern --minimal
* cd Modern
* npm i --save @gusmano/ext-angular-modern
* npm i --save @gusmano/ext-angular-demos
* npm i --save bootstrap
* cp -a node_modules/@gusmano/ext-angular-demos/simple/src/. ./src/
* copy the Ext JS 6.5.3 framework to a folder named src/ext-6.5.3
	* see above PreRequisites to get Ext JS 6.5.3 framework
	* also get the Ext Premium Addons and copy them to the packages folder of the framework
	* only need the build and packages folders
* replace these sections in .angular-cli.json (or angular.json in newest version of Angular CLI)

		"assets": [
			"ext-6.5.3",
			"assets",
			"favicon.ico"
		],

		"styles": [
			"../node_modules/bootstrap/dist/css/bootstrap.css",
			"styles.css"
		],

* ng serve

## Running Example:

http://se.sencha.com/ExtAngularExample
npm package: @gusmano/ext-component
Description: Ext JS Web Component
Author: Marc Gusmano
Latest version: 0.0.8

# ext-component

A standalone Web Component for Ext JS

## Using this component

### Script tag

- [Publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages)
- Put a script tag similar to this `<script src='https://unpkg.com/ext-component@0.0.1/dist/extcomponent.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 @gusmano/ext-component --save`
- Put a script tag similar to this `<script src='node_modules/ext-component/dist/extcomponent.js'></script>` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

### example index.html page

```
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
  <title>Stencil Component Starter</title>
	<script src='node_modules/ext-component/dist/extcomponent.js'></script>
	<script src="/assets/ext-6.5.2/build/ext-modern-all.js"></script>
	<link href="/assets/ext-6.5.2/build/modern/theme-material/resources/theme-material-all.css" rel='stylesheet'/>
</head>
<body>
	<ext-component xtype='button' config='{"text":"hi","height":"100px","width": "50px"}'></ext-component>
</body>
</html>
```
npm package: @gusmano/reextbutton
Description: ReExtButton is a React component for the Sencha ExtJS Button.
Latest version: 0.0.9

# ReExtButton

ReExtButton is a React component for the Sencha ExtJS Button. 

## Installation

Use the package manager [npm](https://npmjs.com) to install ReExtButton.

```bash
npm install @gusmano/ReExtButton
```

## Usage

```python
import ReExtButton from '@gusmano/ReExtButton'

<ReExtButton
 config={{text: 'click me'}}
 onTap={() => { console.log('clicked')}}
/>

## Contributing

Pull requests are welcome. For major changes, please open an issue first
to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @gusok/react-style-proxy
Description: `@gusok/react-style-proxy` is a package that applies style-related properties of a component to standard React `style`, [Emotion](https://emotion.sh/docs/introduction) `css`, or other similar properties.
Author: Mitsuhiro Seino
Latest version: 0.1.1
Deprecated: This package is no longer maintained. Use @cozka/react-style-proxy instead.

# @gusok/react-style-proxy

`@gusok/react-style-proxy` is a package that applies style-related properties of a component to standard React `style`, [Emotion](https://emotion.sh/docs/introduction) `css`, or other similar properties.

**[The latest version has been moved here.](https://www.npmjs.com/package/@cozka/react-style-proxy)**
**[最新版はこちらに移行しました。](https://www.npmjs.com/package/@cozka/react-style-proxy)**

## Installation

```sh
npm install @gusok/react-style-proxy
```

## Usage

This package applies style-related properties to `style`, `css`, `sx`, etc.

```tsx
import proxyStyle from '@gusok/react-style-proxy';

const props = {
  style: {
    backgroundColor: 'black',
  },
  value: 'ABC',
};

const style = {
  color: 'red',
  margin: '10px',
};

const styledProps = proxyStyle(props, style);
console.log(styledProps);
// Output: { style: { backgroundColor: 'black', color: "red", margin: "10px" }, value: "ABC" }
```

## Options

You can customize the behavior by passing `StyleProxyOptions`.

```tsx
// If the css property contains an object, create a new array and add it
const options = {
  styleProp: 'css',
  styleApplyMode: 'append',
};

const newProps = proxyStyle(props, style, options);
```

### `styleProp`

- Accepts `style`, `css`, `sx`, or any other property
- Specifies where to apply the style-related properties
- Default: `style`

### `styleApplyMode`

- Accepts `merge` or `append`
- Defines the behavior when the specified `styleProp` already contains an object
  - `merge`: Merges the styles
  - `append`: Creates a new array and adds the styles
- Default: `merge`

## License

MIT License
npm package: @gusok/rollup-create-dist-packagejson
Description: `@gusok/rollup-create-dist-packagejson` is a Rollup plugin that edits the `package.json` during the build process and outputs it in the appropriate format in the output directory.   It was created with the goal of outputting only the minimum required fiel
Author: Mitsuhiro Seino
Latest version: 0.6.7
Deprecated: This package is no longer maintained. Use @cozka/rollup-create-dist-packagejson instead.

# @gusok/rollup-create-dist-packagejson

`@gusok/rollup-create-dist-packagejson` is a Rollup plugin that edits the `package.json` during the build process and outputs it in the appropriate format in the output directory.  
It was created with the goal of outputting only the minimum required fields in the `package.json` for publishing to npm,  
as well as assisting in publishing the library with a flat directory structure.

**[The latest version has been moved here.](https://www.npmjs.com/package/@cozka/rollup-create-dist-packagejson)**
**[最新版はこちらに移行しました。](https://www.npmjs.com/package/@cozka/rollup-create-dist-packagejson)**

## Installation

```sh
npm install @gusok/rollup-create-dist-packagejson --save-dev
```

## Usage

Configure it in `rollup.config.js` as follows:

```js
import createDistPackageJson from '@gusok/rollup-create-dist-packagejson';

export default {
  input: 'src/index.ts',
  output: {
    dir: 'dist',
    format: 'esm',
  },
  plugins: [
    createDistPackageJson({
      content: {
        main: './index.js',
        types: './index.d.ts',
      },
    }),
  ],
};
```

## Options

### `content`

- `Partial<PackageJson>` or `(packageJson: PackageJson) => Partial<PackageJson>`
- Specifies the content of the generated `package.json`.

### `inheritProps`

- `string[]`
- Specifies properties to inherit from the original `package.json`.
- Default: `['name', 'version', 'description', 'repository', 'bugs', 'homepage', 'author', 'contributors', 'license', 'type', 'engines', 'keywords']`

### `inputDir`

- `string | undefined`
- Specifies the directory where the original `package.json` is located.
- Default: Current directory

### `packagesDir`

- `string | undefined`
- Specifies the path to the directory containing workspace packages.
- Default: `'..'`

### `outputDir`

- `string | undefined`
- Specifies the output directory for `package.json`.
- Default: Retrieved from Rollup's `output` settings

### `processor`

- `(packageJson: PackageJson) => PackageJson`
- Processes the final `package.json` before output.

## License

MIT License
npm package: @gusok/utils-niche-types
Description: A library that collects niche TypeScript type definitions.
Author: Mitsuhiro Seino
Latest version: 0.1.3
Deprecated: This package is no longer maintained. Use @cozka/utils-niche-types instead.

# @gusok/utils-niche-types

A library that collects niche TypeScript type definitions.

**[The latest version has been moved here.](https://www.npmjs.com/package/@cozka/utils-niche-types)**
**[最新版はこちらに移行しました。](https://www.npmjs.com/package/@cozka/utils-niche-types)**

## Installation

```sh
npm install @gusok/utils-niche-types
```

## Usage

### `Prefixed<PREFIX, RECORD, KEYS>`

Adds a camel-case prefix to specified properties.

#### Parameters

- `PREFIX`: The prefix to be applied.
- `RECORD`: The record type containing properties.
- `KEYS`: The properties to which the prefix should be applied (defaults to all properties).

#### Example

```ts
type Original = {
  name: string;
  age: number;
};

type PrefixedType = Prefixed<'user', Original>;
// Result:
// {
//   userName: string;
//   userAge: number;
// }
```

### `PrefixedUnion<PREFIX, UNION, KEYS>`

Adds a camel-case prefix to specified values in a union type.

#### Parameters

- `PREFIX`: The prefix to be applied.
- `UNION`: The target union type.
- `KEYS`: The values to which the prefix should be applied (defaults to all values).

#### Example

```ts
type Status = 'active' | 'inactive' | 'pending';
type PrefixedStatus = PrefixedUnion<'is', Status>;
// Result: 'isActive' | 'isInactive' | 'isPending'
```

### `Keys<RECORD, TYPE>`

Creates a union type of keys that have a specified value type.

#### Parameters

- `RECORD`: The target record.
- `TYPE`: The value type to filter keys (defaults to any).

#### Example

```ts
type Data = {
  id: number;
  name: string;
  age: number;
};

type NumberKeys = Keys<Data, number>;
// Result: 'id' | 'age'
```

## License

MIT
npm package: @gustash/react-native-smart-lock
Description: Google Smart Lock for React Native
Author: Your Name
Latest version: 1.1.0

# React Native Smart Lock

This package exposes Google Smart Lock for auto sign-in based on saved credentials.

![](https://media.giphy.com/media/gk9yU1AwxQ3HsXSWOY/giphy.gif)

## Getting started

`$ npm install @gustash/react-native-smart-lock --save`

### Mostly automatic installation (RN < 0.60)

`$ react-native link @gustash/react-native-smart-lock`

## Usage

### Request Credentials
```javascript
import SmartLock from '@gustash/react-native-smart-lock';

async function request() {
  // You can also send a client server id as a paramenter as well
  // const {error, success, ...credentials} = await SmartLock.request('some.server.id');
  const {error, success, ...credentials} = await SmartLock.request();

  if (error) {
    console.error(error);
    return;
  }

  if (success) {
    // Account found. Do something with credentials.
    const {
      id,
      password,
      accountType,
      familyName,
      givenName,
      name,
      profilePictureUri,
      idTokens,
    } = credentials;
  }
}
```

### Save Credentials
```javascript
import SmartLock from '@gustash/react-native-smart-lock';

async function save() {
  const credentials = {
    id: 'some@email.com',
    profilePictureUri:
      'https://api.adorable.io/avatars/285/abott@adorable.png',
    name: 'John Doe',
    password: 'password',
  };

  const error = await SmartLock.save(credentials);

  // The save method might be canceled if the system wants to give priority
  // to the password manager UI instead.
  if (error && error !== 'canceled') {
    console.error(error);
  }
}
```

### Delete Credentials
```javascript
import SmartLock from '@gustash/react-native-smart-lock';

async function deleteCredential() {
  const error = await SmartLock.delete('some@email.com');

  if (error) {
    console.error(error);
  }
}
```

### Disable Auto Sign-in
```javascript
import SmartLock from '@gustash/react-native-smart-lock';

// This disables request() until a new save() is called.
// You should call this on logout to allow the user to change accounts, for example.
SmartLock.disableAutoSignIn();
```
npm package: @gustavgb/ivan
Description: A simple templating language to create static websites
Author: Gustav Burchardt
Latest version: 0.2.1

# ivan

A simple markup language that compiles to static HTML, CSS and JS. Read more at [the website](https://ivan.gustavgb.com).

## Use from command line

`ivan build --src path/to/src`

or

`ivan watch --src path/to/src`

or

`ivan help`, which is equal to `ivan --help`

In the first two cases, *--src* can be excluded, in which case the source defaults to "src" *(path/to/project/**src**)*.

## Use with node

```
import 'ivan' from '@gustavgb/ivan'

ivan(options)
```

Options are:

* src: path to the source directory (equivalent to *--src*)

* watch: boolean determing whether or not a file watcher starts after initial compilation (equivalent to *ivan watch*)

## Further reading

More info is coming soon on the website. Visit [ivan.gustavgb.com](https://ivan.gustavgb.com).
npm package: @gustavgb/ivan-dev-server
Description: A simple HTTP server for use when developing IVAN apps.
Author: Gustav Burchardt
Latest version: 0.0.1

# ivan-dev-server

Compile and serve your website at the same time. Only works, when [ivan](https://www.npmjs.com/package/@gustavgb/ivan) is installed.

## Use from command line

`ivan-dev-server --src path/to/src`

or

`ivan-dev-server help`, which is equal to `ivan-dev-server --help`

The *--src* flag can be excluded, in which case the source defaults to "src" *(path/to/project/**src**)*.

## Use with node

```
import 'server' from '@gustavgb/ivan-dev-server'

server(sourceDir, port)
```

*port* can be excluded, in which case the server defaults to port 3000.

## Further reading

More info is coming soon on the website. Visit [ivan.gustavgb.com](https://ivan.gustavgb.com).