0 Fork 0

mirror of https://github.com/webstudio-is/webstudio.git synced 2026-11-06 20:13:35 +09:00

Files

T

Node 20 brings a few cool features
- stable test runner
- recursive readdir
- global crypto.randomUUID()

2024-04-21 13:40:44 +07:00

2023-10-06 09:07:59 +02:00

2023-10-15 21:39:57 +02:00

jest.config.js

feat: JSX utils (#2396 )

2023-10-01 12:17:43 +02:00

LICENSE

feat: JSX utils (#2396 )

2023-10-01 12:17:43 +02:00

package.json

2024-04-21 13:40:44 +07:00

README.md

feat: JSX utils (#2396 )

2023-10-01 12:17:43 +02:00

tsconfig.json

feat: JSX utils (#2396 )

2023-10-01 12:17:43 +02:00

JSX Utils

Utilities to work with JSX, including converting it to Webstudio format.

Usage

Install the package

pnpm i @webstudio-is/jsx-utils

Transform a JSX string to Webstudio Embed Template:

import { jsxToWSEmbedTemplate } from "@webstudio-is/jsx-utils";

await jsxToWSEmbedTemplate("<Box>hello</Box>");

Other utils:

traverseTemplate and traverseTemplateAsync to traverse a WsEmbedTemplate and work with nodes
tailwindToWebstudio converts a template className prop to Webstudio local styles
heroiconsToSvgEmbed converts <HeroIcon name="iconName" type="solid"> to HtmlEmbed with inline SVG