open-index/open-npm huggingface dataset:
npm package: @rikifrank/author-fields
Description: Automatic adding authors info to collections and globals : creator, updator, publisher and publish-date
Author: shefing
Latest version: 1.0.12

## [Author Info plugin](./src/index.ts)

Automatic adding authors info to collections and globals : creator, updator, publisher and publish-date

Payload is storing the modification and creation date of each document's collections.

We have the need to store also the:

1. User who created or updated the document.
2. The user who publish the document and publish date (For publishable content)

All this data is computed and rendered for each collection under Author Data Tab

![img_1.png](./images/img_1.png)

In addition, on list views dates are presented in moment.js relation format like:

![img_2.png](./images/img_2.png)
npm package: @rikifrank/authors-info
Description: - Payload 3.0 does not store authors informations, so we created this package to automatically store information about who created, updated and publish content, and this for all collections and globals. The package does add a new tab in the authoring user
Author: shefing
Latest version: 1.0.9

## [Author Info plugin](./src/index.ts)

- Payload 3.0 does not store authors informations, so we created this package to automatically store information about who created, updated and publish content, and this for all collections and globals. The package does add a new tab in the authoring user interface "Author Data".
- Payload 3.0 is storing the creation and modification date of each document's collections but does not store publication date. So this package aslo stores the most recent publish date.

![img_1.png](./images/img_1.png)

### Setup

In order to use this authors-info plugin install it using your prefered node package manager, e.g:

`npm add @rikifrank/authors-info`

In the payload.config.ts add the following:

```typescript
plugins: [
    ...plugins,
    addAuthorsFields({
      excludedCollections: [],
      usernameField: 'fullName',
    }),
```

### Configuration

- `excludedCollections`: array of collections names to exclude

- `excludedGlobals`: array of globals names to exclude

- `usernameField`: name field to use from Users collection, 'user' by default


The dates are presented relatively using moment.js anywhere using CreatedAtCell type 
![img_2.png](./images/img_2.png)
npm package: @rikiha/dads-components
Description: デジタル庁デザインシステム React コンポーネント（Figma Make対応）。元リポジトリ: https://github.com/digital-go-jp/design-system-example-components-react
Latest version: 0.1.1

# @rikiha/dads-components

> **実験用パッケージです。** Figma Makeでデジタル庁デザインシステムを使うための検証目的で作成しました。本番利用は推奨しません。

[デジタル庁デザインシステム](https://design.digital.go.jp/dads/) の React コンポーネントライブラリ（[digital-go-jp/design-system-example-components-react](https://github.com/digital-go-jp/design-system-example-components-react)）を、[Figma Make](https://www.figma.com/make/) から読み込めるよう再パッケージしたものです。

元リポジトリの MIT ライセンスに従い公開しています。

## このパッケージの目的

Figma Make（Figma の AI コーディングツール）でデジタル庁デザインシステムのコンポーネントを使えるようにするための実験的なパッケージです。

元の公式パッケージ（`@digital-go-jp/design-system-example-components-react`）との主な違い：

- **CSS バンドル同梱**: Tailwind CSS をビルド時に処理し、`dist/styles.css` として同梱。Figma Make 側でのスタイル設定が不要
- **peerDependencies 対応**: `react` / `react-dom` を peerDependencies に移動し、Figma Make 環境での依存競合を回避

## インストール

```bash
npm install @rikiha/dads-components
```

## 使い方

```tsx
// CSSのインポートが必須
import '@rikiha/dads-components/styles.css';

import { Button, Input, Label } from '@rikiha/dads-components';

function App() {
  return (
    <div>
      <Label htmlFor="name">お名前</Label>
      <Input id="name" type="text" />
      <Button variant="solid-fill" size="lg">送信する</Button>
    </div>
  );
}
```

## 注意事項

- **実験用**です。本番環境での使用は推奨しません
- コンポーネントの実装・仕様は元リポジトリに依存します
- 元リポジトリの更新は自動では反映されません
- 公式パッケージは [`@digital-go-jp/design-system-example-components-react`](https://www.npmjs.com/package/@digital-go-jp/design-system-example-components-react) をご利用ください

## ライセンス

MIT（元リポジトリに従う）
npm package: @rikishi/jqcloud2
Description: jQuery plugin for drawing neat word clouds that actually look like clouds
Latest version: 2.0.5

# jQCloud

[![Bower version](https://img.shields.io/bower/v/jqcloud2.svg?style=flat-square)](http://mistic100.github.io/jQCloud)
[![NPM version](https://img.shields.io/npm/v/jqcloud2.svg?style=flat-square)](https://www.npmjs.com/package/jqcloud2)

> ## _Long Term Support_ : I will not develop any more features for this library but contributions are more than welcomed and I will be happy to merge and publish new versions.

## Beautiful word clouds with jQuery

jQCloud is a jQuery plugin that builds neat and pure HTML + CSS word clouds and tag clouds that are actually shaped like a cloud (otherwise, why would we call them 'word clouds'?).

Also available as [AngularJS directive](https://github.com/mistic100/angular-jqcloud)

## Documentation

http://mistic100.github.io/jQCloud

## License
This library is available under the MIT license.
npm package: @rikishi/splitpanes
Description: A Vue JS reliable, simple and touch-ready panes splitter / resizer
Author: Antoni Andre
Latest version: 2.0.1

# Splitpanes

[![Latest Version on NPM](https://img.shields.io/npm/v/splitpanes.svg?style=flat-square)](https://npmjs.com/package/splitpanes)
[![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)
[![npm](https://img.shields.io/npm/dt/splitpanes.svg?style=flat-square)](https://www.npmjs.com/package/splitpanes)


> A Vue JS reliable, simple and touch-ready panes splitter / resizer.

## Installation

```
npm i --S splitpanes
```

## Demo & Documentation
> [https://antoniandre.github.io/splitpanes](https://antoniandre.github.io/splitpanes)

## Try it yourself
> [https://codepen.io/antoniandre/pen/XybPKP](https://codepen.io/antoniandre/pen/XybPKP)

## Browser Support
![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![IE](https://raw.github.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png) |
--- | --- | --- | --- | --- | --- |
Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 10+ ✔ |


___


## Release Notes

- __Version 2.0.0__ Fix reactivity issues
- __Version 1.14.0__ Programmatically set pane size
- __Version 1.13.0__ Emit event on splitter click
- __Version 1.12.0__ Double click splitter to maximize is now an option
- __Version 1.11.0__ Persist panes size after slots changed
- __Version 1.10.0__ Add maximum size feature on panes
- __Version 1.9.0__ Emit event on resize &amp; watch slots optional
- __Version 1.8.0__ Watch slots
- __Version 1.7.0__ Double click splitter to maximize next pane
- __Version 1.6.0__ Emit events
- __Version 1.5.0__ Add default size feature on panes (max feature coming soon!)
- __Version 1.4.0__ Add minimum size feature on panes
- __Version 1.3.0__ Splitpanes slots are now reactive (add/remove on the fly)
- __Version 1.2.0__ Add a `default-theme` CSS class to load default theme
- __Version 1.1.0__ Allow pushing other panes while dragging splitter
- __Version 1.0.0__ First public release
npm package: @rikishi/svg-scaler-viewbox
Description: SVG scale utility
Author: madzhup
Latest version: 0.2.5

# SVG Scaler

Scale svg size

## Install

```bash
yarn add style-loader --dev
```
or using npm
```bash
npm install style-loader --save-dev
```

## Usage

```
import SVGTranslator from 'svg-scaler-viewbox';

new SVGTranslator({ width: 24 }).process(`
  <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
    <circle cx="24" cy="24" r="24" fill="#D8D8D8"/>
  </svg>
`).then((result) => {
  console.log(result)
});

```

## Options

### `width`

`type:number`, will make the svg scale to the size by the number, will fix to square, unity all svg files to same size.

### scale

`type:number`, just normal `scale`, but if have the width or the height option, the `scale` will not work.

## Warning

* not support image in svg.

## Thanks

* https://github.com/fontello/svgpath
* https://github.com/isaacs/sax-js
npm package: @rikitonoto/map-equal
Description: compare map object.
Author: rikitonoto
Latest version: 1.0.1

## Description
This library allows you to compare the Map instances.
but it is shallow compared, so can't compare nested objects.

## Installation
```bash
npm install map-equal --save
```

## Usage
```ts
import { mapEqual } from "map-equal";
mapEqual(new Map([[1,0]]), new Map([[1,0]])); // => true
mapEqual(new Map([[1,0]]), new Map([[1,1]])); // => false
mapEqual(new Map([[1,0]]), new Map([[2,0]])); // => false
mapEqual(new Map([["1",0]]), new Map([[1,0]])); // => false
mapEqual(new Map([[1,{}]]), new Map([[1,{}]])); // => false
```