open-index/open-npm huggingface dataset:
npm package: @studiocms/auth0
Description: Add Auth0 OAuth Support into your StudioCMS project.
Author: withstudiocms
Latest version: 0.3.0

# @studiocms/auth0 Plugin

[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_auth0)](https://codecov.io/github/withstudiocms/studiocms)

This plugin integrates Auth0 as an OAuth provider for StudioCMS, enabling authentication via Auth0. It sets up the necessary configuration, including required environment variables and endpoint paths.

## Usage

Add this plugin in your StudioCMS config. (`studiocms.config.mjs`)

```ts
import { defineStudioCMSConfig } from 'studiocms/config';
import auth0 from '@studiocms/auth0';

export default defineStudioCMSConfig({
    // other options here
    plugins: [auth0()]
});
```

## Required ENV Variables

- `CMS_AUTH0_CLIENT_ID`
- `CMS_AUTH0_CLIENT_SECRET`
- `CMS_AUTH0_DOMAIN`
- `CMS_AUTH0_REDIRECT_URI`

## License

[MIT Licensed](./LICENSE).
npm package: @studiocms/blog
Description: Add a blog to your StudioCMS project with ease!
Author: withstudiocms
Latest version: 0.3.0

# StudioCMS - Blog Provider

[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_blog)](https://codecov.io/github/withstudiocms/studiocms)

For information and docs related to this package see [The StudioCMS Docs](https://docs.studiocms.dev/package-catalog/studiocms-plugins/studiocms-blog/)

## License

[MIT Licensed](./LICENSE).
npm package: @studiocms/cloudinary-image-service
Description: Cloudinary Image Service For StudioCMS!
Author: withstudiocms
Latest version: 0.3.0

# @studiocms/cloudinary-image-service

[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_cloudinary-image-service)](https://codecov.io/github/withstudiocms/studiocms)

For information and docs related to this package see [The StudioCMS Docs](https://docs.studiocms.dev/en/package-catalog/studiocms-plugins/studiocms-cloudinary-js/)

## License

[MIT Licensed](./LICENSE).
npm package: @studiocms/devapps
Description: Devapps for StudioCMS Astro projects, including a WordPress importer.
Author: withstudiocms
Latest version: 0.3.0

# StudioCMS - Development Apps

[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_devapps)](https://codecov.io/github/withstudiocms/studiocms)

Collection* of useful tools available during dev mode in Astro

## Installation

Install the integration **automatically** using the Astro CLI:

```bash
pnpm astro add @studiocms/devapps
```

```bash
npx astro add @studiocms/devapps
```

```bash
yarn astro add @studiocms/devapps
```

Or install it **manually**:

1. Install the required dependencies

```bash
pnpm add @studiocms/devapps
```

```bash
npm install @studiocms/devapps
```

```bash
yarn add @studiocms/devapps
```

2. Add the integration to your astro config

```diff
+import devApps from "@studiocms/devapps";

export default defineConfig({
  integrations: [
+    devApps(),
  ],
});
```

## Usage

All tools will only be available during `astro dev` and will not be available during production deployments!

### WordPress Importer

#### Requires

- StudioCMS Integration
- A current WP Install
- `@studiocms/blog` (Optional for importing Posts under a blog)

#### Preview

- Toolbar app

![WP-importer](./assets/wp-importer.png)

## Licensing

[MIT Licensed](./LICENSE).
npm package: @studiocms/discord
Description: Add Discord OAuth Support to your StudioCMS project.
Author: withstudiocms
Latest version: 0.3.0

# @studiocms/discord Plugin

[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_discord)](https://codecov.io/github/withstudiocms/studiocms)

This plugin integrates Discord as an OAuth authentication provider for StudioCMS. It sets up the necessary configuration, including the required environment variables and OAuth endpoints.

## Usage

Add this plugin in your StudioCMS config. (`studiocms.config.mjs`)

```ts
import { defineStudioCMSConfig } from 'studiocms/config';
import discord from '@studiocms/discord';

export default defineStudioCMSConfig({
    // other options here
    plugins: [discord()]
});
```

## Required ENV Variables

- `CMS_DISCORD_CLIENT_ID`
- `CMS_DISCORD_CLIENT_SECRET`
- `CMS_DISCORD_REDIRECT_URI`

## License

[MIT Licensed](./LICENSE).
npm package: @studiocms/github
Description: Add GitHub OAuth Support to your StudioCMS project.
Author: withstudiocms
Latest version: 0.3.0

# @studiocms/github Plugin

[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_github)](https://codecov.io/github/withstudiocms/studiocms) 

This plugin integrates GitHub as an OAuth authentication provider for StudioCMS. It sets up the necessary authentication service, including the provider's name, endpoint paths and required environment variables.

## Usage

Add this plugin in your StudioCMS config. (`studiocms.config.mjs`)

```ts
import { defineStudioCMSConfig } from 'studiocms/config';
import github from '@studiocms/github';

export default defineStudioCMSConfig({
    // other options here
    plugins: [github()]
});
```

## Required ENV Variables

- `CMS_GITHUB_CLIENT_ID`
- `CMS_GITHUB_CLIENT_SECRET`
- `CMS_GITHUB_REDIRECT_URI`

## License

[MIT Licensed](./LICENSE).
npm package: @studiocms/google
Description: Add Google OAuth Support to your StudioCMS project with ease!
Author: withstudiocms
Latest version: 0.3.0

# @studiocms/google Plugin

[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_google)](https://codecov.io/github/withstudiocms/studiocms)

This plugin integrates Google OAuth authentication into StudioCMS. It defines the necessary configuration, including the required environment variables, OAuth provider details, and the endpoint paths for authentication.

## Usage

Add this plugin in your StudioCMS config. (`studiocms.config.mjs`)

```ts
import { defineStudioCMSConfig } from 'studiocms/config';
import google from '@studiocms/google';

export default defineStudioCMSConfig({
    // other options here
    plugins: [google()]
});
```

## Required ENV Variables

- `CMS_GOOGLE_CLIENT_ID`
- `CMS_GOOGLE_CLIENT_SECRET`
- `CMS_GOOGLE_REDIRECT_URI`

## License

[MIT Licensed](./LICENSE).
npm package: @studiocms/html
Description: Add HTML Support to your StudioCMS project with ease!
Author: withstudiocms
Latest version: 0.3.0

# @studiocms/html Plugin

[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_html)](https://codecov.io/github/withstudiocms/studiocms)

Add HTML support to StudioCMS

## Usage

Add this plugin in your StudioCMS config. (`studiocms.config.mjs`)

```ts
import { defineStudioCMSConfig } from 'studiocms/config';
import htmlPlugin from '@studiocms/html';

export default defineStudioCMSConfig({
    // other options here
    plugins: [htmlPlugin()]
});
```

## License

[MIT Licensed](./LICENSE).
npm package: @studiocms/markdoc
Description: Add MarkDoc Support to your StudioCMS project with ease!
Author: withstudiocms
Latest version: 0.3.0

# @StudioCMS/MarkDoc Plugin

[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_markdoc)](https://codecov.io/github/withstudiocms/studiocms)

Add MarkDoc support to StudioCMS

## Usage

Add this plugin in your StudioCMS config. (`studiocms.config.mjs`)

```ts
import { defineStudioCMSConfig } from 'studiocms/config';
import markdocPlugin from '@studiocms/markdoc';

export default defineStudioCMSConfig({
    // other options here
    plugins: [markdocPlugin()]
});
```

## Options

### type
**Type:** `'html'` | `'react-static'` | [`MarkDocRenderer`](#markdocrenderer)
**Default:** `'html'`

Set the type of MarkDoc rendering that you would like to do.

### argParse
**Type:** `ParserArgs` | `undefined`

Optional Parser args for MarkDoc

### transformConfig
**Type:** `ConfigType` | `undefined`

Optional Transform config for MarkDoc

#### MarkDocRenderer
**Type:** `{ name: string; render: (content: import('@markdoc/markdoc').RenderableTreeNode) => Promise<string>; }`

Example Renderer
```ts
import type { RenderableTreeNode } from '@markdoc/markdoc';
import type { MarkDocRenderer } from '@studiocms/markdoc/types';

export const renderHTML: MarkDocRenderer = {
	name: 'html',
	render: async (content: RenderableTreeNode) => {
		return Markdoc.renderers.html(content);
	},
};
```

## License

[MIT Licensed](./LICENSE).
npm package: @studiocms/markdown-remark-processor
Description: [![NPM Version](https://img.shields.io/npm/v/@studiocms/markdown-remark-processor?style=for-the-badge&logo=npm)](https://npm.im/@studiocms/markdown-remark-processor) [![Formatted with Biome](https://img.shields.io/badge/Formatted_with-Biome-60a5fa?style=f
Author: studiocms
Latest version: 1.2.0
Deprecated: This package has been merged into @studiocms/markdown-remark, use that package instead

# @studiocms/markdown-remark-processor

[![NPM Version](https://img.shields.io/npm/v/@studiocms/markdown-remark-processor?style=for-the-badge&logo=npm)](https://npm.im/@studiocms/markdown-remark-processor)
[![Formatted with Biome](https://img.shields.io/badge/Formatted_with-Biome-60a5fa?style=for-the-badge&logo=biome)](https://biomejs.dev/)

## Overview

`@studiocms/markdown-remark-processor` is a powerful Markdown parser and transformer built on top of [remark](https://github.com/remarkjs/remark). It provides seamless integration with [Astro](https://astro.build/), allowing you to easily parse and transform Markdown content within your Astro projects.

This project is heavily based on and compatible with Astro's built-in `@astrojs/markdown-remark`

## Features

- **Markdown Parsing**: Parse Markdown content into an abstract syntax tree (AST) using remark.
- **Custom Plugins**: Extend the functionality with custom remark plugins.
- **Configurable**: Highly configurable to suit your specific needs.

## Installation

To install `@studiocms/markdown-remark-processor`, use your preferred package manager:

```bash
npm install @studiocms/markdown-remark-processor
# or
yarn add @studiocms/markdown-remark-processor
# or
pnpm add @studiocms/markdown-remark-processor
```

## Usage

First setup your render function

**`src/utils/render.ts`**

```ts
import { type MarkdownProcessorRenderOptions, createMarkdownProcessor } from '@studiocms/markdown-remark-processor';

const processor = await createMarkdownProcessor({
	/* 
    * Your Options here 
    * same as https://docs.astro.build/en/reference/configuration-reference/#markdown-options
    */
});

export async function render(
	content: string,
	options?: MarkdownProcessorRenderOptions
) {
	const result = await processor.render(content, options);

	return {
		html: result.astroHTML,
		meta: result.metadata,
	};
}
```

Then use it!

**`/src/pages/index.astro`**
```astro
---
import { render } from '../utils/render';

const content = `# Hello world!`

const { html } = await render(content)
---
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width" />
        <title>Example</title>
    </head>
    <body>
        {html}
    </body>
</html>
```

## Changelog

See the [Changelog](https://github.com/withstudiocms/markdown-remark/blob/main/packages/markdown-remark-processor/CHANGELOG.md) for the change history of this package.

## Contribution

If you see any errors or room for improvement, feel free to open an [issue or pull request](https://github.com/withstudiocms/markdown-remark/) . Thank you in advance for contributing! ❤️

## Licensing

[MIT Licensed](./LICENSE).
npm package: @studiocms/md
Description: Add Markdown Support to your StudioCMS project with ease!
Author: withstudiocms
Latest version: 0.3.0

# @studiocms/md Plugin

[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_md)](https://codecov.io/github/withstudiocms/studiocms)

Add Markdown support to StudioCMS

## Usage

Add this plugin in your StudioCMS config. (`studiocms.config.mjs`)

```ts
import { defineStudioCMSConfig } from 'studiocms/config';
import mdPlugin from '@studiocms/md';

export default defineStudioCMSConfig({
    // other options here
    plugins: [mdPlugin()]
});
```

## License

[MIT Licensed](./LICENSE).
npm package: @studiocms/mdx
Description: Add MDX Support to your StudioCMS project with ease!
Author: withstudiocms
Latest version: 0.3.0

# @StudioCMS/MDX Plugin

[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_mdx)](https://codecov.io/github/withstudiocms/studiocms)

Add MDX support to StudioCMS

## Usage

Add this plugin in your StudioCMS config. (`studiocms.config.mjs`)

```ts
import { defineStudioCMSConfig } from 'studiocms/config';
import mdxPlugin from '@studiocms/mdx';

export default defineStudioCMSConfig({
    // other options here
    plugins: [mdxPlugin()]
});
```

## Options

### remarkPlugins
**Type:** `PluggableList` | `undefined`

Optional list of Remark plugins

### rehypePlugins
**Type:** `PluggableList` | `undefined`

Optional list of Rehype plugins

### recmaPlugins
**Type:** `PluggableList` | `undefined`

Optional list of recma plugins

### remarkRehypeOptions
**Type:** `remarkRehypeOptions` | `undefined`

Optional: options for remarkRehype

## License

[MIT Licensed](./LICENSE).
npm package: @studiocms/migrator
Description: Tool for migrating from AstroDB based StudioCMS to Kysely based StudioCMS.
Author: withstudiocms
Latest version: 0.2.1

# @studiocms/migrator

Utility tool to ensure that all your content, configurations, and settings are preserved during the migration process to the latest version, allowing you to take advantage of the new features and improvements in StudioCMS without losing any of your valuable data.

## Usage

Run the following command in the root of your StudioCMS project that contains the `.env` file as well as the `studiocms.config.*` config file.

```sh
npx @studiocms/migrator
```

### Environment variable requirements

#### AstroDB

For migrating data from previous version you simply need your previous DB's env data.

```sh
# AstroDB
ASTRO_DB_REMOTE_URL=libsql://your-old-database.turso.io
ASTRO_DB_APP_TOKEN=<your-auth-token>
```

#### StudioCMS Database

For running this migrator you will need a fresh empty DB to work against. With the latest version's of StudioCMS, we now support libSQL, MySQL, and PostgreSQL.

##### LibSQL

```sh
# libSQL
CMS_LIBSQL_URL=libsql://your-new-database.turso.io or file:./path/to/your/database.db (required)
CMS_LIBSQL_AUTH_TOKEN=<your-auth-token> (optional)
CMS_LIBSQL_SYNC_INTERVAL= (optional)
CMS_LIBSQL_SYNC_URL= (optional)
```

##### MySQL

```sh
# MySQL
CMS_MYSQL_DATABASE=<your-database-name>
CMS_MYSQL_USER=<your-database-user>
CMS_MYSQL_PASSWORD=<your-database-password>
CMS_MYSQL_HOST=<your-database-host>
CMS_MYSQL_PORT=<your-database-port>
```

##### PostgreSQL

```sh
# PostgreSQL
CMS_PG_DATABASE=<your-database-name>
CMS_PG_USER=<your-database-user>
CMS_PG_PASSWORD=<your-database-password>
CMS_PG_HOST=<your-database-host>
CMS_PG_PORT=<your-database-port>
```

## License

[MIT License](./LICENSE)
npm package: @studiocms/socialposter
Description: Allow cross-posting to your social media accounts from your StudioCMS dashboard with ease!
Author: Adam Matthiesen | Jacob Jenkins | Paul Valladares
Latest version: 0.1.0-experimental.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @StudioCMS/socialposter Plugin

Allow cross-posting to your social media accounts from your StudioCMS dashboard with ease!

## Requirements

Depending on which services you are trying to post on you may require one of more of the following variables in your `.env`

```bash
# Twitter/X
TWITTER_API_KEY=your_api_key
TWITTER_API_SECRET=your_api_secret
TWITTER_ACCESS_TOKEN=your_access_token
TWITTER_ACCESS_SECRET=your_access_secret

# Bluesky
BLUESKY_SERVICE=https://bsky.social
BLUESKY_USERNAME=your_username
BLUESKY_PASSWORD=your_password

# Threads/Instagram
THREADS_USER_ID=your_user_id
THREADS_ACCESS_TOKEN=your_access_token
```

### Usage

Add this plugin in your StudioCMS config (`studiocms.config.mjs`) and enable the desired options.

```ts
import { defineStudioCMSConfig } from 'studiocms/config';
import socialPoster from '@studiocms/socialposter';

export default defineStudioCMSConfig({
  // other options here
  plugins: [
    socialPoster({
      bluesky: false,
      threads: false,
      twitter: false,
    })
  ],
});
```

## License

[MIT Licensed](./LICENSE).
npm package: @studiocms/ui
Description: The UI library for StudioCMS. Includes the layouts & components we use to build StudioCMS.
Author: Louis Escher
Latest version: 1.2.0

# `@studiocms/ui`

[![NPM Version](https://img.shields.io/npm/v/@studiocms/ui)](https://npm.im/@studiocms/ui)
[![Formatted with Biome](https://img.shields.io/badge/Formatted_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev/)
[![Built with Astro](https://astro.badg.es/v2/built-with-astro/tiny.svg)](https://astro.build)

This is the UI library that we use to build StudioCMS.

To see how to get started, check out [the documentation](https://ui.studiocms.dev).

## Contributing

We welcome contributions from the community! Whether it's bug reports, feature requests, or code contributions, we appreciate your help in making this project better.

### Bug Reports and Feature Requests

If you encounter any bugs or have ideas for new features, please [open an issue](https://github.com/withstudiocms/ui/issues/new/choose) on our [GitHub repository](https://github.com/withstudiocms/ui/). When creating a new issue, please provide as much detail as possible, including steps to reproduce the issue (for bugs) or a clear description of the proposed feature.

### Code Contributions

If you'd like to contribute code to this project, please follow these steps:

1. Fork the repository and create a new branch for your contribution.
2. Make your changes and ensure that the code follows our coding conventions and style guidelines.
3. Write tests for your changes, if applicable.
4. Update the documentation, if necessary.
5. Commit your changes and push them to your forked repository.
6. Open a pull request against the main repository, providing a clear description of your changes and their purpose.

We will review your contribution as soon as possible and provide feedback or merge it into the main codebase if everything looks good.

Please note that by contributing to this project, you agree to our [Code of Conduct](https://github.com/withstudiocms/.github/blob/main/CODE_OF_CONDUCT.md).

Thank you for your interest in contributing to this project!

## Chat with Us

We have an active community of developers on the StudioCMS [Discord Server](https://chat.studiocms.dev/). Feel free to join and connect with other contributors, ask questions, or discuss ideas related to this project or other StudioCMS projects.

## Our ToolSet

For an up-to-date list of our main tools check out our [`.prototools`](https://github.com/withstudiocms/ui/blob/main/.prototools) file.

For more information about Proto checkout [Proto's Website](https://moonrepo.dev/proto).

## Licensing

[MIT Licensed](./LICENSE) - StudioCMS 2024
npm package: @studiocms/upgrade
Description: StudioCMS CLI Package Upgrade Utility
Author: withstudiocms
Latest version: 0.2.1

# @studiocms/upgrade

A command-line tool for upgrading your StudioCMS installation and dependencies.

You can run this command in your terminal to upgrade your official Astro Project, integrations at the same time as you upgrade StudioCMS.

## Usage

`@studiocms/upgrade` should not be added as a dependency to your project, but run as a temporary executable whenever you want to upgrade using [`npx`](https://docs.npmjs.com/cli/v10/commands/npx) or [`dlx`](https://pnpm.io/cli/dlx).

**With NPM:**

```bash
npx @studiocms/upgrade
```

**With Yarn:**

```bash
yarn dlx @studiocms/upgrade
```

**With PNPM:**

```bash
pnpm dlx @studiocms/upgrade
```

## Options

### tag (optional)

It is possible to pass a specific `tag` to resolve packages against. If not included, `@studiocms/upgrade` looks for the `latest` tag.

**With NPM:**

```bash
npx @studiocms/upgrade beta
```

**With Yarn:**

```bash
yarn dlx @studiocms/upgrade beta
```

**With PNPM:**

```bash
pnpm dlx @studiocms/upgrade beta
```
npm package: @studiocms/wysiwyg
Description: Add A WYSIWYG Editor to your StudioCMS project with ease!
Author: withstudiocms
Latest version: 0.3.0

# @studiocms/wysiwyg

[![codecov](https://codecov.io/github/withstudiocms/studiocms/graph/badge.svg?token=RN8LT1O5E2&component=studiocms_wysiwyg)](https://codecov.io/github/withstudiocms/studiocms)

Add a WYSIWYG editor to your StudioCMS dashboard.

## Overview

Add this plugin to your StudioCMS config (`studiocms.config.mjs` or `.mts`):

```ts
import wysiwyg from '@studiocms/wysiwyg';

export default defineStudioCMSConfig({
    // other options here
    plugins: [wysiwyg()]
});
```

## License

[MIT Licensed](./LICENSE).
npm package: @studiocompanion/eslint-config
Description: ESLint configuration for companion projects in TS & JS react
Author: Josh
Latest version: 1.2.2

# eslint-config-companion

## Overview

By default this eslint-config is designed for React Typescript projects. However there is a Non-Typescript React version available too. Because we don't often do a project without `react` there is no `vanilla` eslint config. However, if you feel like you need it, why not make it and create a PR?

## Base config

This is accessed by the route `
npm package: @studiocubics/components
Description: Package containing UI components by Studio Cubics
Author: Studio Cubics
Latest version: 0.0.28

# Components

## Cards

[x] Card
[x] GlassCard
[x] CollectionItemCard

## Display

[x] Accordion
[] AspectRatio
[] Carousel
[x] Chip
[] Code
[x] IdentityDisplay
[x] Kbd
[x] LabeledValue
[x] List
[x] Skeleton
[] Toast
[x] Tooltip
[] WIP

## Forms

[x] ConfirmationForm

## Inputs

[x] Button
[] ButtonGroup
[x] Checkbox
[] Combobox
[] DateTime
[] OTP
[x] Select
[] Slider
[x] Switch
[x] TextAreaInput
[x] TextInput
[] ToggleGroup

## Layout

[x] Dialog
[x] PageLayout
[x] PageLayoutPagination
[x] PageLayoutTabs
[x] Popover
[x] SectionWrapper
[x] Sidebar
[x] Table

## Misc

[x] Cursor
[x] Logos
[x] Ripple
[x] Spinner
[x] TransitionAnimation

## Navigation

[x] Breadcrumbs
[x] Pagination
[x] Tabs

## Typography

[x] ClampedText
[x] CopyableText
[x] PageTitle
npm package: @studiocubics/hooks
Description: Package containing important hooks by Studio Cubics
Author: Studio Cubics
Latest version: 0.0.28

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## React Compiler

The React Compiler is currently not compatible with SWC. See [this issue](https://github.com/vitejs/vite-plugin-react/issues/428) for tracking the progress.

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

```js
export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```
npm package: @studiocubics/next
Description: Package containing components associated with Next JS by Studio Cubics
Author: Studio Cubics
Latest version: 0.0.28

# @studiocubics/next

To install dependencies:

```bash
bun install
```

To run:

```bash
bun run index.ts
```

This project was created using `bun init` in bun v1.3.7. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.
npm package: @studiogm/gm-mcp
Description: 归梦MCP脚手架 - 快速创建MCP TypeScript项目的脚手架工具
Author: Studio GMLS
Latest version: 0.0.4

# GM-MCP (归梦MCP脚手架)

一个用于快速创建MCP TypeScript项目的脚手架工具。

## 功能特性

- 🚀 快速初始化MCP TypeScript项目
- 📦 多种项目模板（基础、高级、最小）
- 🎨 美观的控制台输出
- ⚡ 交互式项目配置
- 🔧 自动依赖安装
- 📚 完整的帮助系统
- 🔄 版本检查和更新功能

## 安装

```bash
npm install -g @studiogm/gm-mcp
```

## 使用方法

### 初始化新项目

```bash
# 交互式创建项目
gm-mcp init my-mcp-project

# 使用指定模板
gm-mcp init my-project --template advanced

# 跳过确认，使用默认配置
gm-mcp init my-project --yes
```

### 查看帮助

```bash
gm-mcp --help
gm-mcp help
```

### 查看版本

```bash
gm-mcp version
```

### 检查更新

```bash
gm-mcp update
```

## 项目模板

### 基础模板 (basic)
- 基本的MCP服务器结构
- TypeScript配置
- 测试框架
- ESLint代码检查
- 示例工具（问候、计算器）

### 高级模板 (advanced)
- 完整的项目架构
- 日志系统
- 配置管理
- 工具注册器
- 输入验证
- 更多示例工具

### 最小模板 (minimal)
- 最简化的MCP服务器
- 单个问候工具
- 最小依赖

## 开发

### 构建项目

```bash
npm run build
```

### 开发模式

```bash
npm run dev
```

### 运行

```bash
npm start
```

## 技术栈

- **TypeScript** - 类型安全的JavaScript
- **Commander.js** - 命令行界面
- **Chalk** - 终端字符串样式
- **Ora** - 优雅的终端加载器
- **Inquirer** - 交互式命令行提示
- **fs-extra** - 增强的文件系统操作

## 许可证

MIT

## 贡献

欢迎提交Issue和Pull Request！

## 相关链接

- [GitHub仓库](https://github.com/studiogmls/gm-mcp)
- [MCP官方文档](https://modelcontextprotocol.io/)
- [TypeScript文档](https://www.typescriptlang.org/)
- [Commander.js文档](https://github.com/tj/commander.js)
npm package: @studiohaiku/sakura-react
Description: React components based on Sakura-DL
Author: Studio-Haiku
Latest version: 1.0.2-f

# sakura-react

> React components based on Sakura-DL

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

# WARNING
These components are not production ready yet.

## Install

```bash
npm install --save @studiohaiku/sakura-react
```



## License

MIT © [Studio-Haiku](https://github.com/Studio-Haiku)
npm package: @studiohb/vat-calculator
Description: Very simple vat calculator
Author: Studio HB
Latest version: 1.0.0

# VAT Calculator

![](https://img.shields.io/github/license/studiohb/change-me)
![Test](https://github.com/studiohb/vat-calculator/workflows/Test/badge.svg)
![Lint](https://github.com/studiohb/vat-calculator/workflows/Lint/badge.svg)

## Introduction

This package provides a straight forward JavaScript functions to handle vat calculations.

## How to use

## How to configure

## Licence

This project is released under the [MIT](https://opensource.org/licenses/MIT) license.

## About us

<img src="https://www.studio-hb.com/assets/logo-studio-hb-b65681ecbcfbb2c56154ef3da19c09cf20378bb4e341e5f9b57ab319bfec43bc.svg" width="400" />

[Studio HB](https://www.studio-hb.com/) is a Web agency specialized in the custom development.
npm package: @studiohyperdrive/cli
Description: Studio Hyperdrive CLI for linters, Node.js bootstrap and more
Author: Niels Bril
Latest version: 0.0.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@studiohyperdrive/cli
=====================

Studio Hyperdrive CLI for linters, project bootstrap and more

[![Version](https://img.shields.io/npm/v/@studiohyperdrive/cli.svg)](https://npmjs.org/package/@studiohyperdrive/cli)
[![Downloads/week](https://img.shields.io/npm/dw/@studiohyperdrive/cli.svg)](https://npmjs.org/package/@studiohyperdrive/cli)

* [Usage](#usage)
* [Commands](#commands)

# Usage

```sh-session
$ npm install -g @studiohyperdrive/cli

$ shd COMMAND
running command...

$ shd (-v|--version|version)
@studiohyperdrive/cli/0.0.0 darwin-x64 node-v8.9.4

$ shd --help [COMMAND]
USAGE
  $ shd COMMAND
...
```

# Commands

* [`shd lint`](#shd-lint)
* [`shd npm`](#shd-npm)
* [`shd help [COMMAND]`](#shd-help-command)

## `shd lint`

Install the @studiohyperdrive linters

```
USAGE
  $ shd lint

OPTIONS
  -h, --help       show CLI help
  -e, --eslint     install @studiohyperdrive/eslint-config
  -s, --stylelint  install @studiohyperdrive/stylelint-config
  -t, --tslint     install @studiohyperdrive/tslint-config
  -f, --files      add configuration files

EXAMPLE
  $ shd lint
```

## `shd npm`

Open the @studiohyperdrive organization on npm

```
USAGE
  $ shd npm

OPTIONS
  -h, --help       show CLI help

EXAMPLE
  $ shd npm
```

## `shd help [COMMAND]`

Display help for a command in the SHD CLI

```
USAGE
  $ shd help [COMMAND]

ARGUMENTS
  COMMAND  command to show help for

OPTIONS
  --all  see all commands in CLI
```
npm package: @studiohyperdrive/howto-schematics
Description: A blank schematics
Latest version: 1.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Getting Started With Schematics

This repository is a basic Schematic implementation that serves as a starting point to create and publish Schematics to NPM.

### Testing

To test locally, install `@angular-devkit/schematics-cli` globally and use the `schematics` command line tool. That tool acts the same as the `generate` command of the Angular CLI, but also has a debug mode.

Check the documentation with
```bash
schematics --help
```

### Unit Testing

`npm run test` will run the unit tests, using Jasmine as a runner and test framework.

### Publishing

To publish, simply do:

```bash
npm run build
npm publish
```

That's it!