open-index/open-npm huggingface dataset:
npm package: @modfy/tldraw
Description: A tiny little drawing app (editor)
Author: @steveruizok
Latest version: 1.10.6

<div style="text-align: center; transform: scale(.5);">
  <img src="https://github.com/tldraw/tldraw/raw/main/assets/card-repo.png"/>
</div>

![A screenshot of the tldraw web app](./assets/screenshot.png)

Welcome to the [tldraw](https://tldraw.com) monorepo.

🙌 Questions? Join the [Discord channel](https://discord.gg/SBBEVCA4PG) or start a [discussion](https://github.com/tldraw/tldraw/discussions/new).

💕 Love this project? Consider [becoming a sponsor](https://github.com/sponsors/steveruizok?frequency=recurring&sponsor=steveruizok).

## Contents

This repository is a monorepo containing two packages:

- [**packages/tldraw**](https://github.com/tldraw/tldraw/tree/main/packages/tldraw) contains the source for the [@tldraw/tldraw](https://www.npmjs.com/package/@tldraw/tldraw) package. This is an editor as a React component named `<Tldraw>`. You can use this package to embed the tldraw editor in any React application.
- [**packages/core**](https://github.com/tldraw/tldraw/tree/main/packages/core) contains the source for the [@tldraw/core](https://www.npmjs.com/package/@tldraw/core) package. This is a renderer for React components in a canvas-style UI. It is used by `@tldraw/tldraw` as well as several other projects.

...and three apps:

- [**apps/www**](https://github.com/tldraw/tldraw/tree/main/apps/www) contains the source for the [tldraw.com](https://tldraw.com) website.
- [**apps/vscode**](https://github.com/tldraw/tldraw/tree/main/apps/vscode) contains the source for the [tldraw VS Code extension](https://marketplace.visualstudio.com/items?itemName=tldraw-org.tldraw-vscode).
- [**apps/electron**](https://github.com/tldraw/tldraw/tree/main/apps/electron) contains the source for an experimental Electron app.

...and three examples:

- [**examples/core-example**](https://github.com/tldraw/tldraw/tree/main/examples/core-example) is a simple example for `@tldraw/core`.
- [**examples/core-example-advanced**](https://github.com/tldraw/tldraw/tree/main/examples/core-example-advanced) is a second example for `@tldraw/core`.
- [**examples/tldraw-example**](https://github.com/tldraw/tldraw/tree/main/examples/tldraw-example) is an example for `@tldraw/tldraw`.

## Discussion

Want to connect? Visit the [Discord channel](https://discord.gg/SBBEVCA4PG).

## Contribution

Interested in contributing? See the [contributing guide](/CONTRIBUTING.md).

## Support

Need help? Please [open an issue](https://github.com/tldraw/tldraw/issues/new) for support.

## License

This project is licensed under MIT.

If you're using the library in a commercial product, please consider [becoming a sponsor](https://github.com/sponsors/steveruizok?frequency=recurring&sponsor=steveruizok).

## Author

- [@steveruizok](https://twitter.com/steveruizok)
npm package: @modfy/tsgql
Description: Making Typescript and GraphQL a pleasant experience.
Latest version: 0.0.1

# tsgql
Making Typescript and GraphQL a pleasant experience.

## What is this?
tsgql is an experimental GraphQL code generator that takes a different approach, instead of generating types from your GraphQL schema, you define your Typescript types first and use that to generate the schema.

This allows you to use the flexibility and expressiveness of Typescript's type system to create GraphQL schemas and reduce boilerplate, unlike alternatives such as [type-graphql](https://github.com/MichalLytek/type-graphql), which force you to use clunky and cumbersome classes/decorators.

It allows you to do things like this:
```typescript
export type User = {
  id: string;
  name: string;
  age: number;
};

export type Mutation = {
  updateUser: (args: { id: User['id'], fields: Partial<Omit<User, 'id'>> }) => Promise<User>
}
```
Which generates the following GraphQL schema:
```graphql
type User {
  id: String!
  name: String!
  age: Int!
}

input UpdateUserInputFields {
  name: String
  age: Int
}

type Mutation {
  updateUser(id: String!, fields: UpdateUserInputFields!): User!
}

```

Check out the examples folder for sample usage.

[Read more here](https://zackoverflow.dev/writing/tsgql).

## How it works
tsgql uses SWC to parse your Typescript schema into an AST, which is then walked and used to generate a GraphQL schema with [apollo-encoder](https://github.com/apollographql/apollo-rs/tree/main/crates/apollo-encoder).

Before the SWC step, we run your Typescript types through the TS Compiler API, which reduces them into a simpler form. This is necessary because SWC provides no such type system utilities.

This is an experimental internal tool we use at Modfy, and is subject to breaking changes and general instability.
npm package: @modfy/tsgql-linux-arm-gnueabihf
Description: This is the **armv7-unknown-linux-gnueabihf** binary for `@modfy/tsgql`
Latest version: 0.0.1

# `@modfy/tsgql-linux-arm-gnueabihf`

This is the **armv7-unknown-linux-gnueabihf** binary for `@modfy/tsgql`
npm package: @modfy/tsgql-linux-arm64-musl
Description: This is the **aarch64-unknown-linux-musl** binary for `@modfy/tsgql`
Latest version: 0.0.1

# `@modfy/tsgql-linux-arm64-musl`

This is the **aarch64-unknown-linux-musl** binary for `@modfy/tsgql`
npm package: @modfy/tsgql-linux-x64-gnu
Description: This is the **x86_64-unknown-linux-gnu** binary for `@modfy/tsgql`
Latest version: 0.0.1

# `@modfy/tsgql-linux-x64-gnu`

This is the **x86_64-unknown-linux-gnu** binary for `@modfy/tsgql`
npm package: @modfy/tsgql-linux-x64-musl
Description: This is the **x86_64-unknown-linux-musl** binary for `@modfy/tsgql`
Latest version: 0.0.1

# `@modfy/tsgql-linux-x64-musl`

This is the **x86_64-unknown-linux-musl** binary for `@modfy/tsgql`
npm package: @modfy/tsgql-win32-arm64-msvc
Description: This is the **aarch64-pc-windows-msvc** binary for `@modfy/tsgql`
Latest version: 0.0.1

# `@modfy/tsgql-win32-arm64-msvc`

This is the **aarch64-pc-windows-msvc** binary for `@modfy/tsgql`
npm package: @modfy/tsgql-win32-x64-msvc
Description: This is the **x86_64-pc-windows-msvc** binary for `@modfy/tsgql`
Latest version: 0.0.1

# `@modfy/tsgql-win32-x64-msvc`

This is the **x86_64-pc-windows-msvc** binary for `@modfy/tsgql`
npm package: @modified/image
Description: Nuxt Image Module
Latest version: 0.0.4-beta4

[![@nuxt/image](https://image.nuxtjs.org/preview.png)](https://image.nuxtjs.org)

# Nuxt Image

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Checks][checks-src]][checks-href]
[![Codecov][codecov-src]][codecov-href]
[![License][license-src]][license-href]

> Optimised images for [NuxtJS](https://nuxtjs.org), with progressive processing, lazy-loading, real-time resizes and providers ([IPX](https://github.com/nuxt-contrib/ipx), [Cloudinary](https://cloudinary.com), [TwicPics](https://www.twicpics.com/), etc).

```html
<NuxtImage src="/image.png" width="500" height="200" />
```

:warning: This module is still a work in progress, please be careful.

- [✨ &nbsp;Release Notes](https://image.nuxtjs.org/releases)
- [📖 &nbsp;Documentation](https://image.nuxtjs.org)

## Contributing

You can contribute to this module online with CodeSandBox:

[![Edit @nuxt/image](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/nuxt/image/tree/master/?fontsize=14&hidenavigation=1&theme=dark)

Or locally:

1. Clone this repository
2. Install dependencies using `yarn install`
3. Start development server using `yarn dev`

## 📑 License

[MIT License](./LICENSE)

Copyright (c) Nuxt.js Team

<!-- Badges -->
[npm-version-src]: https://flat.badgen.net/npm/v/@nuxt/image
[npm-version-href]: https://npmjs.com/package/@nuxt/image
[npm-downloads-src]: https://flat.badgen.net/npm/dm/@nuxt/image
[npm-downloads-href]: https://npmjs.com/package/@nuxt/image
[checks-src]: https://flat.badgen.net/github/checks/nuxt/image/master
[checks-href]: https://github.com/nuxt/image/actions
[codecov-src]: https://flat.badgen.net/codecov/c/github/nuxt/image
[codecov-href]: https://codecov.io/gh/nuxt/image
[license-src]: https://img.shields.io/npm/l/@nuxt/image.svg
[license-href]: https://npmjs.com/package/@nuxt/image
npm package: @modii/tscpaths
Description: Replace absolute paths to relative paths after typescript compilation
Author: Joon Ho Cho
Latest version: 0.2.3

# tscpaths

Replace absolute paths to relative paths after typescript compilation (tsc) during compile-time.

[![npm version](https://badge.fury.io/js/tscpaths.svg)](https://badge.fury.io/js/tscpaths)
[![Dependency Status](https://david-dm.org/joonhocho/tscpaths.svg)](https://david-dm.org/joonhocho/tscpaths)
[![License](http://img.shields.io/:license-mit-blue.svg)](http://doge.mit-license.org)

## Comparison to [tsconfig-paths](https://github.com/dividab/tsconfig-paths)

\+ Compile time (no runtime dependencies)

## Getting Started

First, install tscpaths as devDependency using npm or yarn.

```sh
npm install --save-dev @modii/tscpaths
# or
yarn add -D @modii/tscpaths
```

## Add it to your build scripts in package.json

```json
"scripts": {
  "build": "tsc --project tsconfig.json && tscpaths -p tsconfig.json -s ./src -o ./out",
}
```

### Options

| flag         | description                                        |
| ------------ | -------------------------------------------------- |
| -p --project | project configuration file (tsconfig.json)         |
| -s --src     | source code root directory                         |
| -o --out     | output directory of transpiled code (tsc --outDir) |

You need to provide -s (--src) and -o (--out), because it's hard to predict source and output paths based on tsconfig.json.

I've tried a little and failed. :(

`tsc` does some magic to determine source and output paths and I haven't dived too deep to mimic it.

For now, it's simpler to provide the paths manually.

If you know how, Pull Requests are welcome!

# Disclaimer !!!!!

This is not a mature project yet.

It works for my setup so far.

It may not work correctly if your setup is too complicated, so please do some testing before pushing it to production!!!
npm package: @modiphy/copyright
Description: Reusable copyright with year and Modiphy logo
Author: Neil Dingeldein
Latest version: 0.1.5

# Modiphy Copyright
### simple example
```html
<div id="modiphy-copyright">
</div>

<script src="https://cdn.jsdelivr.net/npm/@modiphy/copyright@latest/dist/index.js"></script>
<script>
 addCopyright('#modiphy-copyright',{
  companyName: 'Cancare, Inc.'
 })
</script>
```

### with all the options
```html
<script>
 addCopyright('#modiphy-copyright',{
  companyName: 'Southeast Community Health Systems',
  color: '#ccc', // inherit
  logoColor: '#fff', // currentColor
  logoHoverColor: '#f00', // currentColor
  logoHeight: '2em', // 1.25em
  logoMargin: '0.25em 0 0 0.3em', // '0.25em 0 0 0.3em',
  pipeColor: '#ff0', // inherit
  pipeOpacity: 1, // 0.5
  pipeMargin: '0 1em', // 0 0.5em
  hideBuiltBy: false, // false
 })
</script>
```
npm package: @modix/smarty-tmlanguage
Description: TextMate grammar files for Smarty 3 for VS Code, Sublime Text, and Atom
Author: Modix GmbH
Latest version: 1.1.0

# smarty-tmlanguage

This repository contains TmLanguage files that can be consumed by [Smarty 3](https://www.smarty.net/docs/en/) editors and plugins such as [Visual Studio Code](https://github.com/Microsoft/vscode), [Sublime Text](https://www.sublimetext.com), [Atom](https://atom.io), and possibly others.

Latest version of the grammar can be also found as a [VSCode extension](https://marketplace.visualstudio.com/items?itemName=Modix.mx-smarty).

<img src="https://cdn.jsdelivr.net/gh/Modix/smarty-tmlanguage/screenshot.png" width="100%" />

## Installation
``` sh
npm install @modix/smarty-tmlanguage --save
```

## Known restrictions

Currently, the following features of Smarty 3 are not implemented:

- Ternary operator (`{$a ? $b : $c}`)
- Line-breaks within modifiers
- `nocache` pseudo attribute (`{$var nocache}`)
- Method calls with parentheses (`$smarty->clearAllCache()`)
- Object property accesstor `->`
- Object method chaining (`{$object->method1($x)->method2($y)}`)
- Opening and closing `{strip}` everywhere

The rules have a high understanding of the structure of the document, or with other words, they are very restrictive. This means, if you close a block (e.g. `{/if}`) without to open it, the highlighter will show that with wrong colorization, because in the case of the `{/if}`, it assumes that you try to divide nothing by the unquoted string "if", since this operation has higher priority than an unallowed `{/if}` statement.

The same counts if you open an `{if}` in a HTML comment, but close it outside, or if a HTML tag is not closed correctly (e.g. `{if $link !== ''}<a href="...">My Link</a{/if}`).
npm package: @modkit-org/aksel-icons-vue
Description: Aksel Icons Vue (unofficial)
Author: ModKit
Latest version: 3.0.0

# @modkit-org/aksel-icons-vue

Unofficial Vue component wrapper for Aksel icons.

## Attribution and license

This package contains icons taken from NAV Aksel:

- https://github.com/navikt/aksel
- https://github.com/navikt/aksel/tree/main/%40navikt/aksel-icons

The upstream icons are licensed under the MIT License. To comply with MIT requirements, the copyright notice and permission notice are included in this repository's [LICENSE](./LICENSE).

## Installation

```bash
# npm
npm install @modkit-org/aksel-icons-vue

# yarn
yarn add @modkit-org/aksel-icons-vue

# pnpm
pnpm add @modkit-org/aksel-icons-vue
```

## Usage

Import icons directly from the package root:

```vue
<script setup lang="ts">
import { ArrowDownIcon, DogHarnessIcon } from "@modkit-org/aksel-icons-vue";
</script>

<template>
  <ArrowDownIcon size="20" aria-label="Expand" />
  <DogHarnessIcon size="1.5em" title="Dog harness" />
</template>
```

## Props

All icon components support the same props:

- `size`: `string | number` (default: `"1em"`)
- `title`: `string` (optional)
- `ariaLabel`: `string` (optional)

### Accessibility behavior

- If `ariaLabel` or `title` is set, the icon is announced as an image (`role="img"`).
- If neither is set, the icon is treated as decorative (`aria-hidden="true"`).

## Requirements

- Vue `^3.3.0`

## Vite troubleshooting

This package ships a runtime JS entry (`dist/index.mjs`) to improve bundler compatibility.

If your setup still fails during Vite dependency optimization, exclude it from pre-bundling as a fallback.

For Yarn PnP users: this package sets `preferUnplugged: true` so Yarn can automatically unzip it for tools like Vite/esbuild that may fail on virtual zip paths.

```ts
// vite.config.ts
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

export default defineConfig({
  plugins: [vue()],
  optimizeDeps: {
    exclude: ["@modkit-org/aksel-icons-vue"],
  },
  // Only needed for SSR frameworks (Nuxt, custom SSR, etc.)
  ssr: {
    noExternal: ["@modkit-org/aksel-icons-vue"],
  },
});
```
npm package: @modkit-org/kompass
Description: Accessible web components following WCAG 2.1 AA and Norwegian regulations
Author: Modkit
Latest version: 0.2.0

# @modkit-org/kompass

> ⚠️ **Work in Progress** - This package is under active development. APIs may change.

Zero-dependency vanilla web components with accessibility in mind.

## Installation

```bash
npm install @modkit-org/kompass
```

## Usage

Import and use components directly:

```javascript
import '@modkit-org/kompass';
```

Use in HTML:

```html
<mk-button variant="primary">Click me</mk-button>
<mk-input label="Email" type="email"></mk-input>
<mk-alert variant="info" title="Note">This is an alert.</mk-alert>
```

## Customization

Components expose CSS custom properties for theming:

```css
mk-button {
  --mk-button-primary-bg: #1e3a5f;
  --mk-button-border-radius: 0.5rem;
}
```

## Browser Support

Requires browsers with support for:
- Custom Elements v1
- Shadow DOM v1
- CSS Custom Properties

## License

MIT © ModKit
npm package: @modl-dev/cli
Description: CLI for generating MODL modules and tests
Author: migarci2
Latest version: 0.1.0

# modl CLI

Code generator for MODL modules. It is explicit and template-driven: the CLI writes Solidity modules and tests to your project; it does not run migrations or spin up chains.

## Install

```bash
npm install -g @modl/cli
# or locally
npm install --save-dev @modl/cli
```

## Commands

- `modl init` — create `modl.config.json` with sensible defaults and ensure module/test folders exist.
- `modl template:list` — list available templates.
- `modl module:new <Name> [-t template] [--force]` — generate a module and test from a template.

## Config

`modl.config.json` lives in your project root:

```json
{
  "modulesDir": "src/modules",
  "testsDir": "test/modules",
  "defaultTemplate": "basic",
  "projectType": "foundry",
  "solidityVersion": "0.8.26"
}
```

Use `modl init` to create it. Update paths if your layout differs.

## Templates

Templates live inside the CLI and are rendered with simple placeholders:

- `basic` — empty MODLmodule skeleton.
- `fhenix-credentials` — encrypted-credential gating module (Fhenix).
- `fhenix-async` — async FHE task pattern (CoFHE-style).
- `eigen-oracle` — module consuming a freshness-checked EigenLayer oracle.
- `eigen-task` — module posting async tasks to an EigenLayer AVS.

Each template ships `Module.sol.tpl` and `Module.t.sol.tpl`. Placeholders:

- `{{MODULE_NAME}}` — contract name.
- `{{MODULE_FILE_NAME}}` — file name stem (usually same as name).

## Typical flow

```bash
# initialize
modl init

# list templates
modl template:list

# create a basic module
modl module:new LimitOrders

# Eigen oracle-based module
modl module:new EigenDynamicFee -t eigen-oracle

# Fhenix credentials-based module (requires @fhenixprotocol/cofhe-contracts)
modl module:new FhenixWhitelist -t fhenix-credentials
```

## Notes on deps

- Fhenix templates import `@fhenixprotocol/cofhe-contracts` via `@modl/core` base modules. Install it and set Foundry remappings if needed.
- Eigen templates rely on the generic interfaces shipped in `@modl/core`; AVS-specific wiring lives in your project.
npm package: @modlin.dev/terminal
Description: Terminal utilities for customization and more
Author: Hiroshi Modlin
Latest version: 1.1.0

# Terminal

### JavaScript Libary that has Terminal Utilities like Logging, Chalk, Gradients, Prompt and more coming.

by [Hiroshi Modlin](https://github.com/modlin-dev)

## Installation

```bash
npm install @modlin.dev/terminal ## Node.js
bun add @modlin.dev/terminal ## Bun
```

## Examples

```js
// Logging
import { Logger } from "@modlin.dev/terminal/logger";

// Create own Logger
const logger = new Logger.Standard({ gap: ":" });
logger.log("Hello, world!"); // [12:30 PM] : Hello, world!

const server = new Logger.Server({ gap: ">" });
server.log("Hello, world!"); // 06/11/2024 12:30:00 PM > Hello, world!

// Or use default
import { logger, server } from "@modlin-dev/terminal/logger";
logger.log("Hello, world!"); // [12:30 PM] > Hello, world!
server.log("Hello, world!"); // 06/11/2024 12:30:00 PM - Hello, world!

// Chalk
import { Chalk } from "@modlin-dev/terminal/chalk";

// Use custom Colors
Chalk.Forground.RGB(215, 58, 73, "Hello, world!");

// Or use default
Chalk.Forground.Red("Hello, world!");

// And More
```
npm package: @modlycrew/c2e
Description: c2e is a Mocha/Chai & Cypress.io test scaffolding helper to produce end-to-end test files mapping organizational (c)apabilties to(2) (e)xpected outcomes / criteria (i.e. expect(A).to.equal(B), cy.get().contains(), etc)
Author: community@modlycrew.com
Latest version: 0.0.2

# C2E - Test Scaffolding

c2e is a Mocha/Chai & Cypress.io test scaffolding helper loosely aligned with TOGAF, Agile & other common concepts to produce end-to-end test files mapping organizational (c)apabilties to(2) (e)xpected outcomes / criteria (i.e. expect(A).to.equal(B), cy.get().contains(), etc)

🚨 c2e is currently under 'organic' development, any use or contribution is more than welcome 🙏

### <u>Input ~~JSON~~YAML file</u>

C2E currently processes ~~JSON~~YAML files using the following basic structure;</br>
See `.\examples\example-input.c2e.yaml'` for more detail.

```
|-> Version
|-> Capability
    \-> Storyboard
        |-> Action(s)
        \-> Scene(s)
            |-> Action(s)
            \-> User Story(s)
                |-> Action(s)
                \-> Criteria(s)
                    \-> Expectation(s)
```

Note: only variables on the 1st line of code under an Action will be hoisted.
Note: for object validation using json-schema the schema needs to be added to the ajv object e.g. `ajv.addSchema(schema,schemaID)`. To validate an object in an Expectation call `validateObject(object,schemaID)`.

## <u>Usage</u>

From the folder containing \*.c2e.~~json~~yaml file(s) run `c2e`</br>
In the current folder C2E will generate folders & files for each Storyboard e.g.`".\{Capability}\{Version} {Capability} {Storyboard}.spec.js"`

## <u>Roadmap</u>

- [x] Define input `*.c2e.ymal` file structure & output folder(s) / `*.spec.js` file(s) structure
- [x] Generate Cypress.io ready `*.spec.js` file(s) with basic test types from `*.c2e.json` file(s)
- [x] Add support for object validation tests using AJV, json-schema to be loaded from \*.json file(s)
- [ ] Add `*.c2e.json` schema validation & feedback
- [x] ~~Update `*.c2e.json` file(s) from `*.spec.js` file(s) structure (i.e. enable 'round trip' generation)~~ Cancelled: Replaced through use of watching \*.c2e.yaml files to allow update on change & using Cypress.io file watching mode.
- [ ] Add `*.c2e.yaml` GUI editor

## <u>Change Log</u>

- 0.0.2 Changes to input file format & added functionality;
  - Changed input format from .json to .yaml to make generation of inputs easier for non-technical users, support of multiline editing & use of code highlighting tools (e.g. https://github.com/iuyoy/highlight-string-code)
  - Added support for hoisting variables up one grouping
  - Added support for hoisting imports to start of .spec.js
  - Added support for object validation using AJV
  - Changed to file watching & re-writting of .spec.js files on .c2e.yaml change (...works with Cypress.io in watch mode)
- 0.0.1 Initial release

<i>[...by the Modly community](mailto:community@modlycrew.com)</i>