Files
supabase/apps/design-system/lib/rehype-npm-command.ts
b8243e06d8 Feat/design system site (#26586)
* init site

* add nav menu

* add props table component

* init all the examples

• also includes moving a bunch of ./ui files to ./ui-patterns

* update package

• might need to remove some of these

* Update rehype-component.ts

* move nav

* more changes

* add new source information to contentlayer

* fix copy buttons

* add text-confirm. start new concept of "fragments"

* move base path. add homepage. add theme selection

* added colors

* add form-item-layout

* temporary fix code blocks in light mode. they currently don't switch theme to theme

* start adding code themes

* Update dark.json

* update code block themes

* fix animations

* add cdmk search

* export registry of icons in ./icons package

* add comments

* add icon copy stuff

* Update icons.tsx

* more docs

* more docs. cleaned up colors and icons docs

* Update theming.mdx

* add more docs

* update

* add package

* Update tailwind.config.js

* update content

* Update drawer-demo.tsx

* Update aspect-ratio-demo.tsx

* add new blocks

* Update source-panel.tsx

* Update source-panel.tsx

* Update source-panel.tsx

* add new source block

* Update source-panel.tsx

* Update _app.tsx

* Update page.tsx

* Delete layout-old.tsx

* remove old themes

* remove old ui registry

* comment out nav items

* Update package-lock.json

* Update AssistantChatForm.tsx

* move back

* move again

* update

* Update index.tsx

* Update package-lock.json

* Update package-lock.json

* Update package-lock.json

* update package

* udpate prettier

* fix tag issues

* Update package-lock.json

* update to contentlayer2

* update package-lock.json

* fix type errors

* ignore spelling

* Update avoid-typos.yml

* Update avoid-typos.yml

* Update package-lock.json

* Use ui type definitions.

* move tsconfig base stuff. fix content layer issue

* Update package-lock.json

* Update package-lock.json

---------

Co-authored-by: Alaister Young <a@alaisteryoung.com>
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
2024-05-23 17:39:56 +08:00

43 lines
1.8 KiB
TypeScript

import { UnistNode, UnistTree } from 'types/unist'
import { visit } from 'unist-util-visit'
export function rehypeNpmCommand() {
return (tree: UnistTree) => {
visit(tree, (node: UnistNode) => {
if (node.type !== 'element' || node?.tagName !== 'pre') {
return
}
// npm install.
if (node.properties?.['__rawString__']?.startsWith('npm install')) {
const npmCommand = node.properties?.['__rawString__']
node.properties['__npmCommand__'] = npmCommand
node.properties['__yarnCommand__'] = npmCommand.replace('npm install', 'yarn add')
node.properties['__pnpmCommand__'] = npmCommand.replace('npm install', 'pnpm add')
node.properties['__bunCommand__'] = npmCommand.replace('npm install', 'bun add')
}
// npx create.
if (node.properties?.['__rawString__']?.startsWith('npx create-')) {
const npmCommand = node.properties?.['__rawString__']
node.properties['__npmCommand__'] = npmCommand
node.properties['__yarnCommand__'] = npmCommand.replace('npx create-', 'yarn create ')
node.properties['__pnpmCommand__'] = npmCommand.replace('npx create-', 'pnpm create ')
node.properties['__bunCommand__'] = npmCommand.replace('npx', 'bunx --bun')
}
// npx.
if (
node.properties?.['__rawString__']?.startsWith('npx') &&
!node.properties?.['__rawString__']?.startsWith('npx create-')
) {
const npmCommand = node.properties?.['__rawString__']
node.properties['__npmCommand__'] = npmCommand
node.properties['__yarnCommand__'] = npmCommand
node.properties['__pnpmCommand__'] = npmCommand.replace('npx', 'pnpm dlx')
node.properties['__bunCommand__'] = npmCommand.replace('npx', 'bunx --bun')
}
})
}
}