open-index/open-npm huggingface dataset:
npm package: @landsoft/aws-amplify-ui
Description: AWS Amplify is a JavaScript library for frontend and mobile developers building cloud-enabled applications. The library is a declarative interface across different categories of operations in order to make common tasks easier to add into your application.
Latest version: 1.0.18-unstable.1

# AWS Amplify Package - Amplify UI

AWS Amplify is a JavaScript library for frontend and mobile developers building cloud-enabled applications. The library is a declarative interface across different categories of operations in order to make common tasks easier to add into your application. The default implementation works with Amazon Web Services (AWS) resources but is designed to be open and pluggable for usage with other cloud services that wish to provide an implementation or custom backends.

`@aws-amplify/ui` contains CSS modules as well as the core UI styleguide (css) and theme for Amplify UI component libraries. Documentation is available [here](https://aws-amplify.github.io/amplify-js/media/ui_guide)
npm package: @landsoftco/wngcoreservices-ng5
Description: Servicios CORE para la implementacion de interfaces de usuario Angular apoyados en la arquitectura Asincrona.
Latest version: 0.3.3

# Wngcoreservices

Servicios CORE para la implementacion de interfaces de usuario Angular apoyados en la arquitectura Asincrona.

## Instalar dependencias de este proyecto
yarn install

## Instalacion

En el proyecto Angular donde se deban usar estos componentes, se instalan estos servicios asi:

```
npm i wngcoreservices --save
```

## Angular Version

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).
npm package: @landswap/sdk
Description: 🛠 An SDK for building applications on top of Landswap.
Latest version: 0.1.0

# Landswap SDK

Forked from the [Uniswap SDK](https://github.com/Uniswap/uniswap-v2-sdk/commit/a88048e9c4198a5bdaea00883ca00c8c8e582605).

You can refer to the Uniswap SDK documentation [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/landswapfi/land-swap-sdk.git
```

Move into the pancakeswap-sdk working directory

```sh
cd landswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @landtrustinc/design-system
Description: Design system components for LandTrust applications
Author: LandTrust
Latest version: 1.2.76

# @landtrustinc/design-system

Design system components for LandTrust applications.

[Storybook](https://design.landtrust.com)

## 📦 Installation

```bash
npm install @landtrustinc/design-system react-loading-skeleton
```

## 🚀 Setup

### Required CSS Imports

⚠️ **Important:** You must import the following CSS files in your app's entry point (e.g., `_app.js` or `_app.tsx` for Next.js):

```tsx
// pages/_app.tsx (Next.js) or main entry file
import '@landtrustinc/design-system/dist/variables.css';
import 'react-loading-skeleton/dist/skeleton.css';
```

**Why?**

- The design system uses `react-loading-skeleton` for loading states in some components
- Next.js and other frameworks require global CSS to be imported in the app entry point, not from npm packages
- This prevents build errors and ensures proper styling

### Next.js Configuration

If you're using Next.js, make sure these imports are at the top of your `pages/_app.tsx` or `pages/_app.js`:

```tsx
import 'react-loading-skeleton/dist/skeleton.css';
import '@landtrustinc/design-system/dist/variables.css';

// ... rest of your imports
```

## 📖 Usage

```tsx
import { Button, Box, Typography } from '@landtrustinc/design-system';

function App() {
  return (
    <Box>
      <Typography variant="h1">Hello World</Typography>
      <Button variant="primary">Click Me</Button>
    </Box>
  );
}
```

## 🎨 Styling

Following Figma styles try to use tokens from variables.css. Avoid using colors from the theme (these are legacy).

Keep the styles in separate file `*.styles.ts`

## 🔧 Development

```bash
npm run dev       # Start development server
npm run build     # Build package
npm run storybook # Run Storybook
```

## 📦 Publishing

```bash
npm build
npm version patch/minor/major
npm publish
```

## 📝 TODO

- [ ] **Migrate to Changesets** - Replace manual version bumping with [Changesets](https://github.com/changesets/changesets) for automated versioning and changelog generation. This would prevent version conflicts and streamline the release process.
npm package: @lanebucher/switchboard
Description: **Version:** 0.4.0 **Author:** Lane Bucher **Contact:** lane.bucher15@gmail.com **License:** MIT License
Author: Lane Bucher
Latest version: 0.4.2

# @lanebucher/switchboard


**Version:** 0.4.0
**Author:** Lane Bucher
**Contact:** lane.bucher15@gmail.com
**License:** MIT License


---


## Overview
Switchboard is an open-source developer toolkit that automatically generates a complete, fully customizable admin dashboard for your **Next.js + Prisma** application. It is designed to save time during early-stage development by transforming your existing Prisma schema into an interactive, type-safe admin panel in seconds.


Unlike Prisma Studio, Switchboard is focused on **extensibility and design freedom**. It generates actual Next.js pages and React components, which can be modified, extended, or themed as needed. You retain complete control over the resulting code.


---


## Features
- Instant generation of CRUD admin pages for all Prisma models.
- Full integration with Next.js App Router and TypeScript.
- Automatically detects model relationships, enums, and validation.
- Supports pagination, sorting, and filtering out of the box.
- Generates strongly typed resource configs for each model.
- Produces editable pages that can be extended like any other component.
- CLI-based generation workflow for repeatable use in production apps.


---


## Installation
To install the CLI:


```bash
npm install -D @lanebucher/switchboard
```


---


## Usage
Switchboard assumes your Prisma schema is located at `src/prisma/schema.prisma`.


Run the CLI from your Next.js project root:


```bash
switchboard generate --pages
```


### Options
| Flag | Description |
|------|--------------|
| `--pages` | Generates full Next.js admin pages in addition to resource configs. |
| `--model <ModelName>` | Generate code for a specific Prisma model only. |


Example:
```bash
switchboard generate --model User --pages
```


---


## Output Structure
After running `switchboard generate --pages`, Switchboard will produce the following:


```
src/
prisma/
schema.prisma
switchboard/
generated/
UserResource.ts
PostResource.ts
...
registry.ts
app/
admin/
users/
page.tsx
new/page.tsx
[id]/edit/page.tsx
layout.tsx
```

## For questions, feature requests, or contributions, please open an issue on GitHub or reach out directly via email.
npm package: @lanethegreat/electron-compilers
Description: Compiler implementations for electron-compile
Author: Paul Betts
Latest version: 6.0.2

## (Unofficially) UNDEPRECATED: electron-compilers

[![Unofficially Maintained](https://img.shields.io/badge/Unofficially%20Maintained%3F-yes-green.svg)](https://GitHub.com/Naereen/StrapDown.js/graphs/commit-activity)

This project is now (unofficially) maintained by Lane Shaw, new pull requests will be reviewed (as time permits) or merged and new issues can be reported here.

---

[![](https://electron-userland.github.io/electron-compilers/docs/badge.svg)](https://electron-userland.github.io/electron-compilers/docs)

electron-compilers are the actual implementations of classes that power
[electron-compile](https://github.com/LanetheGreat/electron-compile)

For JavaScript:

* JavaScript ES6/ES7 (via Babel)
* TypeScript
* CoffeeScript
* GraphQL

For CSS:

* LESS
* Stylus (with optional nib)
* SASS/SCSS (sass.js)

For HTML:

* Jade
* Pug (2.0)

For JSON:

* CSON

### Why is this a separate repo?!

Shipping compilers for all of these languages will add a ton of weight to your
download size. Making this a separate top-level module allows you to mark it
as a `devDependency` and not include it in the final app.
npm package: @lanethegreat/electron-prebuilt-compile
Description: electron-prebuilt that automatically understands Babel + React + LESS
Author: Paul Betts
Latest version: 4.0.0-beta.11

## (Unofficially) UNDEPRECATED: electron-prebuilt-compile

[![Unofficially Maintained](https://img.shields.io/badge/Unofficially%20Maintained%3F-yes-green.svg)](https://GitHub.com/Naereen/StrapDown.js/graphs/commit-activity)

This project is now (unofficially) maintained by Lane Shaw, new pull requests will be reviewed (as time permits) or merged and new issues can be reported here.

---

electron-prebuilt-compile is a drop-in replacement for [electron](https://github.com/electron/electron) (previously was [electron-prebuilt](https://github.com/mafintosh/electron-prebuilt)) that natively understands ES6/ES7 + React + LESS + some other languages, powered by [@lanethegreat/electron-compile](https://github.com/LanetheGreat/electron-compile).

## Installation

Download and install the latest build of `@lanethegreat/electron-prebuilt-compile` for your OS and add it to your project's `package.json` as a `devDependency`:

```
npm install @lanethegreat/electron-prebuilt-compile --save-dev
```

Now you can just run `electron` to run electron:

```
electron
```

Electron will now understand ES6/ES7 and React components out-of-the-box, even in inline HTML:

```html
<head>
  <link rel="stylesheet" type="text/less" href="main.less" />
</head>

<body id="host">
  <script type="application/javascript">
  import React from 'react';
  import ReactDOM from 'react-dom';
  import TodoApp from './components/TodoApp';
  
  ReactDOM.render(React.createComponent(TodoApp), document.getElementById('host'));
  </script>
</body>
</html>
```
npm package: @laney/react-use-truncate-list
Description: a hook that helps handle the logic of truncating long lists and revealing the rest when prompted
Author: laneysmith
Latest version: 1.0.0

# @laney/react-use-truncate-list

> a hook that helps handle the logic of truncating long lists and revealing the rest when prompted

[![NPM](https://img.shields.io/npm/v/@laney/react-use-truncate-list.svg)](https://www.npmjs.com/package/@laney/react-use-truncate-list) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @laney/react-use-truncate-list
```

## Usage

```jsx
const App = () => {
  const cheeses = [
  'Brie',
  'Cheddar',
  'Chhurpi',
  'Goat',
  'Gouda',
  'Havarti',
  'Provolone',
  'Raclette',
  'Roquefort',
  'Swiss'
  ]

  const {
    displayed,
    remaining,
    displayAllAction,
    truncateAction
  } = useTruncateList(cheeses.length)

  return (
    <div>
      <h1>Cheeses!</h1>
      <ul>
        {cheeses.slice(0, displayed).map(cheese => (
          <li key={cheese}>{cheese}</li>
        ))}
      </ul>
      {remaining
        ? <button onClick={displayAllAction}>Show {remaining} More Cheeses</button>
        : <button onClick={truncateAction}>Show Fewer Cheeses</button>}
    </div>
  )
}
```

## License

MIT © [laneysmith](https://github.com/laneysmith)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).
npm package: @lang/object-visualizer
Description: Visualize JSON object to DOM.
Author: Ernest Chang
Latest version: 4.2.0

# Object Visualizer

Visualize the JSON object to the DOM.

![E2E on Chrome](https://github.com/iendeavor/object-visualizer/workflows/E2E%20on%20Chrome/badge.svg)
![visitors](https://visitor-badge.glitch.me/badge?page_id=iendeavor.object-visualizer)
[![donate](https://img.shields.io/badge/buy%20me%20a%20coffee-donate-orange)](https://www.paypal.com/paypalme/iendeavor)

## Live Demo

[![As same as Chrome's object tree](./screenshot.png)](https://codesandbox.io/s/object-visualizer-5bji4)

## Feature

### Reactivity

### Fully Configurable

- option.getKeys: customize visible keys in any nested data
- option.expandOnCreatedAndUpdated: expand or collapse after created or updated

### Expand/Collapse Hot Keys

> Starting from v4.0.0, this feature is only available for objects due to performance issues.

- Recursive expand `Meta+Click`
- Recursive collapse `Meta+Shift+Click`

## Installation

```
$ npm install object-visualizer
```

```html
<script src="https://unpkg.com/object-visualizer"></script>
<link
  type="text/css"
  rel="stylesheet"
  href="https://unpkg.com/object-visualizer/dist/index.css"
/>
```

## How to use

1. Import the **mount** function from the module

```js
import { mount } from "object-visualizer";
```

2. Query the HTML element to inject the JSON, e.g. `<pre id="app"></pre>`

```js
//Vanilla JS
const preEl = document.getElementById("app");
//Vanilla JS new dom api
const preEl = document.querySelector("#app");
//jQuery
const preEl = $("#app");
```

3. Have your data on a variable

```js
const data = {};
```

> Optional: To make DOM reactivity, just wrap your data via reactive function before mount it.

```js
import { reactive } from "object-visualizer";

const data = reactive({});
```

4. Use mount function

```js
mount(data, preEl);
```

5. Thats it!!

## Options

```ts
const options = {
  rootName: string,
  getKeys: (object: any, path: string[]) => {
    return Object.keys(object).sort();
  },
  expandOnCreatedAndUpdated: (path: string[]) => {
    return true;
  },
};

mount(data, preEl, options);
```

## License

[MIT](https://github.com/iendeavor/object-visualizer/blob/master/LICENSE)

## Donate

If this library helped you out feel free to donate.

<a href="https://www.buymeacoffee.com/iendeavor"><img src="https://img.buymeacoffee.com/button-api/?text=Help me keep working on OSS&emoji=&slug=iendeavor&button_colour=BD5FFF&font_colour=ffffff&font_family=Comic&outline_colour=000000&coffee_colour=FFDD00"></a>
npm package: @lang0909/react-native-alpha-flat-list
Description: A simple and fully customizable React Native component that implements Alphabetical List
Author: lang0909
Latest version: 0.0.36

# lang0909 Fork Version

# React Native Alpha Flat List

A simple and fully customizable React Native component that implements Alphabetical List

version for lang0909

## Getting Started

```
$ npm install --save @lang0909/react-native-alpha-flat-list
```

## Example

## Usage

Import the `AlphaFlatList` component from `react-native-alpha-flat-list` and use it like so:

```jsx
import React from "react";
import { SafeAreaView, View, Text } from "react-native";

import AlphaFlatList from "react-native-alpha-flat-list";

const ITEM_HEIGHT = 20;

const items = Array.from({ length: 500 }, () => {
  return {
    id: "_" + Math.random().toString(36).substr(2, 9),
    name: Math.random().toString(36).substring(7).replace(/[0-9]/g, ""),
  };
});

const data = items.sort((previous, next) =>
  previous.name.localeCompare(next.name)
);

export default function App() {
  const renderItem = ({ item }) => (
    <View style={{ height: ITEM_HEIGHT, paddingLeft: 20 }}>
      <Text>{item.name}</Text>
    </View>
  );

  const keyExtractor = ({ id }) => id;

  return (
    <SafeAreaView style={{ flex: 1 }}>
      <AlphaFlatList
        data={data}
        initialNumToRender={data.length}
        keyExtractor={keyExtractor}
        renderItem={renderItem}
        itemHeight={ITEM_HEIGHT}
        listStyle={{ paddingLeft: 10 }}
        sidebarLetterStyle={{ fontWeight: "bold" }}
        sidebarLetterActiveStyle={{ color: "red" }}
      />
    </SafeAreaView>
  );
}
```