open-index/open-npm huggingface dataset:
npm package: @greyskullrocks/css-modules-ts-loader
Description: Drop-in replacement for css-loader to generate typings for your CSS-Modules on the fly in webpack
Author: Hugo Nogueira
Latest version: 1.0.3
Deprecated: this package has been deprecated

[![codecov](https://codecov.io/gh/greyskullrocks/css-modules-ts-loader/branch/master/graph/badge.svg)](https://codecov.io/gh/greyskullrocks/css-modules-ts-loader)

# css-modules-ts-loader

The `css-modules-ts-loader` creates a `.d.ts` file with css classes and ids to be imported by typescript.

## Getting Started

First, you'll need to install `css-modules-ts-loader`:

```console
npm install --save-dev @greyskullrocks/css-modules-ts-loader
```

And then configure your webpack config file:

**webpack.config.js**

```js
module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          "style-loader",
          {
            loader: "@greyskullrocks/css-modules-ts-loader",
            options: {
              banner: "Hey, css-modules-ts-loader created this file for you!"
            }
          },
          {
            loader: "css-loader",
            options: {
              modules: true,
              localsConvention: "camelCaseOnly"
            }
          }
        ],
        exclude: /\.module\.css$/
      }
    ]
  }
};
```

## How it works?

This loader depends on `css-loader` and the `modules` option to be enabled.

## Options

|          Name           |        Type         | Default | Description                                                        |
| :---------------------: | :-----------------: | :-----: | :----------------------------------------------------------------- |
| **[`banner`](#banner)** | `{Boolean\|String}` | `true`  | Creates a message at the beginning of each generated `.d.ts` file. |

### `banner`

Type: `{Boolean\|String}`
Deafault: `true`

Creates a message at the beginning of each generated `.d.ts` file. You can specify your own message by passing your own string.

## License

[MIT](./LICENSE)
npm package: @greyskullrocks/eleventy-plugin-external-links
Description: An eleventy plugin to enforce safe external links
Author: Hugo Nogueira
Latest version: 1.1.2
Deprecated: this package has been deprecated, please use : @sardine/eleventy-plugin-external-links

# `@greyskullrocks/eleventy-plugin-external-links`

> TODO: description

## Usage

```
const eleventyPluginExternalLinks = require('@greyskullrocks/eleventy-plugin-external-links');

// TODO: DEMONSTRATE API
```
npm package: @greysonevins/use-local-storage
Description: custom localStorage hook to control for deleting and updating. Created from @gragland blog about useLocalStorage but adjusted for my use. https://usehooks.com/useLocalStorage/
Author: greysonevins
Latest version: 1.1.0

# @greysonevins/use-local-storage

> custom localStorage hook to control for deleting and updating. Created from @gragland blog about useLocalStorage but adjusted for my use. https://usehooks.com/useLocalStorage/

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

## Install

```bash
npm install --save @greysonevins/use-local-storage
```

## Usage

```jsx
const App = () => {

  // takes two parameters at initilization. First is the key for localStorage and the second is the initial value.
  // will check if key exists and use existing, or create localStorage key value pair if not.
 
  const [localStorage, setLocalStorage] = useLocalStorage('test', '')
  const [exampleText,setExampleText] = useState('')

  // to delete
  // setLocalStorage(null)
  return (
    <div>
      <p>Current Local Storage: {!! localStorage ? localStorage : 'undefined'}</p>
      <input
        onChange={(e) => setExampleText(e.target.value)}
        placeholder={'set text'}
        value={exampleText}
      />
      <button
        onClick={
          () => {
            setLocalStorage(exampleText);
            setExampleText('');
          }
        }
      >
        Change Local Storage
      </button>
      <button
        onClick={() => setLocalStorage(null)}
      >
        delete localStorage
      </button>
    </div>
  )
}
```

## License

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

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).
npm package: @greyw0rks/celotip
Description: Community tipping dApp on Celo, compatible with MiniPay. Send USDm tips to community members with on-chain leaderboard.
Author: greyw0rks
Latest version: 0.1.0

# CeloTip 💸

> A community tipping dApp on Celo, fully compatible with MiniPay.

Send cUSD tips to community members, see a live leaderboard of top givers and receivers, and leave shoutout messages — all on-chain.

---

## Features

- ⚡ **MiniPay auto-connect** — detects MiniPay environment and connects instantly
- 💚 **cUSD tipping** — send Celo's native stablecoin to any address
- 🏆 **Live leaderboard** — top tippers and most-tipped members
- 📜 **On-chain feed** — every tip stored and queryable from the contract
- 📱 **Mobile-first UI** — designed for MiniPay's screen size

---

## Quick Start

### 1. Install dependencies

```bash
npm install
```

### 2. Deploy the contract

```bash
# Install hardhat deps
npm install --save-dev hardhat @nomicfoundation/hardhat-toolbox dotenv

# Set your private key
echo "PRIVATE_KEY=0x..." > .env

# Deploy to Celo mainnet
npx hardhat run scripts/deploy.ts --network celo
```

Copy the deployed address into `lib/constants.ts`:

```ts
export const CELOTIP_ADDRESS = "0xYourDeployedAddress" as const;
```

### 3. Run the app

```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) with a browser that has a Celo wallet (or open in MiniPay).

---

## MiniPay Compatibility

The `useMiniPay` hook (`hooks/useMiniPay.ts`) handles everything:

- Detects `window.ethereum.isMiniPay`
- Auto-connects without a wallet modal
- Reads cUSD balance from Celo mainnet
- Enforces chain ID 42220

---

## Proof of Ship Checklist

- [x] MiniPay hook (`useMiniPay.ts`) added
- [x] App compatible with MiniPay (auto-connect, cUSD, mobile UI)
- [ ] Deploy `CeloTip.sol` on Celo mainnet → paste address in `constants.ts`
- [ ] Verify humanity (Self / Worldcoin / Coinbase)
- [ ] Submit project to campaign

---

## Contract

`CeloTip.sol` — peer-to-peer cUSD tipping with on-chain event log.

| Function | Description |
|---|---|
| `tip(recipient, amount, message)` | Send cUSD tip + emit event |
| `getRecentTips(offset, limit)` | Paginated tip history |
| `totalSent[address]` | Total cUSD sent by address |
| `totalReceived[address]` | Total cUSD received by address |

---

## Project Structure

```
celotip/
├── app/
│   ├── layout.tsx          # Root layout
│   ├── page.tsx            # Main page
│   ├── providers.tsx       # wagmi + react-query
│   └── globals.css
├── components/
│   ├── SendTipModal.tsx    # Tip form bottom sheet
│   └── Leaderboard.tsx    # Feed + rankings
├── contracts/
│   └── CeloTip.sol        # Solidity contract
├── hooks/
│   ├── useMiniPay.ts      # ⚡ MiniPay integration hook
│   └── useTipping.ts      # Tip flow (approve + send)
├── lib/
│   └── constants.ts       # Addresses + ABIs
└── scripts/
    └── deploy.ts          # Hardhat deploy script
```
npm package: @greyworld/code-check-cli
Description: AI-powered code review CLI tool
Author: greyworld
Latest version: 1.0.1

# @greyworld/code-check-cli

Command line interface for `@greyworld/code-check-core`.

## Install

```bash
pnpm add -g @greyworld/code-check-cli
```

or run without global install:

```bash
npx @greyworld/code-check-cli list workflow
```

## Usage

```bash
code-check list workflow
```

List all available workflows.

```bash
code-check <workflow_name> <file_path>
```

Run a specific workflow on a file.

```bash
code-check resource-check <providerRoot> <serviceName> <resourceName> <resourceType>
```

Run the built-in `resource-check` workflow.

- `resourceType`: `resource` or `data-source`

## Examples

```bash
code-check list workflow
code-check resource-check ./terraform-provider-foo ecs instance resource
```

## Exit Code

- `0`: all checks passed
- `1`: check failed or invalid arguments

## License

MIT
npm package: @greyworld/code-check-core
Description: AI-powered code review core library
Author: greyworld
Latest version: 1.0.1

# @greyworld/code-check-core

AI-powered code review core library.

## Install

```bash
pnpm add @greyworld/code-check-core
```

## Quick Start

```ts
import { CodeChecker } from "@greyworld/code-check-core";

async function main() {
  const checker = new CodeChecker({
    llm: {
      apiKey: process.env.DASHSCOPE_API_KEY,
      baseUrl: process.env.DASHSCOPE_BASE_URL,
      model: process.env.QWEN_MODEL,
    },
  });

  await checker.initialize();

  const report = await checker.check({
    workflowId: "resource-check",
    code: JSON.stringify({
      providerRoot: "/path/to/terraform-provider-example",
      serviceName: "ecs",
      resourceName: "instance",
      resourceType: "resource",
    }),
  });

  console.log(report);
}

main().catch((err) => {
  console.error(err);
  process.exit(1);
});
```

## API

- `CodeChecker`: main entry for workflow registration and execution.
- `initialize()`: initializes checker and built-in workflows.
- `check({ workflowId, code })`: runs a workflow against input content.
- `listWorkflows()`: lists available workflows and rule metadata.

## License

MIT
npm package: @grfzhl/hypersphere-cli
Description: A CLI builder for hypersphere
Author: Oliver Schörwerth
Latest version: 0.1.19

# hypersphere-cli
CLI tools for the [hypersphere](https://codeberg.org/grfzhl/hypersphere) app framework.

Server side rendered bun app based on [mithril](https://github.com/MithrilJS/mithril.js) powered by [Bun](https://bun.sh/). Minimum dependencies.
Fetch backend directly through SQL queries.

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)


## Prerequiries
You need to install bun. Use the official [documentation](https://bun.sh/docs/installation)


## Installation
Install globally. If cloned from the git repository, do:
```
npm install -g .
```


# Usage
go to a new project folder and execute
```
hypersphere-cli new-project your-project-name
```

create a new component
```
hypersphere-cli new-component your-component-name
```

## Feedback
If you have any feedback, please reach out to us at info@grafzahl.io


## Authors
- [@grafzahl-io](https://github.com/grafzahl-io)
npm package: @grfzhl/runite
Description: a lightweight frontend framework library
Author: Oliver Schörwerth
Latest version: 0.2.12

# runite

A lightweight frontend framework library for
[mithril](https://github.com/MithrilJS/mithril.js)

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)

runite is based on the style library [rovolon](https://codeberg.org/grfzhl/rovolon) which
provides a ready-to-go design system based on [open-props](https://github.com/argyleink/open-props).

**This package is still under development** - There is no permanent structure or API yet.

## Add new components

Create a new UI component with `bun generate ui-component`

## Usage

install with

`bun add @grfzhl/runite`

then you can use it in your view by
loading a component and importing it

```
import { Demo } from '@grfzhl/runite';

m(Demo)
```

### Load themes

You can load themes from rovolon by importing the index file of the
theme with the proper theme-key as filename from `/assets/style/theme/`.

Then you can load the compiled theme css file in your html file.
The import should be ruled as the `theme` layer:
```
@import url('@grfzhl/rovolon/dist/ocean/theme.css') layer(theme);
```

## Feedback

If you have any feedback, please reach out to us at info@grafzahl.io


## Authors

- [@grafzahl-io](https://github.com/grafzahl-io)


### Future improvements

A list of things that should be done differently or
need to be scalable, which is by now just a workaround to get
started quickly

- build process must me more accurate, also the build process contains parts, that are
coupled to the rovolon library
- adding a project scaffolding
- css modules are loaded in a whole, but it should be looked up in code, which ones are used
- any labels should be parametrized to let the project handle the i18n
npm package: @grgmgd/app-badge
Description: Easily add shields and badges to your app icons
Author: George
Latest version: 1.0.0

# app-badge

Easily add badges to your app icons

insprired by https://github.com/HazAT/badge. This is a minified version of the package without installing all the dependencies required by fastlane.

This is particularly useful when you have multiple release channels for your app and you need to show the status of different builds.

- Works with iOS
- Works with android
- Works with react-native

## Installation

```bash
$ yarn global add @grgmgd/app-badge
```

or

```bash
$ yarn add -D @grgmgd/app-badge
```

## Usage

Using it with the default options, just run:

```bash
$ app-badge --shield Staging-2.6.0-orange
```

You'll have to pass a valid shield name as described in [shields.io](https://shields.io/)

### You can also pass the following options to customize the behaviour

| Option  |                           Description                            |  Default |
| ------- | :--------------------------------------------------------------: | -------: |
| shield  |        Shield name from [shields.io](https://shields.io/)        |          |
| gravity |           Badge alignment with respect to the app icon           | "center" |
| scale   |          Badge scale with respect to the app icon size           |      0.5 |
| glob    | Passing a different regex path for the package to look for icons |          |

Default `glob` value is defined in `lib/index.js` and is configured to work out of the box with `react-native`. But it should work with `ios` and `android` too, you'll have to change the glob in order for it to work though.
npm package: @gri4d/react
Description: react component for @gri4d/griiiid
Author: gri4d
Latest version: 1.0.6

# @gri4d/react
React component for "@gri4d/griiiid".

## Install
```
npm i -S @gri4d/react
```

## How to Use
```javascript
import ReactGRi4D from "@gri4d/react";

<ReactGRi4D {...props} />
```
See <a href="https://github.com/gri4d/react/blob/main/dev/esm-react-esbuild.tsx" target="_blank">https://github.com/gri4d/react/blob/main/dev/esm-react-esbuild.tsx</a> for example.
npm package: @grial/server
Description: The Grial server
Author: Sergio Daniel Xalambrí
Latest version: 1.5.1

# @grial/server
The GraphQL server module of Grial

## Required enviroment variables
- NODE_ENV => the app running environment (default `development`)
- BASE_PATH => the path where the required files are located (default `.`)
- PORT => the app running port
- HOST => the app running host
- PUBLIC_PORT => the app public port (default to `PORT`), required inside Docker
- PUBLIC_HOST => the app public host (default to `HOST`), required inside Docker
- SUBSCRIPTION_PATH => the app subscriptions path (default `subscriptions`)
- SSL_ENABLED => if the app is running with SSL (HTTPS and WSS)

## Usage
Install it

```bash
npm i @grial/server
```

Then run `@grial/cli`

```bash
grial start
```

It will load it and use it to start your API server.

## Custom usage
You can avoid `@grial/cli` and just create a `server.js` file with a code similar to this.

```js
const Grial = require('@grial/server');
const { createServer } = require('http');

const api = new Grial(process.env);
const handle = api.getRequestHandler();

api.prepare()
  .then(() => {
    const server = createServer(handle);
    server.listen(3000);
  })
  .catch(error => {
    console.error(error);
    process.exit(0);
  })
```

That way you can run a Express application and use the Grial request handler for your API, it will handle the /graphql and /ide urls and call the next middleware if the URL doesn't match.

It also allow you use use something like `nodemon` to watch file changes in your API.
npm package: @gribadze/blueprint
Description: Project creation tool
Author: Dmitry Fiodorov
Latest version: 1.1.1

# Blueprint 

Fast project creation 

_by Gribadze_

## Supported scripts

- ```npm start``` - run src/index
- ```npm test``` - run tests configured by jest.config.js
- ```npm run coverage``` - run tests with coverage analytics
- ```npm run prettier``` - run prettier configured by prettier.config.js
- ```npm run lint``` - run eslint or tslint with fix flag 

### Happy codding!