p-sw/pswui-docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(LoadedCode): finish template feature for playground

Browse Source
This commit is contained in:
p-sw 2024-07-12 03:22:14 +09:00
parent d9fea1d8c9
commit dd67bc7685
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/LoadedCode.tsx
View File

@ -18,6 +18,10 @@ export const GITHUB_STORY = (componentName: string, storyName: string) =>
export type TEMPLATE = Record<string, Record<string, string | boolean>>; export type TEMPLATE = Record<string, Record<string, string | boolean>>;
const TEMPLATE_REMOVE_REGEX = /\/\*\s*remove\s*\*\/(.|\n)*?\/\*\s*end\s*\*\//g;
const TEMPLATE_REPLACE_REGEX =
/\/\*\s*replace\s*\*\/(.|\n)*?\/\*\s*with\s*\n((.|\n)+)\n\s*\*\//g;
export const LoadedCode = forwardRef< export const LoadedCode = forwardRef<
HTMLDivElement, HTMLDivElement,
{ from: string; className?: string; template?: TEMPLATE } { from: string; className?: string; template?: TEMPLATE }
@ -39,6 +43,10 @@ export const LoadedCode = forwardRef<
let templatedCode = state; let templatedCode = state;
templatedCode = templatedCode
.replaceAll(TEMPLATE_REMOVE_REGEX, "")
.replaceAll(TEMPLATE_REPLACE_REGEX, "$2");
for (const [componentName, componentTemplateProps] of Object.entries( for (const [componentName, componentTemplateProps] of Object.entries(
template, template,
)) { )) {
@ -46,7 +54,7 @@ export const LoadedCode = forwardRef<
componentTemplateProps, componentTemplateProps,
)) { )) {
const regex = new RegExp( const regex = new RegExp(
`(<${componentName}\s[^]*)\s${propName}=(\{(true|false|"[^"\n]*"|'[^'\n]*'|\`[^\`\n]*\`)\}|"[^"\n]*"|'[^'\n]*')`, `(<${componentName.slice(0, componentName.length - 5)}\\b[^>]*)\\s${propName}={${componentName}.${propName}}`,
); );
templatedCode = templatedCode.replace( templatedCode = templatedCode.replace(
regex, regex,