open-index/open-npm huggingface dataset:
npm package: @lawgdev/js
Description: Lawg JS SDK
Author: Lawg
Latest version: 1.0.11
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# lawg.js

### Initialization

```ts
const lawg = new Lawg({
  token: process.env.LAWG_TOKEN,
  project: "my_cool_project",
  ua: req.headers["user-agent"], // Optional
});
```

## Events

### Fetching all Feed Events

```ts
await lawg.feed("orders-shipped").fetchEvents();
```

### Creating a Event

```ts
await lawg.feed("orders-shipped").event({
  title: "Order Shipped",
  description: "John's order has been shipped! (Order #10403)",
  emoji: "🚚", // or :truck:
  metadata: {
    ua: req.headers["user-agent"], // Optional (overides UA set in initialization)
    tags: {
      "customer-id": 1234,
      "customer-email": "johnny@lawg.dev",
    }, // Optional
  },
  notify: true, // Optional (defaults to false)
  timestamp: "2023-06-22T13:42:55.789Z", // Optional
});
```

### Updating a Event

```ts
await lawg.feed("orders-shipped").editEvent({
  id: "log_xxxxxxxxxxxxxx",
  title: "Order Returned",
  description:
    "John's order has been returned, it will no longer ship! (Order #10403)",
  emoji: "🚚", // or :truck: (Optional)
  metadata: {
    tags: {
      "customer-id": 1234,
      "customer-email": "johnathan@lawg.dev",
    }, // Optional
  },
  timestamp: "2023-06-15T13:42:55.789Z", // Optional
});
```

### Deleting a Event

```ts
await lawg.feed("orders-shipped").deleteEvent({
  id: "log_xxxxxxxxxxxxxx",
});
```

## Insights

### Creating a Insight

```ts
await lawg.insight({
  title: "Users Joined",
  emoji: "👤" // or :bust_in_silhouette: (Optional)
  value: 250,
});
```

### Updating a Insight

You may set `emoji: ":your_emoji:"` in any of the fields below when updating an insight (optional).

#### Setting a Insight's Value

```ts
await lawg.setInsight({
  id: "insight_xxxxxxxxxxxxxx",
  set: 150, // Overides initial value (Now: 150, Before: 250)
});
```

#### Incrementing a Insight

##### Positive Increments

```ts
await lawg.incInsight({
  id: "insight_xxxxxxxxxxxxxx",
  increment: 150, // Increments initial value (Now: 400, Before: 250)
});
```

##### Negative Increments

```ts
await lawg.incInsight({
  id: "insight_xxxxxxxxxxxxxx",
  increment: -150, // Increments initial value (Now: 0, Before: 250)
});
```
npm package: @lawki/pom.js
Description: A small javascript library to write declarative web UI
Latest version: 1.0.3

# About pom.js
A declarative UI library to write JavaScript apps.

# Goals
- [x] Use util functions to make new components and render it on DOM
- [ ] Create minimal Todo app - WIP
- [x] Optimise re-renders
- [x] State Management
- [ ] Create Todoist clone using these utils
npm package: @lawkit/ui
Description: LDS Design System — React component library with design tokens
Latest version: 0.1.33

# @lawkit/ui

Law.ai Design System -- React component library with built-in design tokens.

## Install

```bash
npm install @lawkit/ui
```

## Quick Start

```tsx
import { Button, lightThemeClass } from "@lawkit/ui";
import "@lawkit/ui/style.css";

function App() {
  return (
    <div className={lightThemeClass}>
      <Button color="primary" size="medium">
        Click me
      </Button>
    </div>
  );
}
```

> `lightThemeClass`를 루트에 적용하면 디자인 토큰(색상, 간격, 타이포 등)이 CSS 변수로 주입됩니다.

## Components (38+)

### Layout & Navigation
`Tabs` `NavigationTab` `ButtonTab` `ChipsNavigation` `Pagination` `Collapse`

### Data Display
`Card` `DataTable` `ListGroup` `TreeView` `Avatar` `AvatarGroup` `Mention` `Widget` `ProgressBar` `StepBar` `Skeleton` `Spinner`

### Form
`Button` `ButtonGroup` `IconButtonGroup` `Input` `InputGroup` `MultiSelect` `Dropdown` `TagSelect` `NumberInput` `Checkbox` `Radio` `RadioGroup` `Switch` `Slider` `RangeSlider` `DatePicker` `DateRangePicker` `FileUploadArea`

### Feedback & Overlay
`Modal` `SweetAlert` `Toast` `Alert` `Tooltip` `Popover` `InfoPopover` `ChartTooltip` `CalendarPopover`

## Theming

### Default Theme

`lightThemeClass`를 적용하면 기본 테마가 활성화됩니다.

### Custom Theme

`createLdsThemeVars()`로 브랜드 컬러를 오버라이드할 수 있습니다:

```tsx
import { createLdsThemeVars } from "@lawkit/ui";

const customTheme = createLdsThemeVars({
  accentPrimary: "#E91E63",
  accentSuccess: "#4CAF50",
  accentDanger: "#F44336",
  accentWarning: "#FF9800",
});

function App() {
  return (
    <div className={lightThemeClass} style={customTheme}>
      {/* 커스텀 테마 적용 */}
    </div>
  );
}
```

## CSS Import

반드시 스타일시트를 import 해야 합니다:

```tsx
import "@lawkit/ui/style.css";
```

## Requirements

- React 18.2+ or React 19
- ES modules (`"type": "module"`)

## License

MIT
npm package: @lawlietff/eslint-config
Author: lawliet <evilllawliet@gmail.com> (https://github.com/lawlietff/)
Latest version: 0.0.9

# @lawlietff/eslint-config

[![npm](https://img.shields.io/npm/v/@lawlietff/eslint-config?color=a1b858&label=)](https://www.npmjs.com/package/@lawlietff/eslint-config)
## forks [antfu](https://github.com/antfu/eslint-config), delete the vue rules

- Single quotes, no semi
- Auto fix for formatting (aimed to be used standalone without Prettier)
- TypeScript, React out-of-box
- Lint also for json, yaml, markdown
- Sorted imports, dangling commas for cleaner commit diff
- Reasonable defaults, best practices, only one-line of config


## Usage

### Install

```bash
pnpm add -D eslint @lawlietff/eslint-config
```

### Config `.eslintrc`

```json
{
  "extends": "@lawlietff"
}
```

> You don't need `.eslintignore` normally as it has been provided by the preset.

### Add script for package.json

For example:

```json
{
  "scripts": {
    "lint": "eslint .",
    "lint:fix": "eslint . --fix"
  }
}
```

### Config VS Code auto fix

Create `.vscode/settings.json`

```json
{
  "prettier.enable": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}
```

## License

MIT
npm package: @lawlietff/exposure
Description: handle dom exposure
Author: lawliet
Latest version: 0.3.2

# lawlietff exposure

[![NPM version](https://img.shields.io/npm/v/@lawlietff/exposure?color=a1b858&label=)](https://www.npmjs.com/package/@lawlietff/core)

> A Function to observe an element

## install

```bash
npm install @lawlietff/exposure
```

## usage

```js
import { lawffExposure } from '@lawlietff/exposure'

lawffExposure({
  ele: dom,
  callback: (entry) => {},
})
```

## type
```js
export interface ObserverTarget {
  ele?: HTMLElement | HTMLElement[]
  callback?: (entry: IntersectionObserverEntry) => void
}
```

## TODOs

- throw error
- peer dependencies
- IntersectionObserver polyfill

## License
npm package: @lawlietff/utils
Description: Opinionated collection of common JavaScript / TypeScript utils by lawliet
Author: lawliet
Latest version: 0.0.7

# @lawlietff/utils

[![NPM version](https://img.shields.io/npm/v/@lawlietff/utils?color=a1b858&label=)](https://www.npmjs.com/package/@lawlietff/utils)
[![Docs](https://www.paka.dev/badges/v0/cute.svg)](https://www.paka.dev/npm/@lawlietff/utils)

Opinionated collection of common JavaScript / TypeScript utils by [lawliet](https://github.com/lawff).

- Tree-shakable ESM
- Fully typed - with TSDocs
- Type utilities - `Arrayable<T>`, `ElementOf<T>`, etc.

> This package is designed to be used as `dependencies` and bundled into your dist.

## License

[MIT](./LICENSE) License © 2022 [lawff](https://github.com/lawff)