open-index/open-npm huggingface dataset:
npm package: @mrfokus/vue-date-input
Description: Компонент Vue 3 для ввода даты с разбивкой по полям (день, месяц, год). Позволяет удобно управлять форматом даты, фокусом, валидацией и автопереходом между полями
Author: mrfokus
Latest version: 0.1.5

# mrfokus-input-date

Компонент Vue 3 для ввода даты с разбивкой по полям (день, месяц, год). Позволяет удобно управлять форматом даты, фокусом, валидацией и автопереходом между полями.

## 🧩 Установка

```bash
npx @mrfokus/input-date
```

## 🚀 Использование

```vue
<script setup lang="ts">
import { ref } from 'vue'
import InputDate from 'path_componen/InputDate.vue'

const date = ref(new Date())
</script>

<template>
  <InputDate v-model="date" format="dd.mm.yyyy" />
</template>
```

## 🎯 Props

| Название      | Тип       | По умолчанию  | Описание                                       |
|---------------|-----------|----------------|------------------------------------------------|
| `modelValue`  | `Date`    | –              | Значение даты                                  |
| `format`      | `string`  | `dd.mm.yyyy`   | Формат даты (пока поддерживается только этот)  |

## 📦 Слоты

- `divider`: используется между полями ввода (по умолчанию SVG-иконка). Вы можете передать любой другой разделитель, например `/`, `-` и т.д.

```vue
<InputDate v-model="date">
  <template #divider>/</template>
</InputDate>
```

## 💡 Особенности

- Автопереход между полями при вводе
- Поддержка вставки даты через буфер обмена
- Маскирование ввода (только числа)
- Автовыравнивание значений (например `1` → `01`)
- Проверка допустимого диапазона для дней и месяцев, включая високосные года

## 🛠️ Стили

Стили можно кастомизировать через CSS-переменные:

```css
--di-bg: фон (по умолчанию #F2F4F7)
--di-primary: цвет текста и фокуса (по умолчанию #0E1829)
--di-placeholder: цвет плейсхолдера (по умолчанию #647187)
--di-border: цвет рамки при фокусе (по умолчанию #0B182A)
```

## 📃 Лицензия

[MIT](./LICENSE)
npm package: @mrfrase3/ts-invaders
Description: browser-based space invaders
Author: mrfrase3
Latest version: 0.1.2

# 👾 TS Invaders 👾

## Description
A Typescript re-write/refactor/overhaul of a space invaders codepen I found

[Original CodePen](https://codepen.io/anthdeldev/pen/BHuGL) by [Anthony Del Ciotto](https://codepen.io/anthdeldev)
[Gist](https://gist.github.com/insipx/c3d3eae31016c1e16ba6bd1a7e19b2fe) By insipx

### [Example](https://mrfrase3.github.io/ts-invaders/)

## Features
- fully typed
- importable by other projects, just feed it a canvas element
- fairly configurable and simple to use
- improvements for optimisation/memory leaks (entity recycling, etc)
- 4.0kB compressed

## TODO
- [ ] add space ships
- [ ] add barriers
- [ ] allow configuring colors

## Installation
1. TBA

## Usage
```ts
import TSInvaders from 'ts-invaders';

const canvas = document.getElementById('game-canvas');
const game = new TSInvaders(canvas, { /* config go here */ });
game.start();

// later on
game.destroy();

```
You can check out the [example code here](https://github.com/mrfrase3/ts-invaders/blob/main/example/index.html)

The main class has the following methods:
- `constructor(canvas: HTMLCanvasElement, config: InvaderConfig = {})`
- `async start(): Promise<void>` (async loads assets)
- `destroy(): void` (cleans up event listeners)

The `InvaderConfig` has the following:
```ts
export interface InvaderConfig {
  // where to get the sprite PNG from
  spriteUrl?: string; // 'https://mrfrase3.github.io/ts-invaders/sprites.png'
  // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code
  leftKeys?: string[]; // ['ArrowLeft', 'KeyA']
  rightKeys?: string[]; // ['ArrowRight', 'KeyD']
  fireKeys?: string[]; // ['Space', 'KeyW', 'ArrowUp']
  textBlinkFrequency?: number; // 750 (ms)
  playerLives?: number; // 3
  scores?: ScoreMap; // see below
  font?: string; // 'monospace'
  title?: string; // 'TS Invaders'
  startText?: string; // 'Press space to play!'
  // methods to get/set the high score from somewhere
  // defaults to local storage under 'invaders-high-score'
  getHighScore?: () => number;
  setHighScore?: (score: number) => void;
}

const defaultScores: ScoreMap = {
  'alien-kill': 25, // when you kill an alien
  'player-kill': 0, // when an alien kills you
  'wave-clear': 500, // when you complete a wave (get rid of all visible aliens)
  'wave-modifier': 1, // increases alien-kill each wave by a multiple (kill * wave * modifier) 0 to disable
};
```

## Contributing
Contributions are welcome! Please follow these steps:
1. Fork the repository
2. Create a new branch: `git checkout -b feature/your-feature`
3. Make your changes and commit them: `git commit -m "Add your feature"`
4. Push to the branch: `git push origin feature/your-feature`
5. Submit a pull request

## License
This project is licensed under the [MIT License](LICENSE).

## Contact
- Author: mrfrase3
- GitHub: [mrfrase3](https://github.com/mrfrase3)
- [My Stuff](https://mrfrase3.bio.link/)
- [Buy Me a Coffee](https://www.buymeacoffee.com/mrfrase3)
npm package: @mrfzq/core
Description: mrfzq 插件包
Author: mrfzq
Latest version: 1.2.1

### ES6 使用

```js
import { add } from '@mrfzq/core';

console.log(add(2, 9));
```

### CommonJS 使用

```js
const { add } = require('@mrfzq/core');

console.log(add(2, 9));
```

### 通过 cdn 使用

```html
<script src="https://cdn.jsdelivr.net/npm/@mrfzq/core@2.0.12/dist/index.js"></script>

<script>
  console.log(window.customCore.add(12, 9));
</script>
```
npm package: @mrfzq/tools
Description: mrfzq 工具包
Author: mrfzq
Latest version: 1.2.1

### ES6 使用

```js
import { getNameInfo } from '@mrfzq/tools';

console.log(getNameInfo('mrfzq'));
```

### CommonJS 使用

```js
const { getNameInfo } = require('@mrfzq/tools');

console.log(getNameInfo('mrfzq'));
```

### 通过 cdn 使用

```html
<script src="https://cdn.jsdelivr.net/npm/@mrfzq/core@2.0.6/dist/index.js"></script>

<script>
  console.log(window.customTools.getNameInfo('mrfzq'));
</script>
```
npm package: @mrgalaxy/furied
Description: Publish private npm packages easily on gemfury
Author: Helder Santana
Latest version: 1.1.3

# furied
Publish private npm packages easily on [gemfury](http://fury.io).

## Global

```shell
npm i -g furied
```

Then on your project folder

```shell
furied <user> <key>
```

Or if you set the environment vars `GEMFURY_API_KEY` and `GEMFURY_USER`;

```shell
furied
```

done!

## Local
`npm i -D furied`

on your **package.json**

```json
{
  "scripts": {
    "private-publish": "furied <user> <key>"
  }
}
```

Then `npm run private-publish`. In a case that you want it right after `npm version <type>`:

```json
{
  "scripts": {
    "postversion": "furied <user> <key>"
  }
}
```

## Requirements
It's written in ECMA 2015 without transpilers. Node.js 4+

MIT License
(c) [Helder Santana](http://heldr.com)
npm package: @mrgalaxy/rollup-plugin-inject
Description: Scan modules for global variables and inject `import` statements where necessary
Author: Rich Harris
Latest version: 2.0.0

# rollup-plugin-inject

Scan modules for global variables and inject `import` statements where necessary


## Installation

```bash
npm install --save-dev rollup-plugin-inject
```


## Usage

```js
import { rollup } from 'rollup';
import inject from 'rollup-plugin-inject';

rollup({
  entry: 'main.js',
  plugins: [
    inject({
      // control which files this plugin applies to
      // with include/exclude
      exclude: 'node_modules/**',

      // all other options are treated as modules...

      // use the default – i.e. insert
      // import $ from 'jquery'
      $: 'jquery',

      // use a named export – i.e. insert
      // import { Promise } from 'es6-promise'
      Promise: [ 'es6-promise', 'Promise' ],

      // use a local module instead of a third-party one
      'Object.assign': path.resolve( 'src/helpers/object-assign.js' ),

      // ...but if you want to be careful about separating modules
      // from other options, supply `options.modules` instead
      modules: {
        $: 'jquery',
        Promise: [ 'es6-promise', 'Promise' ],
        'Object.assign': path.resolve( 'src/helpers/object-assign.js' )
      }
    })
  ]
}).then(...)
```
npm package: @mrgalaxy/shorturl
Description: A URL shortening service powered by Node.js and Redis.
Author: Tyler Johnson
Latest version: 4.0.0

# URL Shortener Service

[![npm](https://img.shields.io/npm/v/@mrgalaxy/shorturl.svg)](https://www.npmjs.com/package/@mrgalaxy/shorturl) [![Build Status](https://travis-ci.org/tyler-johnson/shorturl.svg?branch=master)](https://travis-ci.org/tyler-johnson/shorturl)

This is the source code for my URL shortener. I made it as an experiment to see how URL shorteners work under the hood. The source is licensed under MIT so feel free to hack away!

Check out the live version: <https://yuk.nu>

### Install

Install globally using NPM.

```bash
npm i @mrgalaxy/shorturl -g
```

Check that the tool was installed correctly.

```bash
shorturl-server --help
```

### Usage

To run a local server, ensure a local [Redis server](https://redis.io) has been started at the default port. Then run the following command:

```bash
shorturl-server
```

This will start a local server at <http://localhost:3000>.
npm package: @mrgalaxy/tjme
Description: My personal website.
Author: Tyler Johnson
Latest version: 3.0.1

# tylerjohnson.me

[![npm](https://img.shields.io/npm/v/@mrgalaxy/tjme.svg)](https://www.npmjs.com/package/@mrgalaxy/tjme) [![Build Status](https://travis-ci.org/tyler-johnson/tylerjohnson.me.svg?branch=master)](https://travis-ci.org/tyler-johnson/tylerjohnson.me)

This is the main source for my personal website, [tylerjohnson.me](http://tylerjohnson.me). It is just a tiny Node.js/Express web app.

```bash
npm i @mrgalaxy/tjme -g
tjme
```

Also available as a Docker image!

```bash
docker pull mrgalaxy/tjme:latest
docker run -d --name tjme -p 8080:8080 mrgalaxy/tjme
```
npm package: @mrgatos/nestjs-kysely
Description: Kysely module for NestJS
Author: kzmat
Latest version: 0.1.1

# nestjs-kysely

[![npm version](https://badge.fury.io/js/nestjs-kysely.svg)](https://badge.fury.io/js/nestjs-kysely.svg)
[![test](https://github.com/kzmat/nestjs-kysely/actions/workflows/test.yml/badge.svg)](https://github.com/kzmat/nestjs-kysely/actions/workflows/test.yml)
[![codecov](https://codecov.io/gh/kzmat/nestjs-kysely/branch/master/graph/badge.svg?token=5PN87HH33L)](https://codecov.io/gh/kzmat/nestjs-kysely)

`nestjs-kysely` implements a module that provides the client of Kysely, which is a type-safe query builder.

## install

```
yarn add nestjs-kysely
```

## Example

```
yarn add nestjs-kysely mysql2
```

Register KyselyModule for your app.

```ts
import { Module } from '@nestjs/common'
import { KyselyModule } from 'nestjs-kysely'

@Module({
  imports: [
    KyselyModule.forRoot({
      engine: 'mysql',
      host: '127.0.0.1',
      user: 'root',
      password: 'password',
      database: 'kysely_test',
    }),
  ],
})
export class AppModule {}
```

You can then inject the Kysely client into any of your injectables by using a custom decorator.

```ts
import { Controller, Get } from '@nestjs/common'
import { InjectKysely } from 'nestjs-kysely'
import { DB } from './@types'
import { AppService } from './app.service'

@Controller()
export class AppController {
  constructor(
    @InjectKysely() private readonly db: DB,
    private readonly appService: AppService,
  ) {}

  @Get()
  async getHello(): Promise<string> {
    const result = await this.db
      .selectFrom('person')
      .innerJoin('pet', 'pet.owner_id', 'person.id')
      .selectAll()
      .execute()

    console.log(`result:${JSON.stringify(result)}`)
    return this.appService.getHello()
  }
}
```

# License

MIT
npm package: @mrgazdag/ts-shader-loader
Description: A webpack loader for glsl shaders - includes support for nested imports. Re-Written in TypeScript
Author: Tine Jozelj
Latest version: 2.0.4

# Webpack loader for GLSL shaders
[![NPM](https://nodei.co/npm/ts-shader-loader.png)](https://npmjs.org/package/ts-shader-loader)

A glsl shader loader for webpack, includes support for nested imports, 
allowing for smart code reuse among more complex shader implementations. 
The shader is returned as a string.

## Why fork

I had a problem using other webpack shader loaders with typescript. While i was investigating what is the problem,
i forked and tried to make my version work with typescript. Other than support with typescript, it has no other benefits.

## Quick Guide

#### 1. Install
```shell
npm install --save-dev ts-shader-loader
```

#### 2. Add to webpack configuration

```javascript
{
    module: {
        rules: [
            {
                test: /\.(glsl|vs|fs)$/,
                loader: 'ts-shader-loader'
            }
        ]
    }
}
```
#### 3. Declare shared files as modules

Create `glsl.d.ts` file in your project and add the following in to it:

```ts
declare module "*.glsl" {
  const value: string;
  export default value;
}

declare module "*.vs" {
  const value: string;
  export default value;
}

declare module "*.fs" {
  const value: string;
  export default value;
}
```

#### 4. Import shaders

```javascript
import myShader from './myShader.glsl';

console.log(myShader);
```


## Includes

This loader supports `#include "path/to/shader.glsl"` syntax, which you can
use inside your shaders.


### Example

Example project structure:
```
src/
---- ts/
---- ---- main.ts
---- shaders/
---- ---- includes/
---- ---- ---- perlin-noise.glsl
---- ---- fragment.glsl
```

If we `import` `fragment.glsl` shader inside `main.ts`:

```javascript
import shader from '../shaders/fragment.glsl';
```

We can have that shader include other `.glsl` files inline, like so:

```sass
#include "./includes/perlin-noise.glsl";
```

> **N.B.** all includes within `.glsl` are relative to the file doing the importing.

Imported files are parsed for `#include` statements as well, so you can nest
imports as deep as you'd like.

Imported files are inserted directly into the source file in place of the
`#include` statement and no special handling or error checking is provided. So,
if you get syntax errors, please first check that shader works as one 
contiguous file before raising an issue.

## TODO

+ Deduplicate imports, to prevent code clobbering and conflicts at runtime
npm package: @mrgeek/switcher
Description: Multi git repositories project organizer
Author: Omar Ahmed
Latest version: 0.0.2-alpha

# Welcome to switcher 👋
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](./LICENSE)
[![Twitter: omarahm3](https://img.shields.io/twitter/follow/omarahm3.svg?style=social)](https://twitter.com/omarahm3)

> Multi git repositories project organizer made with Nodejs.

This project is pretty immature, it was created initially as a fish shell function, so that i can easily manage my company's current multiple projects, since i usually have changes on different branches on multiple git repositories, and we can't leverage git-worktree on our local development. This project aims to manage multiple git repositories with richer features than the initial fish shell version.
This project has also other variants in different programming languages.
- [Fish Shell](https://github.com/omarahm3/projects-switcher)
- [Rust Switcher](https://github.com/omarahm3/switcher)

I will be focusing more on maintaining the Rust variant.

## Install

You'll need to have a Nodejs installed, then you can just

```sh
npm i -g @mrgeek
```

## Development

```sh
git clone git@github.com:omarahm3/node-switcher.git
cd node-switcher
yarn start # Or npm start
```

## Usage

```sh
switcher
```

## Author

👤 **Omar Ahmed**

* Website: https://mrg.sh
* Twitter: [@omarahm3](https://twitter.com/omarahm3)
* Github: [@omarahm3](https://github.com/omarahm3)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/omarahm3/node-switcher/issues). 

## Show your support

Give a ⭐️ if this project helped you!


## 📝 License

Copyright © 2021 [Omar Ahmed](https://github.com/omarahm3).

This project is [MIT](./LICENSE) licensed.