open-index/open-npm huggingface dataset:
npm package: @hungpv97/vue-library-draggable
Description: <h1 align="center">Vue libraryy draggable</h1>
Author: hung.pv
Latest version: 1.0.2

<h1 align="center">Vue libraryy draggable</h1>

# Vue libraryy draggable

## Install

```
npm i @hungpv97/vue-library-draggable
```

```
yarn add @hungpv97/vue-library-draggable
```

## Usage

```vue
<template>
  <div id="app">
    <DraggableContianer>
      <DraggablePopup
        show
        title="popup 1"
        :right="10"
        :bottom="10"
        :width="400"
      >
        <div style="height: 100vh"></div>
      </DraggablePopup>

      <DraggableSidebar title="siderbar 1" show>
        <div style="height: 100vh"></div>
      </DraggableSidebar>

      <DraggableFloat
        show
        title="popup 1"
        :right="10"
        :bottom="10"
        :width="400"
        headerLocation="bottom"
      >
        <div style="height: 100vh"></div>
      </DraggableFloat>
    </DraggableContianer>
  </div>
</template>

<script>
import {
  DraggableContianer,
  DraggablePopup,
  DraggableSidebar,
  DraggableFloat
} from "@hungpv97/vue-library-draggable";
export default {
  name: "App",
  components: { DraggableContianer, DraggablePopup, DraggableSidebar }
};
</script>
<style>
* {
  padding: 0;
  margin: 0;
}

body,
html,
#app {
  height: 100%;
}
</style>
```

## Components

- [draggable-container](docs/draggable-container.md)
- [draggable-bottom](docs/draggable-bottom.md)
- [draggable-popup](docs/draggable-popup.md)
- [draggable-sidebar](docs/draggable-sidebar.md)
- [draggable-float](docs/draggable-float.md)

## Contributing

Any contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.

```bash
# serve with hot reload at localhost:8080
npm run serve

# distribution build
npm run build

```

## License

[MIT license](LICENSE)
npm package: @hungpvq/shared-store
Description: This library was generated with [Nx](https://nx.dev).
Author: hung.pv
Latest version: 0.0.1

# shared-store

This library was generated with [Nx](https://nx.dev).

## Building

Run `nx build shared-store` to build the library.

## Running unit tests

Run `nx test shared-store` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hungry-egg/rx-react
Description: Simple helpers for using RxJS in react
Latest version: 1.0.2

# @hungry-egg/rx-react

Helpers for dealing with RxJS observables in React.

## useUnwrap

unwraps an Rx observable for use in React, e.g.

for an observable

```ts
const loggedInUser$ = new BehaviorSubject({ name: "Pingu" });
```

(or if using the library `@hungry-egg/rx-state` you can use `atom({ name: "Pingu" })`)

then to use in React you simply "unwrap" the observable to a normal value

```tsx
import { useUnwrap } from "@hungry-egg/rx-react";

function NavBar() {
  const loggedInUser = useUnwrap(loggedInUser$);

  return <div>Logged in as {loggedInUser.name}</div>;
}
```

See [the README](./src/useUnwrap) for more details.

## [useSubscribe](./src/useSubscribe)

subscribes to any Rx observable

```tsx
import { useSubscribe } from "@hungry-egg/rx-react";

function MyComponent() {
  useSubscribe(keyPresses$, (keyPress) => {
    // do something with the keyPress
  });
  // ...
}
```

See [the README](./src/useSubscribe) for more details.

## [useWrap](./src/useWrap)

Occasionally you may wish to **create** an Rx observable from a value inside a React render function. This is effectively the opposite of `useUnwrap`.

```tsx
import { useWrap } from "@hungry-egg/rx-react";

type Props = { score: number };

function ScoreCard({ score }: Props) {
  const score$ = useWrap(score);
  // score$ is an Observable<number> that you can subscribe to, etc.
  // ...
}
```

See [the README](./src/useWrap) for more details.

## Build

    yarn build

## Build on file change

    yarn watch

## Test

    yarn test
npm package: @hungry-studio/material
Description: 前端物料库
Latest version: 1.0.9

# @hungry-studio/material

[![NPM version](https://img.shields.io/npm/v/@hungry-studio/material.svg?style=flat)](https://npmjs.org/package/@hungry-studio/material)
[![NPM downloads](http://img.shields.io/npm/dm/@hungry-studio/material.svg?style=flat)](https://npmjs.org/package/@hungry-studio/material)

前端物料库

## Usage

First, introduce css file:

```ts
import '@hungry-studio/material/dist/style.css';
```

Then, introduce components:

```html
<script setup lang="ts">
  import { SelectInput } from '@hungry-studio/material';
</script>
```

## Options

TODO

## Development

```bash
# install dependencies
$ pnpm install

# develop library by docs demo
$ pnpm start

# build library source code
$ pnpm run build

# build library source code in watch mode
$ pnpm run build:watch

# build docs
$ pnpm run docs:build

# Locally preview the production build.
$ pnpm run docs:preview

# check your project for potential problems
$ pnpm run doctor

# Test
$ pnpm test

# Coverage
$ pnpm test:cov

# Lint
$ pnpm lint
```

## LICENSE

MIT
npm package: @hungry/babel-preset-cli
Description: Node.js preset for babel, with typescript and import/export syntax
Author: Damian Baar
Latest version: 0.1.5

# @hungry/babel-preset-cli

Babel preset for Node.js, with typescript and import/export syntax.

## Install
```sh
yarn add @hungry/babel-preset-cli
```

## Node API
```js
// within node.js script
const { bootstrap } = require('@hungry/babel-preset-cli')
bootstrap()

// or more meaningful alias
const { enableRuntimeTranspilation } = require('@hungry/babel-preset-cli')
enableRuntimeTranspilation({
  matcher: (file: string) => boolean,
  extensions: [".ts", ".tsx", ".jsx", ...],
  presets: []
})
```

## or within bash script
`#!/usr/bin/env node --require @hungry/babel-preset-cli/register`

### Why I would need a `node` API for this
I had some issues with `@babel/register` in context of monorepo and multiple different presets. I did not want to each time build sources for my `node` libraries, so only answer was to enable runtime transpilation, however after preparing some stuff to `opensource` I had an issue with multiple presets. `enableRuntimeTranspilation` works similar to `@babel/register` but exposes `matcher` for file - you are in charge what would be transpiled, not any `babel` magic.
npm package: @hungry/bulma-styled-theme
Description: `bulma-styled-theme` ====
Latest version: 0.1.2

`bulma-styled-theme`
====

`styled-components` [theme provider](https://www.styled-components.com/docs/advanced#theming) with embedded `@hungry/bulma-theme`.

[Docs](https://hungry-consulting.github.io/bulma-styled-theme/index.html)

### Real usage scenario
* [@hungry/bulma-element](https://github.com/hungry-consulting/bulma-element)

### Example
#### without any theme alteration

```tsx
import { Theme } from '@hungry/bulma-styled-theme'
import { Button } from '@hungry/bulma-element'

<Theme.Provider>
  <Button />
<Theme.Provider>
```

#### more explicit
```tsx
import { Theme } from '@hungry/bulma-styled-theme'
import { Button } from '@hungry/bulma-element'
import { defaultTheme } from '@hungry/bulma-theme'

<Theme.Provider theme={defaultTheme}>
  <Button />
<Theme.Provider>
```
npm package: @hungry/webpack-parallel
Description: Dev friendly webpack builder and watcher
Author: Damian Baar
Latest version: 0.2.2

# Webpack parallel runner
Command line tool for running webpack multiple configurations written in typescript with watch ability.

## Look and feel
![clean-run](https://user-images.githubusercontent.com/1121938/46614709-cdf67400-cb16-11e8-8d32-e9b164a9dd73.gif)

## Install
```sh
# global yarn
yarn global @hungry/webpack-parallel

# global npm
npm install -g @hungry/webpack-parallel

# or as dependency
yarn add @hungry/webpack-parallel
```

## Usage
```sh
webpack-parallel run --config your_config --fullReport
```

### Config file
`webpack-parallel` expects `array`, single `config` or a `Promise` of config/s.

```js
const myConfigs = [...] // array of webpack configs

// optional - if you'd see named configs instead of seeing indexes
export const configNames = ['friendly-config-name-1', 'friendly-config-name-2'] 

export default new Promise(...)
  .then(...) // do some clean up, any shared operations before build or watch
  .then(()) => myConfigs)
```

## Supported commands
```sh 
Run parallel webpack

Options:
  --version     Show version number                                    [boolean]
  --help        Show help                                              [boolean]
  --config                                     [string] [required] [default: ""]
  --cwd                                                            [default: ""]
  --workerFile                                                     [default: ""]
  --fullReport                                                  [default: false]
  --silent                                                      [default: false]
  --watch                                                       [default: false]
```

## How to use it
It is used in conjunction with [`@hungry/webpack-parts`](https://github.com/hungry-consulting/webpack-parts) - composable, typesafe webpack config, however it is not necessary.

## Selling points
* compatible with `webpack` watch
* compatible with `webpack-dev-server` and `hmr`
* reliable error handling
* exposed separate command for `yargs` if you've got already your custom command line tree
* full report activity - sorted by worker id report from `stdin` and `stderr`
* can connect any worker - there is an utility class provided for communication and wrapper to run any config based on `babel`
* full control over pipes and rendering phase - if you want to help me extend it

## Motivation
There is couple of implementation of parallel building for webpack, however I wanted to provide something dev oriented with clear error reporting when there is spawned many of concurrent builds.
npm package: @hungry/webpack-sass-theme-loader
Description: `webpack-sass-theme-loader` ===
Latest version: 0.1.2

`webpack-sass-theme-loader`
===

This library has 3 goals
* running and passing [`@hungry/bulma-theme`](https://github.com/hungry-consulting/bulma-theme) to [`sass-var-loader`](https://github.com/epegzz/sass-vars-loader)
* detecting automatically `sass` rule within `webpack` config and inject it into the correct place
* `decamelize` all `theme` variables and transform theme before applying it to `sass-var-loader`

[Docs](https://hungry-consulting.github.io/webpack-sass-theme-loader/index.html)

### How to use

#### Using with  `@hungry/bulma-theme`
To apply on webpack config object you need to provide `theme` and `config` like so,
```ts
  import { enableSassTheming } from '@hungry/webpack-sass-theme-loader'
  import { theme } from '@hungry/bulma-theme'

  const webpackConfig = {} 
  const withEmbededTheme = enableSassTheming(theme)(webpackConfig)
```

#### Custom theme from scratch
Follow [`@hungry/bulma-theme`](https://github.com/hungry-consulting/bulma-theme/blob/master/src/runnable-theme.ts) - provide similar interface, this is `type RunnableTheme = Reader<InjectedMethods, BulmaTheme>` or just `reader.of({/* your camelcased variables */})`

### Implementation details
[`@hungry/bulma-theme`](https://github.com/hungry-consulting/bulma-theme) is a `wrapped function` by [`Reader monad`](https://github.com/gcanti/fp-ts/blob/master/test/Reader.ts) - which provide ability to `mapping` and `chaining`.
This is, you can remap any `variable` by using `map` or `chain`, but at this level such changes are not necessary as any alteration should be part of theming function.
npm package: @hungrybearstudio/gatsby-theme-pocket-setup
Description: Setup script to get pocket access token
Latest version: 0.0.10

# gatsby-theme-pocket-setup

A script to setup and authorize your pocket account, for use with `gatsby-theme-pocket`

## Setup

`yarn add @hungrybearstudio/gatsby-theme-pocket-setup` then run `yarn pocket-setup` from the command line.

You will be asked to visit a url, once there you will be asked to authorize your pocket app. You will then be given an access token which you should save for use in `gatsby-theme-pocket`


## Authors

- **Rich Haines** - _Hungry Bear Studio_

## License

This project is licensed under the MIT License
npm package: @hungryinc/dustjs-express-engine
Description: A gulp utility for isomorphic Dust.js rendering. Bundles your templates, partials, helpers, and filters. Universal rendering on the Express.js server and the client.
Author: Eric Chaves
Latest version: 0.2.1

# Dustjs-express-engine

Dustjs-express-engine is a gulp utility for easy, isomorphic Dust.js templating.

- Bundles your [Dust.js](http://www.dustjs.com/) templates, partials, helpers, and filters for universal rendering on both the [Express.js](https://expressjs.com/) server and client side.
 - Leverages the [Adaro](https://github.com/krakenjs/adaro) wrapper to support both debug mode and precompiled templates for production.
 - Can be used with [preact](https://github.com/developit/preact) to automagically re-render any dust partial on the client.

## Usage
Todo: Add documentation

## NPM
https://www.npmjs.com/package/@hungryinc/dustjs-express-engine
npm package: @hungryinc/js-light-utils
Description: A small collection of js utils in a jquery-like $ syntax. But in only 8kb. It is Jbone (a lite jquery alternative) + AJAX + pubsub.
Author: Eric Chaves
Latest version: 1.1.0

# JS Light Utils

JS Light Utils is a small collection of js utils wrapped up into a familiar jquery like $ object. But with a much smaller footprint.

- DOM: Powered by [jbone](https://www.npmjs.com/package/jbone) -- a tiny jquery replacment.
- AJAX: A [promise-based](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)  implementation with jquery syntax. Includes the es6-promise polyfill.
- Pubsub: A simple pubsub pattern for your modules.

### Usage with npm

Install with npm
```
npm install @hungryinc/js-light-utils
```
Use in your project
```
var $ = require('@hungryinc/js-light-utils');
```

### Dom Util
Use just like jQuery. Refer to [jbone docs](https://www.npmjs.com/package/jbone) for details.
```
$('a').addClass('rainbow-colors');
```

### Pubsub util
```
$.on(topic, listener)
$.off(topic)
$.trigger(topic, data)
```

### Ajax Util
```
// METHOD can be get, post, put, or delete
$.METHOD(url, [data])
```
Examples:
```
$.get('https://unicorns.magic').then(doTheThings);
```
```
$.post('https://unicorns.magic/launch', {which: 'garfolo'})
	.then(function (response) {
		console.log(response.data);
	}, function (response) {
		console.log(response.error);
	});
```

### Tests
- Here's an html playground with some quick and dirty tests for now.
`npm run build-tests`
- Then open tests/index.html

### FAQ
- How big is it?
-- 8kb gzipped (without the es6-promise polyfill. 16kb with the polyfill)
npm package: @hungrypixel_technologies/nuxt3-mongoose
Description: Onegaishmaz Senpai
Latest version: 0.0.19

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: My Module
- Package name: my-module
- Description: My new Nuxt module
-->

# My Module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

My new Nuxt module for doing amazing things.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
<!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->
- ⛰ &nbsp;Foo
- 🚠 &nbsp;Bar
- 🌲 &nbsp;Baz

## Quick Setup

1. Add `my-module` dependency to your project

```bash
# Using pnpm
pnpm add -D my-module

# Using yarn
yarn add --dev my-module

# Using npm
npm install --save-dev my-module
```

2. Add `my-module` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: [
    'my-module'
  ]
})
```

That's it! You can now use My Module in your Nuxt app ✨

## Development

```bash
# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release
```

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/my-module

[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/my-module

[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/my-module

[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @hungshidro/react-native-ui-library
Description: a library made my hungshidro
Author: hungshidro
Latest version: 0.3.0

# react-native-ui-library

a library made my hungshidro

## Installation

```sh
npm install @hungshidro/react-native-ui-library
```

## Usage

```js
import { createColorWrapper } from '@hungshidro/react-native-ui-library';

// ...

const config = {
  dark: {
    background: 'black',
    color: 'white',
  },
  light: {
    background: 'blue',
    color: 'white',
  },
};

const { ColorProvider, setThemeColor, useColorTheme } =
  createColorWrapper(config);

const TestComponent = () => {
  const color = useColorTheme();

  return (
    <View
      style={{
        backgroundColor: color?.background,
      }}
    >
      <Text style={{ color: color?.color }}>
        background color: {color?.background}
      </Text>
    </View>
  );
};

return (
  <ColorProvider>
    <TestComponent />
  </ColorProvider>
);
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @hungthinh511/training-fsf
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.4.
Latest version: 1.0.1

# TrainingFSF

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.4.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).