open-index/open-npm huggingface dataset:
npm package: @farts/release-namer
Description: A tool for generating random release names
Author: tadger
Latest version: 4.0.1

# release-namer
A tool for generating random release names

## Usage in JavaScript/Typescript:

```bash
$ npm install @farts/release-namer
```

```javascript
const { generate } = require('@farts/release-namer')

// es6
import { generate } from '@farts/release-namer'
```

## Global CLI usage:

```bash
$ npm install -g @farts/release-namer

# once installed, use it from any terminal session
$ release-namer
```

### ... or just:

```bash
$ npx @farts/release-namer
```

## Flags (only available using CLI):

`--plain-text` or `-t`: Removes the default formatting and simply writes a plain-text string to `stdout` *(This is useful for scripts or CI actions that need to generate a name for a release)*
npm package: @faru/notification
Description: Describe faru-notification here
Latest version: 1.0.1

# faru-notification

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]

Describe faru-notification here.

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo
npm package: @faru/tinymce
Description: 富文本编辑器
Latest version: 1.0.47

# @faru/tinymce

浙江法援项目 文章富文本编辑器

因文件上传到阿里云oss的私有云，后端返回的oss文件有时效性，一个小时之后会过期，需要通过文件的objectKey去oss去最近的文件地址

浙江法援项目中的react版本为15.x, 最新的tinymce只支持react16.x，故该组件中的react和tinymce版本都为低版本。不支持最新版本。

富文本编辑器中的图片上传之后，img中存储的为oss文件地址，当oss文件有效期之后，图片不能正常访问（403）

组件用正则匹配所有的img标签，之后继续匹配img的src属性，根据getPolicy接口拿到oss的priBucketName和endPoint属性

根据oss的priBucketName和endPoint。字符串替换可以得到图片的objectKey。

Image 对象可以判断src时候存在也有有效，来判断是否需要去获取最新的oss图片地址

通过getUrl方法，传objectKey得到最新的oss图片地址。重新渲染。

该组件不可扩展，只兼容浙江法援项目的富文本。

若其他的项目需要该组件，不可直接使用。
npm package: @faru/utils
Description: Describe faru-utilFns here
Latest version: 1.0.5

# faru-utilFns

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]

Describe faru-utilFns here.

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo
npm package: @farukiince/click-tracker
Description: NPM library for tracking button clicks and sending them to an API
Author: Faruk İnce
Latest version: 1.3.0

<div align="center">
  <img src="https://raw.githubusercontent.com/google/material-design-icons/master/png/action/touch_app/materialicons/48dp/2x/baseline_touch_app_black_48dp.png" alt="Logo" width="60">
  <h1>Supabase Click Tracker</h1>
  <p>Effortless click analytics for your Supabase project.</p>
  
  <p>
    <a href="https://www.npmjs.com/package/@farukiince/click-tracker">
      <img src="https://img.shields.io/npm/v/@farukiince/click-tracker.svg" alt="NPM Version">
    </a>
    <a href="https://github.com/farukince/click-tracker-npm-library-with-example-project/blob/main/LICENSE">
      <img src="https://img.shields.io/npm/l/@farukiince/click-tracker.svg" alt="License">
    </a>
  </p>
</div>

---

This lightweight TypeScript library automatically captures button clicks and sends the data—along with a custom payload—directly to your Supabase database. No complex setup, no third-party services.

## Get Started in 3 Steps

### 1. Prepare Supabase

Create a `clicks` table in your Supabase database. You can use the SQL editor with the following command:

```sql
CREATE TABLE public.clicks (
  id bigint GENERATED BY DEFAULT AS IDENTITY PRIMARY KEY,
  created_at timestamp with time zone DEFAULT now() NOT NULL,
  button_id text,
  button_classes text,
  button_text text,
  payload jsonb
);

-- Then, enable public insert access via RLS policies.
-- Go to Authentication -> Policies to create a new policy for INSERT with a check expression of `true`.
```

### 2. Install The Package

```bash
npm install @farukiince/click-tracker
```

### 3. Initialize in Your App

In your application's entry point (e.g., `App.tsx`), call the `init` function.

```typescript
import { init } from '@farukiince/click-tracker';

init({
  supabaseUrl: process.env.REACT_APP_SUPABASE_URL,
  supabaseAnonKey: process.env.REACT_APP_SUPABASE_ANON_KEY,
  // Optional: Add custom data to every click
  payload: {
    pagePath: window.location.pathname,
    userId: 'user-123'
  }
});
```
That's it! The library will now automatically track all `<button>` clicks.

## Configuration

The `init` function accepts an object with the following options:

| Parameter         | Type                  | Required | Default   | Description                                     |
| ----------------- | --------------------- | :------: | --------- | ----------------------------------------------- |
| `supabaseUrl`     | `string`              |   Yes    | `null`    | Your Supabase project URL.                      |
| `supabaseAnonKey` | `string`              |   Yes    | `null`    | Your Supabase project `anon` (public) key.      |
| `selector`        | `string`              |    No    | `'button'`| A CSS selector for the elements to track.       |
| `payload`         | `Record<string, any>` |    No    | `undefined`| A JSON object to be saved with every click.     |

## License

Licensed under the [MIT](LICENSE) License.
npm package: @faruksoftt/my-test-module
Description: My new Nuxt module
Latest version: 0.0.1-alpha.2.1.2

<!--
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: @farvell/jflow-core
Description: npm package that exports jflow-core library
Author: Farvell
Latest version: 3.0.2

<h1 align="center">JFlow-Core Documentation</h1>

## Where to start:

```bash
npm install @farvell/jflow-core
```

## The way you will work with:

- Import constructor objects, when needed.

```javascript

    import { 

        Handler,
        Style,
        Parallax,
        
    } from "@farvell/jflow-core";

```

```javascript

    const behaviour = () => {
        // Get constructor object
        const object = new JFlow({
            configParam: "this is a config param"
        })

        // Returns a promise, don't blocks execution
        return object.listener( controlParams );
    }

```

### The way you initialize main method and call all handle functions:

- All behaviours / handlers must be wrapped inside a function.

```javascript

    // Main method
    window.addEventListener("load", () => {
        initLogicApp()
            .then( initSomeMenu() )
            .then( initLightbox() )
            .then( 
                console.log( "And you are ready to use JFlow!" ) 
             );
    });

```

## Custom Build Examples.

### Create a custom Handle object:

* Can pass multiple config objects for trigger it at the same time.

```javascript

    // Object constructor waits for objects
    // with element id and css className
    const htmlElement = new Handler({
        element: "idString1",
        css: [ "className1", "className2" ]
    },
    {
        element: "idString2",
        css: "uniqueAnimation"
    });

```

- Trigger events must be returned in a execution context.

```javascript

    // Click event
    return htmlElement.onClick( "trigger-className" );

    // Timeout event
    const time = 1200;
    return htmlElement.onTimeout( time );

    // Scroll event
    const offsetToTrigger = 100;
    return htmlElement.onScroll( offsetToTrigger  )

```

### Create a custom Style object:

```javascript

    // Set js styles with a className
    // returns the array of elements
    const styledElement = new Style({

        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        width: "100vw",
        height: "100vh",
        backgroundColor: "tomato"

    }).setStyle( "htmlClassName" );

```


### Create a custom Parallax object

```javascript

    // direction can be negative
    // offset specifies minOffset to trigger
    // can ba multiple objects
    const htmlElement = new Parallax({
        target: "targetId",
        direction: -1.2,
        offset: 100
    });

    // starts event listener
    return htmlElement.listen();

```
npm package: @farvisionllc/emotion-bootstrap
Description: Bootstrap compiled for Emotion framework
Author: Byron Warner
Latest version: 4.1.3

# emotion-bootstrap
Bootstrap 4 compiled to Javascript for Emotion

Used [CSS in JS generator](https://github.com/brikou/CSS-in-JS-generator) to build bootstrap for use with [Emotion JS](https://github.com/emotion-js/emotion).