open-index/open-npm huggingface dataset:
npm package: @glideapps/prettier-plugin-glide-tailwind
Description: Formatting and sorting for glide tailwind classes
Author: Original author - Ari Seyhun | Modified by Bry Nguyen
Latest version: 4.2.2

<p align="center">
  <img src="https://i.imgur.com/lq4gw9K.jpeg">
</p>

<h1 align="center">Prettier Plugin Tailwind</h1>

<div align="center">
	Format long tailwind classes with Prettier plugin
</div>

<br>

Supports

-   CSS (@apply directive)
-   ReactJS (JSX, TSX)
-   [twin.macro](https://github.com/ben-rogerson/twin.macro)

**Go from this:**

```html
<div
    tw="px-4 font-normal text-center w-32 h-32 object-cover mb-2 gp-sm:text-base gp-lg:text-lg gp-xl:(text-xl text-right)"
></div>
```

**To this:**

```html
<div
    tw="px-4 font-normal text-center text-s mw-32 h-32 object-cover mb-2
       	gp-lg:text-lg
       	gp-xl:(text-xl text-right)"
></div>
```

This plugin reads your `tailwind.config.js` to sort tailwind classes in your project.

## Installation

Install Prettier and the plugin into your project locally:

**Glide engineers, please install this in /app**

```bash
npm install --save-dev @glideapps/prettier-plugin-glide-tailwind
```

## Testing locally

First thing to do is make sure you have modified the:

-   `SET_CONFIG_PATH`
-   `NODE_CONFIG_PATH`
    that are found in `src/utils/testing-envs.ts`

```bash
    yarn install
    yarn build
    yarn package
    npm run test
```

results will be saved to `test_formatted.tsx`
npm package: @glideapps/tables
Description: Client for Glide API
Author: typeguard, Inc.
Latest version: 1.0.21

# Glide Tables Client

## Setup

Install package:

```shell
npm install @glideapps/tables
```

Import it:

```ts
import * as glide from "@glideapps/tables";
```

Generate a client:

```shell
# Interactive:
npx @glideapps/tables

# One-shot
GLIDE_TOKEN=... npx @glideapps/tables [APP_ID] [FILE_NAME]
```

## Authorization

Set `GLIDE_TOKEN` environment variable or pass the token as props.

Using a particular client? Add `GLIDE_CLIENT_ID` environment variable or pass the value as props.

## Apps

```ts
// List all apps
const apps = await glide.getApps();

// Create a reference to an app using its ID
const myApp = glide.app("bAFxpGXU1bHiBgUMcDgn");

// Or get by name
const myApp = await glide.getAppNamed("Employee Directory");

// Get all tables
const tables = await myApp.getTables();

// Get a table by name
const users = await myApp.getTableNamed("Users");

// Get PWA manifest (name, description, icons)
const manifest = await myApp.getManifest();
```

## Tables

```ts
const inventory = glide.table({
  // App and table IDs
  app: "bAF...Dgn",
  table: "native-table-tei...",

  columns: {
    // Column names map to their types.
    // You can use this shorthand with internal names only.
    Item: "string",
    Price: "number",

    // When you want to work with display names, you'll need
    // to alias them like this.
    Assignee: { type: "string", name: "7E42F8B3-9988-436E-84D2-5B3B0B22B21F" },
  },
});

// Get all rows (Business+)
const rows = await inventory.get();

// Query rows – Big Tables only (Business+)
const rows = await inventory.get(q => q.where("Price", ">", 100));

// Add a row
const rowID = await inventory.add({
  Item: "Test Item",
  Price: 100,
  Assignee: "David",
});

// Add many rows
await inventory.add([jacket, shirt, shoes]);

// Change a row
await inventory.update(rowID, {
  Price: 200,

  // Use null to clear columns
  Assignee: null,
});

// Delete a row
await inventory.delete(rowID);

// Clear all rows (Business+)
await inventory.clear();
```

### Schema & Types

```ts
// Get table schema info (columns with names and types)
const schema = await inventory.getSchema();

// Name the row type (optional)
type InventoryItem = glide.RowOf<typeof inventory>;
```

## Queries

Big Tables can be queried using SQL.

```ts
const first10 = await items.get(q => q.limit(10));

const cheapest = await items.get(q => q.orderBy("Price"));

const expensiveInLA = await items.get(
  q => q
    .orderBy("Price", "DESC")
    .where("Quantity", ">", 10_000)
    .and("Port", "=", "Los Angeles")
    .limit(100);
);
```

## Development

```shell
nvm i
npm run build
npm t
```

## Advanced Options

You can specify an alternate Glide environment (for internal testing by Glide).

```ts
const staging = new Glide({
  endpoint: "https://staging.heyglide.com/api/container",
  /* ... */
});
```

Or with the package:

```ts
import * as glide from "@glideapps/tables";

const staging = glide.withConfig({
  endpoint: "https://staging.heyglide.com/api/container",
  /* ... */
});
```
npm package: @glideapps/ts-helper
Description: Analyze TypeScript projects
Author: Glide
Latest version: 6.0.1

# ts-helper

This is a simple TypeScript tool we use at Glide for two purposes so far:

1. It finds cyclic imports in our source files. We used to
   use [ESLint's `import/no-cycle` rule](https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/no-cycle.md)
   for this, but on our project it's both very slow and sometimes doesn't find existing cycles.
2. It outputs a dependency graph of all the TypeScript source files in our project which we can use for further
   analysis.

## Caveats

We've only implemented as much as we needed to make this work on our codebase, so there might be cases it doesn't
support, or on which it crashes on. If you run into such a case, please considering sending us a PR, or at least report
the issue with a reproduction.

A few of the things that are missing, in particular:

* We don't respect `exclude` in the project configuration.
* We only look at `import` (and `export`), not `require`.
* We treat type import calls such as `type X = import("foo").Bar` as regular "strong" imports. 

## Usage

### `-p|--project TS-PROJECT`

Adds a project.  `TS-PROJECT` can be either a directory with a `tsconfig.json` file in it, or the path to a TypeScript
config file. ts-helper will add project references recursively, but you can add more than one root project if you need
to.

### `-r|--root SOURCE-FILE`

Adds a root TypeScript source file. This file must be in one of the specified projects. You can add more than one.

### `-c|--detect-cycles`

Runs cycle detection on all the source files reachable from the roots. If it detects a cycle it will print one of the
cycles it found and exit with an error status.

Note that it only considers "strong" imports for cycle detection, vs `type` imports and lazy imports.

### `-o|--output FILENAME`

Outputs a JSON file with the dependency graph.

### `-v|--verbose`

Print messages when it's reading and processing projects.

## Example

In our main repository for Glide we have two TypeScript projects - one for the frontend and one for the backend. The
frontend one has one root source file and the backend has two - one for the actual backend and one for a CLI. Here's how
we run ts-helper to detect cycles in that codebase:

```shell
npx "@glideapps/ts-helper" \
    -p ~/Work/glide/functions \
    -r ~/Work/glide/functions/src/cli.ts \
    -r ~/Work/glide/functions/src/index.ts \
    -p ~/Work/glide/app \
    -r ~/Work/glide/app/src/index.tsx \
    -c
```
npm package: @glideapps/ts-necessities
Description: Small utilities to make life with TypeScript easier
Author: Glide
Latest version: 2.4.0

# TS Necessities

[![CI](https://github.com/glideapps/ts-necessities/actions/workflows/ci.yml/badge.svg)](https://github.com/glideapps/ts-necessities/actions/workflows/ci.yml)
[![Docs](https://img.shields.io/badge/docs-TypeDoc-blue)](https://glideapps.github.io/ts-necessities/)

These are some very basic functions and classes that we use at [Glide](https://glideapps.com/) to make coding with TypeScript easier and safer.

[📚 API Documentation](https://glideapps.github.io/ts-necessities/)

## Installation

To add the package to your own project:

```shell
$ npm install @glideapps/ts-necessities
```
npm package: @glideappsfinal/glide-data-grid-cells
Description: Extra cells for glide-data-grid
Author: Glide
Latest version: 6.0.12

<h1 align="center">
  <img src="https://raw.githubusercontent.com/glideapps/glide-data-grid/master/icon.png" width="224px"/><br/>
  <b>Glide Data Grid Cells</b>
</h1>
<p align="center">Additional cells and features for Glide Data Grid</p>

[![Version](https://img.shields.io/npm/v/@glideapps/glide-data-grid-cells?color=blue&label=latest&style=for-the-badge)](https://github.com/glideapps/glide-data-grid/releases)
[![React 16+](https://img.shields.io/badge/React-16+-00ADD8?style=for-the-badge&logo=react)](https://reactjs.org)
[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@glideapps/glide-data-grid-cells?color=success&label=bundle&style=for-the-badge)](https://bundlephobia.com/package/@glideapps/glide-data-grid-cells)
[![License](https://img.shields.io/github/license/glideapps/glide-data-grid?color=red&style=for-the-badge)](https://github.com/glideapps/glide-data-grid/blob/main/LICENSE)
[![Made By Glide](https://img.shields.io/badge/❤_Made_by-Glide-11CCE5?style=for-the-badge&logo=none)](https://www.glideapps.com/jobs)

![Data Grid](https://raw.githubusercontent.com/glideapps/glide-data-grid/master/data-grid.jpg)

Current cells

-   Star (Rating) Cell
-   Sparklines
-   Article
-   Dropdown
-   Range
-   User profile
-   Tags

# Usage

Step 1: Import the cell renderers you want to use and pass them to the grid.

```tsx
import { allCells } from "@glideapps/glide-data-grid-cells";

const Grid = () => {
    return <DataEditor customRenderers={allCells} {...rest} />;
};
```

Step 2: Use the cells in your `getCellContent` callback

```ts
import type { StarCell } from "@glideapps/glide-data-grid-cells";

const getCellContent = React.useCallback(() => {
    const starCell: StarCell = {
        kind: GridCellKind.Custom,
        allowOverlay: true,
        copyData: "4 out of 5",
        data: {
            kind: "star-cell",
            label: "Test",
            rating: 4,
        },
    };

    return starCell;
}, []);
```

## Note on ArticleCell

The ArticleCell uses `@toast-ui/editor` to provide its editor. To make sure it works correctly your project will need to import the css file it depends on.

```
import "@toast-ui/editor/dist/toastui-editor.css";
```
npm package: @glideappsfinal/glide-data-grid-source
Description: Useful data source hooks for Glide Data Grid
Author: Glide
Latest version: 6.0.12

<h1 align="center">
  <img src="https://raw.githubusercontent.com/glideapps/glide-data-grid/master/icon.png" width="224px"/><br/>
  <b>Glide Data Grid Source</b>
</h1>
<p align="center">This provides an easy to use data source for the Glide Data Grid which supports many convenient features such as sorting and menus out of the box.</p>

[![Version](https://img.shields.io/npm/v/@glideapps/glide-data-grid-source?color=blue&label=latest&style=for-the-badge)](https://github.com/glideapps/glide-data-grid/releases)
[![React 16+](https://img.shields.io/badge/React-16+-00ADD8?style=for-the-badge&logo=react)](https://reactjs.org)
[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@glideapps/glide-data-grid-source?color=success&label=bundle&style=for-the-badge)](https://bundlephobia.com/package/@glideapps/glide-data-grid-source)
[![License](https://img.shields.io/github/license/glideapps/glide-data-grid?color=red&style=for-the-badge)](https://github.com/glideapps/glide-data-grid/blob/main/LICENSE)
[![Made By Glide](https://img.shields.io/badge/❤_Made_by-Glide-11CCE5?style=for-the-badge&logo=none)](https://www.glideapps.com/jobs)

![Data Grid](https://raw.githubusercontent.com/glideapps/glide-data-grid/master/data-grid.jpg)