open-index/open-npm huggingface dataset:
npm package: @madebykarma/karmalize
Description: A brand-oriented CSS baseline inspired by modern-normalize.
Author: madebykarma
Latest version: 1.0.1

# @madebykarma/karmalize

`@madebykarma/karmalize` is a refined CSS baseline built on top of [`modern-normalize`](https://github.com/sindresorhus/modern-normalize).  It ensures consistent typography, smoother cross-browser rendering, and a reliable starting point for establishing a unified design system.

## Differences from `modern-normalize`

- Uses a base `font-size: 16px;` and `line-height: 1.5;` for improved readability.
- More broadly inherits `color`, `font-family`, and other typographic properties for cohesive branding.
- Extends resets for elements like `hr`, `abbr`, `fieldset`, and `legend`, offering a more comprehensive baseline.

## Installation

Use `npm`:

```sh
npm install @madebykarma/karmalize
```

or `yarn`:

```sh
yarn add @madebykarma/karmalize
```

## Usage

Import it in your main stylesheet:

```css
@import "@madebykarma/karmalize";
```

### Next.js (App Router) Example:

```jsx
// app/layout.js
import "@madebykarma/karmalize";

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  );
}
```

### Astro Example:

```astro
---
import "@madebykarma/karmalize";
---

<html lang="en">
  <body>
    <h1>Hello, Astro!</h1>
  </body>
</html>
```
npm package: @madebyprism/nexus-plugin-prisma
Description: <p align="center">   <img src="https://i.imgur.com/8qvElTM.png" width="300" align="center" />   <h1 align="center">@madebyprism/nexus-plugin-prisma</h1> </p>
Author: Flavian Desverne
Latest version: 0.39.1

<p align="center">
  <img src="https://i.imgur.com/8qvElTM.png" width="300" align="center" />
  <h1 align="center">@madebyprism/nexus-plugin-prisma</h1>
</p>

![trunk](https://github.com/madebyprism/nexus-plugin-prisma/workflows/trunk/badge.svg)

**Note:** A [replacement](https://github.com/prisma/nexus-prisma/) for this library is under development and available in early preview. More details in [#1039](https://github.com/graphql-nexus/nexus-plugin-prisma/issues/1039). Since the Prisma team is no longer keeping this library up to date with new Prisma versions, we have forked it.

This plugin integrates [Prisma](https://www.prisma.io/) into [Nexus](https://nexusjs.org/). It gives you an API you to project fields from models defined in your Prisma schema into your GraphQL API. It also gives you an API to build GraphQL root fields that allow your API clients to query and mutate data.

You can find the [documentation on the Nexus website](https://nexusjs.org/docs/plugins/prisma/overview).

## Installation

```
npm install @madebyprism/nexus-plugin-prisma
# OR
yarn add @madebyprism/nexus-plugin-prisma
```
npm package: @madebyspeak/vite-plugin-absolute-imports
Description: A plugin for vite to allow for aliased imports and absolute URL imports to be used in a deployed monorepo
Author: ben.bailey@speakcreative.com
Latest version: 1.2.0

# vite-plugin-absolute-imports

A plugin for vite to allow for aliased imports and absolute URL imports to be used in a deployed monorepo

## usage

```js
// vite.config.js
import { defineConfig, loadEnv } from "vite";
i;
import absoluteImports from "@madebyspeak/vite-plugin-absolute-imports";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    absoluteImports({
      importsConfig: "./imports.json",
    }),
  ],
});
```

## Options

| key             | description                                                                              |
| --------------- | ---------------------------------------------------------------------------------------- |
| `importsConfig` | The path to the json file containing your `absolute`, `url` and `absolutePaths` options. |

## Config File

This is a json file that lists out each import and alias.

### Config Example

```js
{
  // import widgetThing from @modules-shotcut/widget-thing;
  // will appear as in build:
  // import widgetThing from /modules/widget-thing/dist/1.0.0/index.js;
  "absolute": {
    "@modules-shortcut/widget-thing": "/modules/widget-thing/dist/1.0.0/index.js"
  },

  // import preact from preact;
  // will appear as in build:
  // import preact from https://esm.sh/preact@10.10.0;
  "url": {
    "preact": "https://esm.sh/preact@10.10.0",
    "preact/hooks": "https://esm.sh/preact@10.10.0/hooks"
  },

  //  The path from the current directory to the root of all common directories.
  "servePathToRoot": "../../",
  // any paths that need the servePathToRoot prePended when vite is in serve mode
  // ie. importing a module from the same domain as this module that lives at /foo/bar/modules/widget-thing and your servePathToRoot is ../../
  "absolutePaths": ["/modules", "/admin", "/public"]
}
```
npm package: @madebythread/thread-kit
Description: Toolkit for sanity studio
Author: Kegan Sovay
Latest version: 1.6.0

# @madebythread/thread-kit

A collection of opinionated plugins, fields, & components for building in Sanity Studio. Some plugins have been adapted from various users to better fit our needs.

## Installation

```sh
npm install @madebythread/thread-kit
```

## Features & Usage

### Character Count Input

Adds a little character count tag to a text or string field.

Add as a component input:

- The character limit is pulled from .max() rule. The default is 160

```ts
import { CharacterCountInput } from '@madebythread/thread-kit'

defineField({
  name: 'title',
  type: 'string',
  components: {input: CharacterCountInput},
  validation: (Rule) => Rule.required().max(70),
}),
```

### Link

**All credit to [Sanity Plugin Link Field](https://github.com/winteragency/sanity-plugin-link-field)** – This is just a modified/simplified version of their plugin. See their documentation for more. 
###### Modifications:
- No custom Links
- Adjusted input styling
- Text by default
- Validation requirements for all fields

Setup plugin in `sanity.config.ts`:
```ts
import { linkField } from '@madebythread/thread-kit'

export default defineConfig({
  //...
  plugins:[
    //...
    linkField({
      linkableSchemaTypes: pageTypes,
      enableAnchorLinks: false, //optional default is true
      enableLinkParameters: false //optional default is true
    })

  ]
})
```

### defineSlug
This is a slug input field that allows for folder a prefix. 
This component is dapted from hdoro's [slug plugin](https://github.com/hdoro/sanity-plugin-prefixed-slug) 

For frontend: can query for `slug.fullUrl` and get the prefix. But you still have access to `slug.current`

```ts
import { defineSlug } from '@madebythread/thread-kit'

defineSlug({
  name: 'slug', //required
  options: {
    url: URL, //required to show full url
    folder: 'podcast/media', //optional
    locked: true, //optional
  },
}),
```

### Forms

_Coming Soon_

## License

[MIT](LICENSE) © Kegan Sovay

## Develop & test

This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit)
with default configuration for build & watch scripts.

See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio)
on how to run this plugin with hotreload in the studio.
npm package: @madebywild/agent-harness-manifest
Description: [![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/madebywild/agent-harness)
Latest version: 1.8.0

# @madebywild/agent-harness-manifest

[![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/madebywild/agent-harness)

Zod-based schema definitions and validation for [Agent Harness](https://github.com/madebywild/agent-harness) manifest files — unified AI agent configuration management and shareable agent harness registries for Claude Code, GitHub Copilot, and OpenAI Codex.

This package provides the canonical TypeScript types and Zod schemas used by the Agent Harness framework to validate `.harness/` configuration documents (prompts, skills, MCP configs, subagents, and the manifest lock).

## Installation

```bash
pnpm add @madebywild/agent-harness-manifest
```

## Usage

```ts
import { manifestLockSchema, promptDocSchema } from "@madebywild/agent-harness-manifest";
```

## License

MIT
npm package: @madebywild/config-eslint
Description: wild's ESLint config
Author: WILD
Latest version: 0.0.2

# @madebywild/config-eslint

To use it in your project, you need to install this package, eslint and prettier:

```bash
npm i @madebywild/config-eslint eslint prettier --save-dev
```

Then, edit your projects `package.json`:

```json
{
  "eslintConfig": {
    "extends": "@madebywild/config-eslint"
  }
}
```

How to bump version:

```bash
npm version patch -m "Bumped version" && npm publish --access public
```
npm package: @madebywild/config-prettier
Description: wild's Prettier config
Author: WILD
Latest version: 0.0.2

# @madebywild/config-prettier

To use it in your project, you need to install this package and prettier:

```bash
npm i @madebywild/config-prettier prettier --save-dev
```

Then, edit your projects `package.json`:

```json
{
  "prettier": "@madebywild/config-prettier"
}
```

How to bump version:

```bash
npm version patch -m "Bumped version" && npm publish --access public
```
npm package: @madebywild/eslint-config-wild-typescript
Description: wild's ESLint typescript config
Author: Stefan Kernjak
Latest version: 0.0.5

# @madebywild/eslint-config-wild-typescript

To use it in your project, you need to install this package and eslint:

```bash
npm i @madebywild/eslint-config-wild-typescript typescript eslint --save-dev
```

Then, edit your projects `package.json`:

```json
"eslintConfig": {
  "extends": "wild-typescript"
}
```



How to bump version:

`npm version patch -m "Bumped version"`

and
`npm publish --access public`
npm package: @madebywild/prettier-config
Description: wild's Prettier config
Author: WILD
Latest version: 0.1.0

# @madebywild/prettier-config

To use it in your project, you need to install this package and prettier:

```bash
npm i @madebywild/prettier-config prettier --save-dev
```

Then, edit your projects `package.json`:

```json
{
  "prettier": "@madebywild/prettier-config"
}
```

How to bump version:

Install `np` from https://github.com/sindresorhus/np

```bash
npm run release
```
npm package: @madebywild/sanity-aspect-ratio-field
Description: > [!IMPORTANT] > This package is primarily intended for internal use.
Latest version: 1.0.1

> [!IMPORTANT]
> This package is primarily intended for internal use.

# @madebywild/sanity-aspect-ratio-field

Sanity field type for selecting and validating aspect ratios.

## Install

```bash
pnpm add @madebywild/sanity-aspect-ratio-field
```

## Configure Plugin

```ts
import { defineConfig } from "sanity";
import { wildSanityAspectRatioFieldPlugin } from "@madebywild/sanity-aspect-ratio-field";

export default defineConfig({
  plugins: [
    wildSanityAspectRatioFieldPlugin({
      // Plugin-level presets (used unless a field overrides them).
      presets: [
        "1:1",
        { label: "Portrait", value: "4:3" },
        { label: "Landscape", value: "16:9" },
      ],
    }),
  ],
});
```

## Use in Schema

```ts
import { defineField } from "sanity";

defineField({
  name: "ratio",
  type: "wild.aspectRatio",
  options: {
    // Field-level override of plugin presets.
    presets: ["", "3:2", { label: "Cinema", value: "21:9" }],
  },
});
```
npm package: @madebywild/sanity-color-field
Description: > [!IMPORTANT] > This package is primarily intended for internal use.
Latest version: 3.0.1

> [!IMPORTANT]
> This package is primarily intended for internal use.

# @madebywild/sanity-color-field

Sanity field type for curated color selection with optional filtering.

## Install

```bash
pnpm add @madebywild/sanity-color-field
```

## Configure Plugin

```ts
import { defineConfig } from "sanity";
import { wildSanityColorFieldPlugin } from "@madebywild/sanity-color-field";

export default defineConfig({
  plugins: [
    wildSanityColorFieldPlugin({
      colorList: [
        { label: "Brand Red", value: "#d92d20" },
        { label: "Brand Blue", value: "#175cd3" },
        { label: "Neutral", value: "#667085" },
      ],
      renderValue: (value) => <span style={{ backgroundColor: value, width: 16, height: 16, borderRadius: 999 }} />,
    }),
  ],
});
```

## Use in Schema

```ts
import { defineField } from "sanity";

defineField({
  name: "themeColor",
  type: "wild.color",
  options: {
    whitelist: ["#d92d20", "#175cd3"],
    blacklist: ["#667085"],
  },
});
```
npm package: @madebywild/sanity-icon-field
Description: > [!IMPORTANT] > This package is primarily intended for internal use.
Latest version: 3.0.1

> [!IMPORTANT]
> This package is primarily intended for internal use.

# @madebywild/sanity-icon-field

Sanity field type for selecting icons from a predefined list.

## Install

```bash
pnpm add @madebywild/sanity-icon-field
```

## Configure Plugin

```ts
import { defineConfig } from "sanity";
import { wildSanityIconFieldPlugin } from "@madebywild/sanity-icon-field";

export default defineConfig({
  plugins: [
    wildSanityIconFieldPlugin({
      iconList: [
        { label: "Arrow Right", value: "arrow-right" },
        { label: "Play", value: "play" },
        { label: "Download", value: "download" },
      ],
      renderValue: (value) => <span data-icon={value} />,
    }),
  ],
});
```

## Use in Schema

```ts
import { defineField } from "sanity";

defineField({
  name: "ctaIcon",
  type: "wild.icon",
  options: {
    whitelist: ["arrow-right", "play"],
    blacklist: ["download"],
  },
});
```
npm package: @madebywild/sanity-link-field
Description: > [!IMPORTANT] > This package is primarily intended for internal use.
Latest version: 1.0.1

> [!IMPORTANT]
> This package is primarily intended for internal use.

# @madebywild/sanity-link-field

Sanity object field for internal, external, email, phone, and file links.

## Install

```bash
pnpm add @madebywild/sanity-link-field
```

## Configure Plugin

```ts
import { defineConfig } from "sanity";
import { wildSanityLinkFieldPlugin } from "@madebywild/sanity-link-field";

export default defineConfig({
  plugins: [
    wildSanityLinkFieldPlugin({
      internalLinkSchemaTypes: [{ type: "page" }, { type: "post" }],
      weakReferences: true,
      // `true`/`false` or object form.
      sectionTarget: {
        enabled: true,
        query: `
          *[_id == $pageId][0]{
            "sections": array::compact(pageBuilder.sectionsArray[]{
              "value": _key,
              "label": coalesce(sectionSettings.sectionTitle, _type),
            })
          }.sections
        `,
      },
    }),
  ],
});
```

## Use in Schema

```ts
import { defineField } from "sanity";
import { requireLink } from "@madebywild/sanity-link-field";

defineField({
  name: "cta",
  type: "wild.link",
  options: {
    extensions: {
      // `true` or { enabled: true/false }
      customText: { enabled: true },
    },
  },
  validation: (R) => requireLink(R),
});
```
npm package: @madebywild/sanity-media-field
Description: > [!IMPORTANT] > This package is primarily intended for internal use.
Latest version: 1.1.0

> [!IMPORTANT]
> This package is primarily intended for internal use.

# @madebywild/sanity-media-field

Sanity media field that combines image, video, and motion inputs.

## Install

```bash
pnpm add @madebywild/sanity-media-field
```

## Configure Plugin

```ts
import { defineConfig } from "sanity";
import { wildSanityMediaFieldPlugin } from "@madebywild/sanity-media-field";

export default defineConfig({
  plugins: [wildSanityMediaFieldPlugin()],
});
```

## Use in Schema

```ts
import { defineField } from "sanity";
import { requireMedia } from "@madebywild/sanity-media-field";

defineField({
  name: "heroMedia",
  type: "wild.media",
  validation: (R) => requireMedia(R),
  options: {
    inline: true,
    allowedKinds: ["image", "video"],
    disallowedKinds: ["motion"],
    extensions: {
      // each supports `true` or { enabled: true/false }
      caption: true,
      customRatio: { enabled: true },
      videoOptions: { enabled: true },
    },
  },
});
```
npm package: @madebywild/sanity-page-builder
Description: > [!IMPORTANT] > This package is primarily intended for internal use.
Latest version: 1.2.2

> [!IMPORTANT]
> This package is primarily intended for internal use.

# @madebywild/sanity-page-builder

Composable page-builder field with reusable section factories.

## Install

```bash
pnpm add @madebywild/sanity-page-builder
```

## Configure Plugin

```ts
import { defineConfig, defineField } from "sanity";
import { wildSanityPageBuilderPlugin } from "@madebywild/sanity-page-builder";
import { createSection } from "@madebywild/sanity-page-builder/utils";
import { createSection as textOnlySection } from "@madebywild/sanity-page-builder/sections/text-only";
import { createSection as mediaOnlySection } from "@madebywild/sanity-page-builder/sections/media-only";

const customSection = defineField({
  name: "customHero",
  type: "object",
  title: "Custom Hero",
  fields: [defineField({ name: "title", type: "string" })],
});

export default defineConfig({
  plugins: [
    wildSanityPageBuilderPlugin({
      sections: [
        textOnlySection(),
        mediaOnlySection(),
        createSection(customSection, {
          sectionKind: "hero",
          isLibrarySection: false,
          isShareableSection: true,
        }),
      ],
      // "Global" settings for each section.
      sectionSettings: [
        defineField({ name: "background", type: "string", title: "Background" }),
      ],
      previewImageUrl: (sectionName) => `/static/sections/${sectionName}.png`,
    }),
  ],
});
```

## Use in Schema

```ts
import { defineField } from "sanity";

defineField({
  name: "pageBuilder",
  type: "wild.pageBuilder",
  options: {
    allowedSections: [
      "wild.pageBuilder.section.textOnly",
      "wild.pageBuilder.section.mediaOnly",
      "customHero",
    ],
    disallowedSections: ["wild.pageBuilder.section.mediaOnly"],
  },
});
```
npm package: @madebywild/sanity-quote-field
Description: > [!IMPORTANT] > This package is primarily intended for internal use.
Latest version: 1.1.2

> [!IMPORTANT]
> This package is primarily intended for internal use.

# @madebywild/sanity-quote-field

Sanity object field for quotes with optional referenced authors.

## Install

```bash
pnpm add @madebywild/sanity-quote-field
```

## Configure Plugin

```ts
import { defineConfig } from "sanity";
import { wildSanityQuoteFieldPlugin } from "@madebywild/sanity-quote-field";

export default defineConfig({
  plugins: [
    wildSanityQuoteFieldPlugin({
      authorRef: {
        to: [{ type: "person" }],
      },
      richtextOptions: {
        preset: "basic",
      },
    }),
  ],
});
```

## Use in Schema

```ts
import { defineField } from "sanity";
import { requireQuote } from "@madebywild/sanity-quote-field";

defineField({
  name: "testimonial",
  type: "wild.quote",
  options: {
    inline: true,
  },
  validation: (R) => requireQuote(R),
});
```
npm package: @madebywild/sanity-reference-collection-field
Description: > [!IMPORTANT] > This package is primarily intended for internal use.
Latest version: 1.3.1

> [!IMPORTANT]
> This package is primarily intended for internal use.

# @madebywild/sanity-reference-collection-field

Sanity field for selecting and configuring predefined reference collections.

## Install

```bash
pnpm add @madebywild/sanity-reference-collection-field
```

## Configure Plugin

```ts
import { defineConfig } from "sanity";
import { wildSanityReferenceCollectionFieldPlugin } from "@madebywild/sanity-reference-collection-field";

export default defineConfig({
  plugins: [
    wildSanityReferenceCollectionFieldPlugin({
      referenceKinds: [
        "post",
        { title: "Projects", value: "project" },
        { title: "People", value: "person" },
      ],
    }),
  ],
});
```

## Use in Schema

```ts
import { defineField } from "sanity";

defineField({
  name: "feed",
  type: "wild.referenceCollection",
  options: {
    inline: true,
    extensions: {
      filtering: true,
      pagination: true,
    },
  },
});
```

```ts
// Example editor value shape
{
  collectionRef: "post",
  options: {
    pageCount: 12,
    canLoadMore: true,
    withFilters: true,
    filterByKinds: ["post", "project"],
    withPagination: true,
  },
}
```
npm package: @madebywild/sanity-richtext-field
Description: > [!IMPORTANT] > This package is primarily intended for internal use.
Latest version: 3.1.2

> [!IMPORTANT]
> This package is primarily intended for internal use.

# @madebywild/sanity-richtext-field

Rich text field plugin with configurable blocks, marks, and presets.

## Install

```bash
pnpm add @madebywild/sanity-richtext-field
```

## Configure Plugin

```ts
import { defineConfig, defineField } from "sanity";
import { wildSanityRichtextFieldPlugin } from "@madebywild/sanity-richtext-field";
import { createBlock } from "@madebywild/sanity-richtext-field/utils";
import { createBlock as quoteBlock } from "@madebywild/sanity-richtext-field/blocks/quote-block";
import { createAnnotations, createDecorators, createLists, createSpans, createStyles } from "@madebywild/sanity-richtext-field/parts";

const customBlock = defineField({
  name: "customBlock",
  type: "object",
  title: "Custom Block",
  fields: [defineField({ name: "title", type: "string" })],
});

export default defineConfig({
  plugins: [
    wildSanityRichtextFieldPlugin({
      spellCheck: true,
      blocks: [createBlock(customBlock), quoteBlock()],
      spans: [...createSpans()],
      styles: [...createStyles()],
      lists: [...createLists()],
      decorators: [...createDecorators()],
      annotations: [...createAnnotations()],
    }),
  ],
});
```

## Use in Schema

```ts
import { defineField } from "sanity";

defineField({
  name: "body",
  type: "wild.richtext",
  options: {
    size: "lg", // "sm" | "lg" | custom height string (e.g. "480px")
    preset: "full", // "basic" | "full"
    initiallyActive: false,
    allowedKinds: ["styles", "lists", "decorators", "annotations", "spans", "blocks"],
    disallowedKinds: ["annotations"],
    allowedParts: ["wild.richtext.decorator.strong", "wild.richtext.annotation.link"],
    disallowedParts: ["wild.richtext.decorator.underline"],
  },
});
```
npm package: @madebywild/sanity-seo-field
Description: > [!IMPORTANT] > This package is primarily intended for internal use.
Latest version: 1.1.1

> [!IMPORTANT]
> This package is primarily intended for internal use.

# @madebywild/sanity-seo-field

Sanity object field for basic SEO metadata.

## Install

```bash
pnpm add @madebywild/sanity-seo-field
```

## Configure Plugin

```ts
import { defineConfig } from "sanity";
import { wildSanitySeoFieldPlugin } from "@madebywild/sanity-seo-field";

export default defineConfig({
  plugins: [
    wildSanitySeoFieldPlugin({
      siteUrl: "https://example.com",
    }),
  ],
});
```

## Use in Schema

```ts
import { defineField } from "sanity";

defineField({
  name: "seo",
  type: "wild.seo",
  options: {
    inline: true,
  },
});
```
npm package: @madebywild/sanity-utils
Description: > [!IMPORTANT] > This package is primarily intended for internal use.
Latest version: 1.0.1

> [!IMPORTANT]
> This package is primarily intended for internal use.

# @madebywild/sanity-utils

Utility helpers and UI primitives shared across Wild Sanity fields.

## Install

```bash
pnpm add @madebywild/sanity-utils
```

## Configure Plugin

```ts
// No plugin setup required.
```

## Use in Schema

```ts
import { defineField } from "sanity";
import { requiredIf, visibleIf } from "@madebywild/sanity-utils";

const showIfKind = visibleIf("kind");
const requireIfKind = requiredIf("kind");

defineField({
  name: "url",
  type: "url",
  // value can be boolean | string | string[]
  ...showIfKind(["external", "internal"]),
  ...requireIfKind("external", {
    message: "URL is required for external links",
    path: [],
  }),
});
```

```ts
import { createExcerptFromPortableText, dotPathToObjectValue } from "@madebywild/sanity-utils";

const sectionId = dotPathToObjectValue(document, "pageBuilder.sectionsArray.0.sectionSettings.sectionId.current");
const excerpt = createExcerptFromPortableText(value, 80);
```

```tsx
import { CompactObjectInput } from "@madebywild/sanity-utils/compact-object-input";

defineField({
  name: "settings",
  type: "object",
  components: { input: CompactObjectInput },
});
```
npm package: @madeindreams/node-sentry
Description: A node sentry project for the madeindreams node
Author: Ian Decentrlize
Latest version: 1.0.0

# node-sentry

This project is a node sentry. it's made to send warnings on diffrent messaging platform. 

 - email  (presently using Protonmail Bridge to do Secure Private mass mailing)
 - Slack  (Work with the slack bot hook)
 - Discord (to be added)


This should remain an stanalone application be be used by anyone not only the madeindreams node.
npm package: @madeinhaus/carousel
Description: Carousel
Latest version: 3.3.0

# Carousel

**Install**:

```bash
npm i @madeinhaus/carousel
```

**Usage**:

```js
import Carousel from '@madeinhaus/carousel';
import '@madeinhaus/carousel/dist/index.css';
```

**Documentation**:

[hauscore.xyz/components/carousel](https://hauscore.xyz/components/carousel)
npm package: @madeinhaus/contentful-image
Description: Contentful Image
Latest version: 2.2.0

# ContentfulImage

**Install**:

```bash
npm i @madeinhaus/contentful-image
```

**Usage**:

```javascript
import ContentfulImage from '@madeinhaus/contentful-image';
```

**Documentation**:

[hauscore.xyz/components/contentful-image](https://hauscore.xyz/components/contentful-image)
npm package: @madeinhaus/disclosure
Description: Disclosure
Latest version: 4.0.0

# Disclosure

**Install**:

```bash
npm i @madeinhaus/disclosure
```

**Usage**:

```javascript
import Disclosure from '@madeinhaus/disclosure';
import '@madeinhaus/disclosure/dist/index.css';
```

**Documentation**:

[hauscore.xyz/components/disclosure](https://hauscore.xyz/components/disclosure)
npm package: @madeinhaus/hooks
Description: **Install**:
Latest version: 2.2.0

# Hooks

**Install**:

```bash
npm i @madeinhaus/hooks
```

**Usage**:

```javascript
import { 
    useImagePreload,
    useIntersectionObserver,
    useIsomorphicLayoutEffect,
    usePrevious,
    useRefList,
    useWindowSize,
} from '@madeinhaus/hooks';
```

**Documentation**:

[hauscore.xyz/hooks/use-image-preload](https://hauscore.xyz/hooks/use-image-preload)

[hauscore.xyz/hooks/use-intersection-observer](https://hauscore.xyz/hooks/use-intersection-observer)

[hauscore.xyz/hooks/use-isomorphic-layout-effect](https://hauscore.xyz/hooks/use-isomorphic-layout-effect)

[hauscore.xyz/hooks/use-previous](https://hauscore.xyz/hooks/use-previous)

[hauscore.xyz/hooks/use-ref-list](https://hauscore.xyz/hooks/use-ref-list)

[hauscore.xyz/hooks/use-window-size](https://hauscore.xyz/hooks/use-window-size)
npm package: @madeinhaus/masonry
Description: Masonry
Latest version: 3.2.0

# Masonry

**Install**:

```bash
npm i @madeinhaus/masonry
```

**Usage**:

```javascript
import Masonry from '@madeinhaus/masonry';
```

**Documentation**:

[hauscore.xyz/components/masonry](https://hauscore.xyz/components/masonry)
npm package: @madeinhaus/nextjs-page-transition
Description: Haus Core
Latest version: 4.2.0

# Next.js Page Transition

**Install**:

```bash
npm i @madeinhaus/nextjs-page-transition
```

**Usage**:

```javascript
import PageTransition from '@madeinhaus/nextjs-page-transition';
import '@madeinhaus/nextjs-page-transition/dist/index.css';
```

**Documentation**:

[hauscore.xyz/components-nextjs/page-transition](https://hauscore.xyz/components-nextjs/page-transition)
npm package: @madeinhaus/nextjs-theme
Description: Haus Core
Latest version: 2.2.0

# Next.js Theme

**Install**:

```bash
npm i @madeinhaus/theme
```

**Usage**:

```javascript
import { ThemeProvider, ThemeScript, useTheme } from '@madeinhaus/theme';
```

**Documentation**:

[hauscore.xyz/components-nextjs/theme](https://hauscore.xyz/components-nextjs/theme)
npm package: @madeinhaus/prettier-config
Description: Prettier config
Author: Ryan Couse
Latest version: 1.2.1

# HAUS Prettier Config

This is the [Prettier](https://prettier.io) configuration we commonly use and share at [HAUS](https://github.com/MadeInHaus).

## Usage

**Install**:

```bash
npm i --dev @madeinhaus/prettier-config
```

**Edit `package.json`**:

```jsonc
{
  // ...
  "prettier": "@madeinhaus/prettier-config"
}
```
npm package: @madeinhaus/slider
Description: Slider
Latest version: 2.2.0

# Slider

**Install**:

```bash
npm i @madeinhaus/slider
```

**Usage**:

```js
import Slider from '@madeinhaus/slider';
import '@madeinhaus/slider/dist/index.css';
```

**Documentation**:

[hauscore.xyz/components/slider](https://hauscore.xyz/components/slider)
npm package: @madeinhaus/splitter
Description: Splitter
Latest version: 1.2.0

# Splitter

**Install**:

```bash
npm i @madeinhaus/splitter
```

**Usage**:

```js
import Splitter from '@madeinhaus/splitter';
import '@madeinhaus/splitter/dist/index.css';
```

**Documentation**:

[hauscore.xyz/components/splitter](https://hauscore.xyz/components/splitter)
npm package: @madeinhaus/textural-video
Description: Textural Video
Latest version: 3.2.0

# TexturalVideo

**Install**:

```bash
npm i @madeinhaus/textural-video
```

**Usage**:

```javascript
import TexturalVideo from '@madeinhaus/textural-video';
```

**Documentation**:

[hauscore.xyz/components/textural-video](https://hauscore.xyz/components/textural-video)
npm package: @madeinhaus/utils
Description: **Install**:
Latest version: 2.2.0

# Utils

**Install**:

```bash
npm i @madeinhaus/utils
```

**Usage**:

```javascript
import { 
    clamp,
    easings,
    getHash,
    getLastSegment,
    last,
    lerp,
    mapRange,
    mappable,
    mergeRefs,
    modulo,
    preloadImage,
    removeHash,
    sign,
    toSlug,
    truncate
} from '@madeinhaus/utils';
```

**Documentation**:

[hauscore.xyz/utils/clamp](https://hauscore.xyz/utils/clamp)

[hauscore.xyz/utils/easings](https://hauscore.xyz/utils/easings)

[hauscore.xyz/utils/get-hash](https://hauscore.xyz/utils/get-hash)

[hauscore.xyz/utils/get-last-segment](https://hauscore.xyz/utils/get-last-segment)

[hauscore.xyz/utils/last](https://hauscore.xyz/utils/last)

[hauscore.xyz/utils/lerp](https://hauscore.xyz/utils/lerp)

[hauscore.xyz/utils/map-range](https://hauscore.xyz/utils/map-range)

[hauscore.xyz/utils/mappable](https://hauscore.xyz/utils/mappable)

[hauscore.xyz/utils/merge-refs](https://hauscore.xyz/utils/merge-refs)

[hauscore.xyz/utils/modulo](https://hauscore.xyz/utils/modulo)

[hauscore.xyz/utils/preload-image](https://hauscore.xyz/utils/preload-image)

[hauscore.xyz/utils/remove-hash](https://hauscore.xyz/utils/remove-hash)

[hauscore.xyz/utils/sign](https://hauscore.xyz/utils/sign)

[hauscore.xyz/utils/to-slug](https://hauscore.xyz/utils/to-slug)

[hauscore.xyz/utils/truncate](https://hauscore.xyz/utils/truncate)
npm package: @madeintr/mcp-server
Description: MCP server for submitting projects to madeintr.app
Latest version: 0.1.1

# @madeintr/mcp-server

An MCP server for submitting and managing projects on [madeintr.app](https://madeintr.app) — directly from Claude, Cursor, or any MCP-compatible client.

## Setup

### 1. Get an API key

Go to [madeintr.app/dashboard/api-keys](https://madeintr.app/dashboard/api-keys) and create a new key.

### 2. Add to your MCP client

#### Claude Desktop

Add to your `claude_desktop_config.json`:

```json
{
  "mcpServers": {
    "madeintr": {
      "command": "npx",
      "args": ["-y", "@madeintr/mcp-server"],
      "env": {
        "MADEINTR_API_KEY": "your-api-key"
      }
    }
  }
}
```

#### Claude Code

```bash
claude mcp add madeintr -- npx -y @madeintr/mcp-server
```

Then set the environment variable `MADEINTR_API_KEY` in your shell.

#### Cursor

Add to your Cursor MCP settings (`.cursor/mcp.json`):

```json
{
  "mcpServers": {
    "madeintr": {
      "command": "npx",
      "args": ["-y", "@madeintr/mcp-server"],
      "env": {
        "MADEINTR_API_KEY": "your-api-key"
      }
    }
  }
}
```

## Tools

| Tool | Description |
|------|-------------|
| `submit_project` | Create a new project with title, description, category, images, and links |
| `update_project` | Update an existing project's fields |
| `list_my_projects` | List your projects, optionally filtered by status |
| `get_project` | Get full details of a project by ID |
| `delete_project` | Permanently delete a project |
| `upload_image` | Upload an image and get a URL for use in projects |

## Example usage

> Submit my project "Pixel Garden" to madeintr. It's a web-based generative art tool in the art category. Use the screenshot at ./screenshot.png as the cover image and publish it.

The LLM will call `submit_project` with the right parameters, upload your image, and return the project URL.

## Environment variables

| Variable | Required | Description |
|----------|----------|-------------|
| `MADEINTR_API_KEY` | Yes | Your API key from [madeintr.app/dashboard/api-keys](https://madeintr.app/dashboard/api-keys) |
| `MADEINTR_API_URL` | No | Override the API base URL (for development only) |

## Local development

```bash
npm install
npm run build
```

To test locally before publishing, point your MCP client at the built output:

```json
{
  "mcpServers": {
    "madeintr": {
      "command": "node",
      "args": ["/absolute/path/to/madeintr-mcp/dist/index.js"],
      "env": {
        "MADEINTR_API_KEY": "your-api-key"
      }
    }
  }
}
```

## License

MIT
npm package: @madeinweb/cli-made-front
Description: ## Tech Stacks
Latest version: 1.0.5

# CLI Made

CLI Made é uma ferramenta de linha de comando desenvolvida pela MadeInWeb para auxiliar no gerenciamento e configuração de projetos. Atualmente, a ferramenta oferece as seguintes funcionalidades:

- 🔐 Autenticação integrada com o sistema MadeInWeb
- 📝 Geração automática de arquivos .env baseados na configuração do projeto
- 🔄 Gerenciamento de configurações de projeto via package.json
- 🛠️ Interface interativa via linha de comando

A ferramenta é projetada para simplificar o processo de configuração e manutenção de projetos, garantindo consistência e segurança no ambiente de desenvolvimento.

## Tech Stacks

- [Inquirer.js](https://github.com/SBoudrias/Inquirer.js)
- [c12](https://github.com/unjs/c12)

## Requisitos

- [Node.js](https://nodejs.org/en/download/) na versão 22.14.0

## 🚀 Desenvolvendo

### Instale as dependências

```sh
  npm install
```

### Builde o projeto

```sh
  npm run build
```

## 📖 Guia de Uso

### Instalação Global

Para utilizar o CLI Made em qualquer projeto, primeiro instale-o globalmente:

```sh
npm install -g @madeinweb/cli-made-front
```

### Gerando o arquivo .env

O CLI Made oferece uma forma simples e segura de gerar arquivos de ambiente (.env) para seus projetos. Siga os passos:

1. **Configure o projeto**

   - Adicione a chave do projeto:

   `package.json`

   ```json
   {
     "name": "seu-projeto",
     "projectKey": "chave-do-seu-projeto"
     // ... outras configurações
   }
   ```

   `pyproject.toml`

   ```json
    projectKey = "chave-do-seu-projeto"

    [tool.poetry]
    name = "seu-projeto"
   ```

2. **Execute o CLI**

   ```sh
   made-cli
   ```

3. **Autenticação**

   - Na primeira execução, você será solicitado a fazer login
   - Informe seu email MadeInWeb
   - Digite sua senha
   - O token de acesso será armazenado automaticamente

4. **Menu de Opções**

   - Selecione "Gerador de ENV" no menu interativo
   - O CLI irá:
     - Validar suas credenciais
     - Buscar as configurações do projeto
     - Gerar o arquivo .env com as variáveis necessárias
     - Posicionar o arquivo na raiz do projeto

5. **Verificação**
   - Confira se o arquivo `.env` foi gerado corretamente
   - As variáveis estarão prontas para uso no seu projeto

## ✔️ Pre-Commit e Pre-Push Hooks

### 🔒 Sobre os Hooks

Este projeto utiliza hooks de pre-commit e pre-push para garantir a qualidade e a consistência do código. Antes de cada commit/push, o código passa por um processo de formatação e verificação de lint. Isso ajuda a manter um padrão de código e reduzir a possibilidade de erros.

### ⚙️ Fluxo de Trabalho

Antes de realizar um commit ou um push, é importante executar os seguintes comandos para garantir que seu código esteja de acordo com as diretrizes do projeto:

```sh
  npm run lintfix
```

---

Idealizado por [@RobertoC-fly](https://github.com/RobertoC-fly) 🚀🤖

API e revisão por [@cpvasques](https://github.com/cpvasques) 🎸🦇🤘
npm package: @madeinweb/made-ds
Description: - [Vite](https://vitejs.dev/) - [Vue.js](https://vuejs.org/) - [Reka UI](https://reka-ui.com/) - [Shadcn Vue](https://www.shadcn-vue.com/) - [Tailwind](https://tailwindcss.com/docs/installation)
Latest version: 0.3.11

# Made Design System

## Tech Stacks

- [Vite](https://vitejs.dev/)
- [Vue.js](https://vuejs.org/)
- [Reka UI](https://reka-ui.com/)
- [Shadcn Vue](https://www.shadcn-vue.com/)
- [Tailwind](https://tailwindcss.com/docs/installation)

## Requisitos

- [Node.js](https://nodejs.org/en/download/) na versão 22

## 🚀 Desenvolvendo

### Instale as dependências

```sh
  npm install
```

### Rode o projeto

```sh
  npm run dev
```

Abra o servidor em: http://localhost:8080

## ✔️ Pre-Commit e Pre-Push Hooks

### 🔒 Sobre os Hooks

Este projeto utiliza hooks de pre-commit e pre-push para garantir a qualidade e a consistência do código. Antes de cada commit/push, o código passa por um processo de formatação e verificação de lint. Isso ajuda a manter um padrão de código e reduzir a possibilidade de erros.

### ⚙️ Fluxo de Trabalho

Antes de realizar um commit ou um push, é importante executar os seguintes comandos para garantir que seu código esteja de acordo com as diretrizes do projeto:

```sh
  npm run format
```

```sh
  npm run lint:fix
```

### Storybook

```sh
  npm run storybook
```

### Build Static Site

```sh
  npm run build
```

### Build Lib

```sh
  npm run build:lib
```

## 🌐 Links úteis

- [Figma](https://www.figma.com/design/MtLT53ll4YU5VtMjfctH0S/Design-System---One-Delivery?node-id=0-1&p=f&t=ft9bvtzr4THThtld-0)
npm package: @madeinweb/made-ds-react
Description: MadeinWeb Design System - React Component Library
Author: Mateus Borba
Latest version: 1.0.4

# MadeinWeb Design System

Este projeto é um **Design System** de componentes React, desenvolvido para a empresa **MadeinWeb**. Ele utiliza o [shadcn/ui](https://ui.shadcn.com/) como base para a construção de componentes reutilizáveis, acessíveis e modernos, acelerando o desenvolvimento de interfaces consistentes em múltiplos produtos da empresa.

## Sobre o projeto

- **Tecnologias:** React, TypeScript, Vite, shadcn/ui
- **Objetivo:** Fornecer uma biblioteca de componentes UI padronizados, personalizáveis e prontos para uso em aplicações internas e externas da MadeinWeb.
- **Benefícios:**
  - Consistência visual e de experiência do usuário
  - Redução de retrabalho e duplicidade de código
  - Facilidade de manutenção e evolução dos componentes
  - Base moderna e flexível para novos projetos

## Stack técnica

Este template fornece uma configuração mínima para rodar React com Vite, HMR e algumas regras de ESLint.

Atualmente, dois plugins oficiais estão disponíveis:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) usa [Babel](https://babeljs.io/) para Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) usa [SWC](https://swc.rs/) para Fast Refresh

## Expansão da configuração do ESLint

Se você estiver desenvolvendo uma aplicação para produção, recomendamos atualizar a configuração para habilitar regras de lint com checagem de tipos:

```js
export default tseslint.config({
  extends: [
    // Remove ...tseslint.configs.recommended e substitua por isso
    ...tseslint.configs.recommendedTypeChecked,
    // Opcionalmente, use para regras mais estritas
    ...tseslint.configs.strictTypeChecked,
    // Opcionalmente, adicione para regras de estilo
    ...tseslint.configs.stylisticTypeChecked,
  ],
  languageOptions: {
    // outras opções...
    parserOptions: {
      project: ["./tsconfig.node.json", "./tsconfig.app.json"],
      tsconfigRootDir: import.meta.dirname,
    },
  },
});
```

Você também pode instalar [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) e [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) para regras específicas de React:

```js
// eslint.config.js
import reactX from "eslint-plugin-react-x";
import reactDom from "eslint-plugin-react-dom";

export default tseslint.config({
  plugins: {
    // Adicione os plugins react-x e react-dom
    "react-x": reactX,
    "react-dom": reactDom,
  },
  rules: {
    // outras regras...
    // Habilite as regras recomendadas para typescript
    ...reactX.configs["recommended-typescript"].rules,
    ...reactDom.configs.recommended.rules,
  },
});
```