@next-bricks/vb-experiment 1.3.12 → 1.3.14

package/dist/chunks/8024.9fc7a2a0.js

@@ -0,0 +1,2 @@
+"use strict";(globalThis.webpackChunk_next_bricks_vb_experiment=globalThis.webpackChunk_next_bricks_vb_experiment||[]).push([[8024],{8024:(e,t,n)=>{var r=n(9936),s=n(2461),o=n.n(s),a=n(5060),i=n(2408),l=n(1914),c=n(3242),d=n(77),u=n(4437),p=n(6337),f=n(1672),m=n(743),h=n(7577),x=n(2582),g=n(535),y=n(4215),w=n(1330),b=n(3812),v=n(1259),A=n(1895),j=n(6414),_=n(7585),k=n(6357),$=n(7837);async function E(e){let{typescript:t,semi:n=!0,printWidth:r}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return await(0,i.GP)(e,{parser:t?"babel-ts":"babel",plugins:[l,c],semi:n,printWidth:r,trailingComma:"es5"})}async function S(e,t,n){for(const r of e){const e=[...n,r.name];if("folder"===r.type){const n=t.folder(r.name);await S(r.items,n,e)}else t.file(`${r.name}.js${"routes"===r.nodeType||"bricks"===r.nodeType||"template"===r.nodeType?"x":""}`,await E((0,f.c)(r.node,r.nodeType,e)))}}function C(e){for(const[t,n]of Object.entries(e))switch(t){case"items":if(Array.isArray(n))for(const e of n)N(e);break;case"type":"main"===n&&delete e[t];break;case"if":break;case"i18n":0===Object.keys(n).length&&delete e[t];break;default:null!==n&&!1!==n||delete e[t]}}function N(e){for(const[t,n]of Object.entries(e))switch(t){case"children":Array.isArray(n)&&n.length>0&&N(n);break;case"if":break;case"activeExcludes":case"activeIncludes":Array.isArray(n)&&0===n.length&&delete e[t];break;default:null!==n&&!1!==n||delete e[t]}}customElements.define("vb-experiment.export-as-source-files",(0,r.createProviderClass)((async function(e){var t,n,r,s,i,l;let{projectDetail:c,storyboard:N}=e;const T=new(o()),M=T.folder("project"),O=M.folder("src"),P={extracts:[],namePool:new Map},I=(0,u.WM)(N.routes,[],P),L={id:c.appId,name:c.name,homepage:c.appSetting.homepage,layoutType:c.appSetting.layoutType,theme:c.appSetting.theme,noAuthGuard:c.appSetting.noAuthGuard,locales:c.appSetting.locales,defaultConfig:JSON.parse(c.appSetting.defaultConfig||"{}"),menuIcon:JSON.parse(c.appSetting.icon||"null"),standaloneMode:!0};O.file("app.js",await E(`export default ${JSON.stringify(L,null,2)};`));const W=null!==(t=N.meta)&&void 0!==t?t:{},J=null!==(n=W.customTemplates)&&void 0!==n?n:[],R=null!==(r=W.functions)&&void 0!==r?r:[],D=null!==(s=W.menus)&&void 0!==s?s:[],F=null!==(i=W.contracts)&&void 0!==i?i:[],G=null!==(l=W.i18n)&&void 0!==l?l:{};delete W.customTemplates,delete W.functions,delete W.menus,delete W.contracts,delete W.i18n,delete W.workflows,delete W.mocks,delete W.userGroups;const z=(0,u.pA)(J,["components"],P);P.extracts.push({name:"index",path:["components"],node:z,nodeType:"others"});const B=(0,p._)(P.extracts);O.file("index.js",h),O.file("routes.jsx",await E((0,f.c)(I,"routes",["routes.jsx"])));const U=O.folder("resources"),H=U.folder("functions"),q=[],V=[];for(const e of R){if("index"===e.name)throw new Error('Unexpected function name: "index"');const t=new Set;let{code:n}=(0,d.transform)(e.source,{filename:"expr."+(e.typescript?"ts":"js"),plugins:[...e.typescript?["syntax-typescript"]:[],k.A,[$.A,{imports:t}]]});const r=t.has("FN");r&&t.delete("FN");const s=[];t.size>0&&s.push(`import { ${[...t].join(", ")} } from "next-jsx/runtime";`),r&&s.push('import FN from "./index.js";'),s.length>0&&(n=`${s.join("\n")}\n\n${n}`),H.file(`${e.name}.${e.typescript?"ts":"js"}`,n),V.push(`import ${e.name} from "./${e.name}.js";`),q.push(e.name)}H.file("index.js",await E(`${V.join("\n")}\n\nconst FN = { ${q.join(",")} };\n\nexport default FN;`));const K=U.folder("menus"),Q=[],X=[];for(const e of D){if(C(e),"index"===e.menuId)throw new Error('Unexpected menu id: "index"');const t=`${e.menuId}.js`;K.file(t,await E((0,f.c)(e,"menu",["resources","menus",t])));let n=e.menuId.replace(/^\d+|[^\w]+/g,"_");_.bB.has(n)&&(n=`${n}__2`),X.push(`import ${n} from "./${t}";`),Q.push(n)}K.file("index.js",await E(`${X.join("\n")}\n\nexport default [${Q.join(",")}]`));const Y=U.folder("contracts"),Z=[],ee=new Set;for(const e of F){const t=e.name.replace(/^\d+|[^\w]+/g,"_");let n=2,r=t;for(;ee.has(r)||_.bB.has(r)||"index"===r;)r=`${t}_${n++}`;ee.add(r),Y.file(`${r}.js`,await E(`export default ${JSON.stringify(e)};`)),Z.push(`import ${r} from "./${r}.js";`)}Y.file("index.js",await E(`${Z.join("\n")}\n\nexport default [${[...ee].join(",")}]`)),U.folder("i18n").file("index.js",await E(`export default ${JSON.stringify(G)};`)),U.file("meta.js",await E(`export default ${JSON.stringify(W,null,2)};`)),U.file("index.js",m),await S(B,O,[]),M.folder("mock-micro-apps").folder(c.appId).file(".gitignore","*\n!.gitignore"),M.file(".editorconfig",x),M.file(".gitignore",g),M.file("dev.config.mjs",w),M.file("declarations.d.ts",y),M.file("jsconfig.json",b),M.file("next-jsx.config.js",v.replaceAll("__APP_ID__",c.appId)),M.file("package.json",A.replaceAll("__APP_ID__",c.appId)),M.file("README.md",j.replaceAll("__PROJECT_NAME__",c.name).replaceAll("__PROJECT_HOMEPAGE__",c.appSetting.homepage));const te=await T.generateAsync({type:"blob"});(0,a.saveAs)(te,"project.zip")}))),customElements.define("vb-experiment.export-widgets",(0,r.createProviderClass)((async function(e){let{name:t,files:n}=e;const r=new Map,s=new(o()),i=s.folder("widgets").folder(t);for(const{path:e,content:t}of n){const n=e.split("/"),s=n.pop();let o=i,a=1;for(const e of n){const t=n.slice(0,a).join("/"),s=r.get(t);s?o=s:(o=o.folder(e),r.set(t,o)),a++}o.file(s,t)}const l=await s.generateAsync({type:"blob"});(0,a.saveAs)(l,`${t}.zip`)})));var T,M=n(4635),O=n(918),P=n(6902),I=n(5536),L=n(6121),W=n(829),J=n(2740),R=n(8769),D=n.n(R),F=n(870),G=n(1921),z=n(981),B=n(9711),U=n(563),H=n(5146),q=n(2518),V=n(1086),K=(n(4419),n(795)),Q=n(1746),X=n(9482);let Y,Z,ee,te,ne,re,se,oe,ae;const ie=D().lazy((async()=>({default:await(0,B.asyncWrapBrick)("vs.code-editor",{onCodeChange:"code.change"})}))),le=[{filePath:"/node_modules/next-tsx/components.d.ts",content:q.replaceAll("export interface","interface")},{filePath:"/node_modules/next-tsx/package.json",content:JSON.stringify({name:"next-tsx",types:"./index.d.ts"})},{filePath:"/node_modules/next-tsx/index.d.ts",content:H}],{defineElement:ce,property:de,event:ue}=(0,F.createDecorators)();let pe;var fe=new WeakMap,me=new WeakMap,he=new WeakMap,xe=new WeakSet,ge=new WeakMap;class ye extends z.ReactNextElement{constructor(){super(...arguments),(0,M.A)(this,xe),(0,O.A)(this,fe,Z(this)),(0,O.A)(this,me,(ee(this),te(this))),(0,O.A)(this,he,(ne(this),re(this))),(0,O.A)(this,ge,(ae(this),e=>{var t;null===(t=(0,I.A)(xe,this,se))||void 0===t||t.emit(e)}))}get source(){return(0,W.A)(fe,this)}set source(e){(0,L.A)(fe,this,e)}get extraLibs(){return(0,W.A)(me,this)}set extraLibs(e){(0,L.A)(me,this,e)}render(){return D().createElement(be,{source:this.source,extraLibs:this.extraLibs,onChange:(0,W.A)(ge,this)})}}function we(e){switch(e){case"notice":return"Hint";case"warning":return"Warning";case"error":case"fatal":return"Error"}return e}function be(e){let{source:t,extraLibs:n,onChange:r}=e;const[s,o]=(0,R.useState)(null!=t?t:""),a=(0,R.useDeferredValue)(s),[i,l]=(0,R.useState)(),[c,d]=(0,R.useState)(),u=(0,R.useMemo)((()=>[...le,...null!=n?n:[]]),[n]),p=(0,R.useCallback)((e=>{o(e.detail),r(e.detail)}),[r]);(0,R.useEffect)((()=>{let e=!1;return async function(){const t=await(0,Q.f)();if(e)return;const n=await t.parse(a);if(e)return;d(n);const r=n.errors.filter((e=>!!e.node));r.length>0?l(r.map((e=>({message:e.message,severity:we(e.severity),startLineNumber:e.node.loc.start.line,startColumn:e.node.loc.start.column+1,endLineNumber:e.node.loc.end.line,endColumn:e.node.loc.end.column+1})))):l(void 0)}(),()=>{e=!0}}),[a]);const f=(0,R.useMemo)((()=>(0,U.uniqueId)()),[]),m=(0,R.useRef)(null),h=(0,R.useRef)(null);return(0,R.useEffect)((()=>{const e=m.current;if(!e)return;const t=(0,X.d)(f),n=(0,G.unstable_createRoot)(e,{portal:t,supportsUseChildren:!0});return h.current=n,()=>{n.unmount(),t.remove(),h.current=null}}),[f]),(0,R.useEffect)((()=>{let e=!1;return(async()=>{if(!c)return;let t;try{var n;if(t=await(0,V.d)(c,{rootId:f,expanded:!0}),e)return;const{brick:r,context:s,functions:o,templates:a}=null!=t?t:{};await(null===(n=h.current)||void 0===n?void 0:n.render(null!=r?r:[],{context:s,functions:o,templates:a}))}catch(e){var r;console.error("Failed to render view:",e),null===(r=h.current)||void 0===r||r.render({brick:customElements.get("easyops-default-error")?"easyops-default-error":"div",properties:{errorTitle:"解析失败",dataset:{errorBoundary:""},style:{color:"var(--color-error)"}},children:[{brick:"div",properties:{textContent:(0,G.httpErrorToString)(e)}}]})}})(),()=>{e=!0}}),[f,c]),D().createElement("div",{className:K.A.container},D().createElement("div",{className:K.A.editor},D().createElement(R.Suspense,{fallback:"Loading..."},D().createElement(ie,{value:t,onCodeChange:p,language:"typescript",uri:"file:///view.tsx",automaticLayout:"fit-container",theme:"tm-vs-dark",extraLibs:u,extraMarkers:i,"data-override-theme":"dark-v2"}))),D().createElement("div",{className:K.A.preview},D().createElement("div",{"data-root-id":f,ref:m})))}T=ye,({e:[Z,ee,te,ne,re,se,oe,ae],c:[pe,Y]}=(0,J.A)(T,[ce("vb-experiment.tsx-playground",{shadowOptions:!1})],[[de({attribute:!1}),1,"source"],[de({attribute:!1}),1,"extraLibs"],[ue({type:"change"}),1,"change",e=>(0,W.A)(he,e),(e,t)=>(0,L.A)(he,e,t)]],0,(e=>ge.has((0,P.A)(e))),z.ReactNextElement)),Y()}}]);
+//# sourceMappingURL=8024.9fc7a2a0.js.map

package/dist/chunks/8024.9fc7a2a0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunks/8024.9fc7a2a0.js","mappings":"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","sources":["webpack:///./src/data-providers/export-as-source-files.ts","webpack:///./src/data-providers/export-widgets.ts","webpack:///./src/tsx-playground/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport type { Storyboard, MicroApp, StoryboardMeta } from \"@next-core/types\";\nimport { createProviderClass } from \"@next-core/utils/general\";\nimport JSZip from \"jszip\";\nimport { saveAs } from \"file-saver\";\nimport { format } from \"prettier/standalone\";\nimport * as prettierPluginBabel from \"prettier/plugins/babel\";\nimport * as prettierPluginEstree from \"prettier/plugins/estree\";\nimport { transform } from \"@babel/standalone\";\nimport {\n  ExtractState,\n  extractRoutes,\n  extractTemplates,\n} from \"./utils/extract.js\";\nimport {\n  SourceFileOrFolder,\n  buildFileStructure,\n} from \"./utils/buildFileStructure.js\";\nimport { generate } from \"./utils/generators/generate.js\";\nimport srcResourcesIndexJs from \"./raws/src/resources/index.js.txt\";\nimport srcIndexJs from \"./raws/src/index.js.txt\";\nimport editorConfig from \"./raws/.editorconfig.txt\";\nimport gitIgnore from \"./raws/.gitignore.txt\";\nimport declarationsDTs from \"./raws/declarations.d.ts.txt\";\nimport devConfigMjs from \"./raws/dev.config.mjs.txt\";\nimport jsconfigJson from \"./raws/jsconfig.json.txt\";\nimport nextJsxConfigJs from \"./raws/next-jsx.config.js.txt\";\nimport packageJson from \"./raws/package.json.txt\";\nimport readmeMd from \"./raws/README.md.txt\";\nimport { JS_RESERVED_WORDS } from \"./utils/constants.js\";\nimport TransformStoryboardFunction from \"./utils/plugins/storyboard-function.js\";\nimport SmartImports from \"./utils/plugins/smart-imports.js\";\n\nexport interface StoryboardAssemblyResult {\n  storyboard: Storyboard;\n\n  projectDetail: {\n    appId: string;\n    name: string;\n    appSetting: Pick<\n      MicroApp,\n      \"homepage\" | \"theme\" | \"locales\" | \"noAuthGuard\"\n    > & {\n      layoutType?: string;\n      defaultConfig?: string;\n      icon?: string;\n    };\n    brickNextVersion?: number;\n  };\n}\n\nexport async function exportAsSourceFiles({\n  projectDetail,\n  storyboard,\n}: StoryboardAssemblyResult): Promise<void> {\n  const zip = new JSZip();\n  const project = zip.folder(\"project\")!;\n  const src = project.folder(\"src\")!;\n\n  const extractState: ExtractState = {\n    extracts: [],\n    namePool: new Map(),\n  };\n  const extractedRoutes = extractRoutes(storyboard.routes, [], extractState);\n\n  const app: MicroApp & { layoutType?: string } = {\n    id: projectDetail.appId,\n    name: projectDetail.name,\n    homepage: projectDetail.appSetting.homepage,\n    layoutType: projectDetail.appSetting.layoutType,\n    theme: projectDetail.appSetting.theme,\n    noAuthGuard: projectDetail.appSetting.noAuthGuard,\n    locales: projectDetail.appSetting.locales,\n    defaultConfig: JSON.parse(projectDetail.appSetting.defaultConfig || \"{}\"),\n    menuIcon: JSON.parse(projectDetail.appSetting.icon || \"null\"),\n    standaloneMode: true,\n  };\n  src.file(\n    \"app.js\",\n    await formatJs(`export default ${JSON.stringify(app, null, 2)};`)\n  );\n\n  const meta = (storyboard.meta ?? {}) as StoryboardMeta & {\n    workflows?: unknown;\n    userGroups?: unknown;\n  };\n  const customTemplates = meta.customTemplates ?? [];\n  const functions = meta.functions ?? [];\n  const menus = meta.menus ?? [];\n  const contracts = meta.contracts ?? [];\n  const i18n = meta.i18n ?? {};\n  delete meta.customTemplates;\n  delete meta.functions;\n  delete meta.menus;\n  delete meta.contracts;\n  delete meta.i18n;\n  delete meta.workflows;\n  delete meta.mocks;\n  delete meta.userGroups;\n\n  const extractedTemplates = extractTemplates(\n    customTemplates,\n    [\"components\"],\n    extractState\n  );\n  extractState.extracts.push({\n    name: \"index\",\n    path: [\"components\"],\n    node: extractedTemplates,\n    nodeType: \"others\",\n  });\n\n  const fileStructure = buildFileStructure(extractState.extracts);\n\n  src.file(\"index.js\", srcIndexJs);\n\n  src.file(\n    \"routes.jsx\",\n    await formatJs(generate(extractedRoutes, \"routes\", [\"routes.jsx\"]))\n  );\n\n  const resources = src.folder(\"resources\")!;\n\n  // Functions\n  const fnDir = resources.folder(\"functions\")!;\n  const fnNames: string[] = [];\n  const fnImports: string[] = [];\n  for (const fn of functions) {\n    if (fn.name === \"index\") {\n      throw new Error('Unexpected function name: \"index\"');\n    }\n\n    // Prepend with `export default` for functions\n    const inferredImports = new Set<string>();\n    let { code } = transform(fn.source, {\n      filename: `expr.${fn.typescript ? \"ts\" : \"js\"}`,\n      plugins: [\n        ...(fn.typescript ? [\"syntax-typescript\"] : []),\n        TransformStoryboardFunction,\n        [\n          SmartImports,\n          {\n            imports: inferredImports,\n          },\n        ],\n      ],\n    }) as { code: string };\n    const hasFN = inferredImports.has(\"FN\");\n    if (hasFN) {\n      inferredImports.delete(\"FN\");\n    }\n    const importStrings: string[] = [];\n    if (inferredImports.size > 0) {\n      importStrings.push(\n        `import { ${[...inferredImports].join(\", \")} } from \"next-jsx/runtime\";`\n      );\n    }\n    if (hasFN) {\n      importStrings.push(`import FN from \"./index.js\";`);\n    }\n    if (importStrings.length > 0) {\n      code = `${importStrings.join(\"\\n\")}\\n\\n${code}`;\n    }\n\n    fnDir.file(`${fn.name}.${fn.typescript ? \"ts\" : \"js\"}`, code);\n    fnImports.push(`import ${fn.name} from \"./${fn.name}.js\";`);\n    fnNames.push(fn.name);\n  }\n  fnDir.file(\n    \"index.js\",\n    await formatJs(\n      `${fnImports.join(\"\\n\")}\\n\\nconst FN = { ${fnNames.join(\n        \",\"\n      )} };\\n\\nexport default FN;`\n    )\n  );\n\n  // Menus\n  const menusDir = resources.folder(\"menus\")!;\n  const menuNames: string[] = [];\n  const menuImports: string[] = [];\n  for (const menu of menus) {\n    cleanMenu(menu);\n    if (menu.menuId === \"index\") {\n      throw new Error('Unexpected menu id: \"index\"');\n    }\n    const filename = `${menu.menuId}.js`;\n    menusDir.file(\n      filename,\n      await formatJs(generate(menu, \"menu\", [\"resources\", \"menus\", filename]))\n    );\n    let name = menu.menuId.replace(/^\\d+|[^\\w]+/g, \"_\");\n    if (JS_RESERVED_WORDS.has(name)) {\n      name = `${name}__2`;\n    }\n    menuImports.push(`import ${name} from \"./${filename}\";`);\n    menuNames.push(name);\n  }\n  menusDir.file(\n    \"index.js\",\n    await formatJs(\n      `${menuImports.join(\"\\n\")}\\n\\nexport default [${menuNames.join(\",\")}]`\n    )\n  );\n\n  // Contracts\n  const contractsDir = resources.folder(\"contracts\")!;\n  const contractImports: string[] = [];\n  const contractNames = new Set<string>();\n  for (const contract of contracts) {\n    const baseName = contract.name.replace(/^\\d+|[^\\w]+/g, \"_\");\n    let counter = 2;\n    let varName = baseName;\n    while (\n      contractNames.has(varName) ||\n      JS_RESERVED_WORDS.has(varName) ||\n      varName === \"index\"\n    ) {\n      varName = `${baseName}_${counter++}`;\n    }\n    contractNames.add(varName);\n\n    contractsDir.file(\n      `${varName}.js`,\n      await formatJs(`export default ${JSON.stringify(contract)};`)\n    );\n    contractImports.push(`import ${varName} from \"./${varName}.js\";`);\n  }\n  contractsDir.file(\n    \"index.js\",\n    await formatJs(\n      `${contractImports.join(\"\\n\")}\\n\\nexport default [${[\n        ...contractNames,\n      ].join(\",\")}]`\n    )\n  );\n\n  resources\n    .folder(\"i18n\")!\n    .file(\n      \"index.js\",\n      await formatJs(`export default ${JSON.stringify(i18n)};`)\n    );\n  resources.file(\n    \"meta.js\",\n    await formatJs(`export default ${JSON.stringify(meta, null, 2)};`)\n  );\n  resources.file(\"index.js\", srcResourcesIndexJs);\n\n  await generateByFileStructure(fileStructure, src, []);\n\n  const appDir = project\n    .folder(\"mock-micro-apps\")!\n    .folder(projectDetail.appId)!;\n  appDir.file(\".gitignore\", \"*\\n!.gitignore\");\n\n  project.file(\".editorconfig\", editorConfig);\n  project.file(\".gitignore\", gitIgnore);\n  project.file(\"dev.config.mjs\", devConfigMjs);\n  project.file(\"declarations.d.ts\", declarationsDTs);\n  project.file(\"jsconfig.json\", jsconfigJson);\n  project.file(\n    \"next-jsx.config.js\",\n    nextJsxConfigJs.replaceAll(\"__APP_ID__\", projectDetail.appId)\n  );\n  project.file(\n    \"package.json\",\n    packageJson.replaceAll(\"__APP_ID__\", projectDetail.appId)\n  );\n  project.file(\n    \"README.md\",\n    readmeMd\n      .replaceAll(\"__PROJECT_NAME__\", projectDetail.name)\n      .replaceAll(\"__PROJECT_HOMEPAGE__\", projectDetail.appSetting.homepage)\n  );\n\n  const blob = await zip.generateAsync({ type: \"blob\" });\n  saveAs(blob, \"project.zip\");\n}\n\ninterface FormatJsOptions {\n  typescript?: boolean;\n  semi?: boolean;\n  printWidth?: number;\n}\n\nasync function formatJs(\n  source: string,\n  { typescript, semi = true, printWidth }: FormatJsOptions = {}\n): Promise<string> {\n  return await format(source, {\n    parser: typescript ? \"babel-ts\" : \"babel\",\n    plugins: [prettierPluginBabel, prettierPluginEstree as any],\n    semi,\n    printWidth,\n    trailingComma: \"es5\",\n  });\n}\n\nasync function generateByFileStructure(\n  items: SourceFileOrFolder[],\n  folder: JSZip,\n  path: string[]\n) {\n  for (const item of items) {\n    const childPath = [...path, item.name];\n    if (item.type === \"folder\") {\n      const childFolder = folder.folder(item.name)!;\n      await generateByFileStructure(item.items, childFolder, childPath);\n    } else {\n      folder.file(\n        `${item.name}.js${\n          item.nodeType === \"routes\" ||\n          item.nodeType === \"bricks\" ||\n          item.nodeType === \"template\"\n            ? \"x\"\n            : \"\"\n        }`,\n        await formatJs(generate(item.node, item.nodeType, childPath))\n      );\n    }\n  }\n}\n\nfunction cleanMenu(menu: Record<string, any>) {\n  for (const [key, value] of Object.entries(menu)) {\n    switch (key) {\n      case \"items\":\n        if (Array.isArray(value)) {\n          for (const item of value) {\n            cleanMenuItem(item);\n          }\n        }\n        break;\n      case \"type\":\n        if (value === \"main\") {\n          delete menu[key];\n        }\n        break;\n      case \"if\":\n        break;\n      case \"i18n\":\n        if (Object.keys(value).length === 0) {\n          delete menu[key];\n        }\n        break;\n      default:\n        if (value === null || value === false) {\n          delete menu[key];\n        }\n    }\n  }\n}\n\nfunction cleanMenuItem(menuItem: Record<string, any>) {\n  for (const [key, value] of Object.entries(menuItem)) {\n    switch (key) {\n      case \"children\":\n        if (Array.isArray(value) && value.length > 0) {\n          cleanMenuItem(value);\n        }\n        break;\n      case \"if\":\n        break;\n      case \"activeExcludes\":\n      case \"activeIncludes\":\n        if (Array.isArray(value) && value.length === 0) {\n          delete menuItem[key];\n        }\n        break;\n      default:\n        if (value === null || value === false) {\n          delete menuItem[key];\n        }\n    }\n  }\n}\n\ncustomElements.define(\n  \"vb-experiment.export-as-source-files\",\n  createProviderClass(exportAsSourceFiles)\n);\n","import { createProviderClass } from \"@next-core/utils/general\";\nimport JSZip from \"jszip\";\nimport { saveAs } from \"file-saver\";\n\ninterface ExportWidgetsParams {\n  name: string;\n  files: FileInfo[];\n}\n\ninterface FileInfo {\n  path: string;\n  content: string;\n}\n\nexport async function exportWidgets({\n  name,\n  files,\n}: ExportWidgetsParams): Promise<void> {\n  const fs = new Map<string, JSZip>();\n  const zip = new JSZip();\n  const widgets = zip.folder(\"widgets\")!;\n  const project = widgets.folder(name)!;\n\n  for (const { path, content } of files) {\n    const segments = path.split(\"/\");\n    const filename = segments.pop()!;\n    let handle = project;\n    let i = 1;\n    for (const segment of segments) {\n      const current = segments.slice(0, i).join(\"/\");\n      const found = fs.get(current);\n      if (found) {\n        handle = found;\n      } else {\n        handle = handle.folder(segment)!;\n        fs.set(current, handle);\n      }\n      i++;\n    }\n    handle.file(filename, content);\n  }\n\n  const blob = await zip.generateAsync({ type: \"blob\" });\n  saveAs(blob, `${name}.zip`);\n}\n\ncustomElements.define(\n  \"vb-experiment.export-widgets\",\n  createProviderClass(exportWidgets)\n);\n","import React, {\n  Suspense,\n  useCallback,\n  useDeferredValue,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { httpErrorToString, unstable_createRoot } from \"@next-core/runtime\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport { asyncWrapBrick } from \"@next-core/react-runtime\";\nimport { uniqueId } from \"lodash\";\nimport type {\n  CodeEditor,\n  CodeEditorProps,\n  ExtraLib,\n  ExtraMarker,\n} from \"@next-bricks/vs/code-editor\";\nimport nextTsxDefinition from \"@next-shared/tsx-parser/lib/next-tsx.d.ts?raw\";\nimport componentsDefinition from \"@next-shared/tsx-converter/lib/components.d.ts?raw\";\nimport { convertTsx, type ConvertResult } from \"@next-shared/tsx-converter\";\nimport type { ParseResult } from \"@next-shared/tsx-parser\";\nimport \"@next-core/theme\";\nimport styles from \"./styles.module.css\";\nimport { getRemoteTsxParserWorker } from \"./workers/tsxParser.js\";\nimport { createPortal } from \"./createPortal.js\";\n\ninterface CodeEditorEvents {\n  \"code.change\": CustomEvent<string>;\n}\n\ninterface CodeEditorMapEvents {\n  onCodeChange: \"code.change\";\n}\n\nconst AsyncWrappedCodeEditor = React.lazy(async () => ({\n  default: await asyncWrapBrick<\n    CodeEditor,\n    CodeEditorProps,\n    CodeEditorEvents,\n    CodeEditorMapEvents\n  >(\"vs.code-editor\", {\n    onCodeChange: \"code.change\",\n  }),\n}));\n\nconst BUILTIN_LIBS: ExtraLib[] = [\n  {\n    filePath: \"/node_modules/next-tsx/components.d.ts\",\n    content: componentsDefinition.replaceAll(\"export interface\", \"interface\"),\n  },\n  {\n    filePath: \"/node_modules/next-tsx/package.json\",\n    content: JSON.stringify({\n      name: \"next-tsx\",\n      types: \"./index.d.ts\",\n    }),\n  },\n  {\n    filePath: \"/node_modules/next-tsx/index.d.ts\",\n    content: nextTsxDefinition,\n  },\n];\n\nconst { defineElement, property, event } = createDecorators();\n\nexport interface TsxPlaygroundProps {\n  source?: string;\n  extraLibs?: ExtraLib[];\n}\n\n/**\n * 构件 `vb-experiment.tsx-playground`\n */\nexport\n@defineElement(\"vb-experiment.tsx-playground\", {\n  // Monaco editor does not work well with shadow DOM\n  shadowOptions: false,\n})\nclass TsxPlayground extends ReactNextElement implements TsxPlaygroundProps {\n  /** 仅初始有效 */\n  @property({ attribute: false })\n  accessor source: string | undefined;\n\n  @property({ attribute: false })\n  accessor extraLibs: ExtraLib[] | undefined;\n\n  @event({ type: \"change\" })\n  accessor #change!: EventEmitter<string>;\n\n  #handleChange = (value: string) => {\n    this.#change?.emit(value);\n  };\n\n  render() {\n    return (\n      <TsxPlaygroundComponent\n        source={this.source}\n        extraLibs={this.extraLibs}\n        onChange={this.#handleChange}\n      />\n    );\n  }\n}\n\ninterface TsxPlaygroundComponentProps extends TsxPlaygroundProps {\n  onChange: (value: string) => void;\n}\n\nfunction convertSeverity(\n  severity: \"notice\" | \"warning\" | \"error\" | \"fatal\"\n): \"Hint\" | \"Info\" | \"Warning\" | \"Error\" {\n  switch (severity) {\n    case \"notice\":\n      return \"Hint\";\n    case \"warning\":\n      return \"Warning\";\n    case \"error\":\n      return \"Error\";\n    case \"fatal\":\n      return \"Error\";\n  }\n  return severity;\n}\n\nfunction TsxPlaygroundComponent({\n  source,\n  extraLibs,\n  onChange,\n}: TsxPlaygroundComponentProps) {\n  const [code, setCode] = useState(source ?? \"\");\n  const deferredCode = useDeferredValue(code);\n  const [markers, setMarkers] = useState<ExtraMarker[] | undefined>();\n  const [view, setView] = useState<ParseResult | undefined>();\n\n  const allLibs = useMemo(\n    () => [...BUILTIN_LIBS, ...(extraLibs ?? [])],\n    [extraLibs]\n  );\n\n  const handleCodeChange = useCallback(\n    (e: CustomEvent<string>) => {\n      setCode(e.detail);\n      onChange(e.detail);\n    },\n    [onChange]\n  );\n  useEffect(() => {\n    let ignore = false;\n    (async function run() {\n      const worker = await getRemoteTsxParserWorker();\n      if (ignore) {\n        return;\n      }\n      const result = await worker.parse(deferredCode);\n      if (ignore) {\n        return;\n      }\n      setView(result);\n      const withNodeErrors = result.errors.filter((err) => !!err.node);\n      if (withNodeErrors.length > 0) {\n        setMarkers(\n          withNodeErrors.map((error) => ({\n            message: error.message,\n            severity: convertSeverity(error.severity),\n            startLineNumber: error.node!.loc!.start.line,\n            startColumn: error.node!.loc!.start.column + 1,\n            endLineNumber: error.node!.loc!.end.line,\n            endColumn: error.node!.loc!.end.column + 1,\n          }))\n        );\n      } else {\n        setMarkers(undefined);\n      }\n      if (ignore) {\n        return;\n      }\n    })();\n    return () => {\n      ignore = true;\n    };\n  }, [deferredCode]);\n\n  const rootId = useMemo(() => uniqueId(), []);\n  const ref = useRef<HTMLDivElement>(null);\n  const rootRef = useRef<Awaited<\n    ReturnType<typeof unstable_createRoot>\n  > | null>(null);\n\n  useEffect(() => {\n    const container = ref.current;\n    if (!container) {\n      return;\n    }\n    const portal = createPortal(rootId);\n    const root = unstable_createRoot(container, {\n      portal,\n      supportsUseChildren: true,\n    } as any);\n    rootRef.current = root;\n\n    return () => {\n      root.unmount();\n      portal.remove();\n      rootRef.current = null;\n    };\n  }, [rootId]);\n\n  // const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    let ignore = false;\n    (async () => {\n      if (!view) {\n        return;\n      }\n      // setLoading(true);\n      let convertedView: ConvertResult | undefined;\n      try {\n        convertedView = await convertTsx(view, { rootId, expanded: true });\n        if (ignore) {\n          return;\n        }\n        const { brick, context, functions, templates } = convertedView ?? {};\n        await rootRef.current?.render(brick ?? [], {\n          context,\n          functions,\n          templates,\n        });\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(\"Failed to render view:\", error);\n        rootRef.current?.render({\n          brick: customElements.get(\"easyops-default-error\")\n            ? \"easyops-default-error\"\n            : \"div\",\n          properties: {\n            errorTitle: \"解析失败\",\n            dataset: {\n              errorBoundary: \"\",\n            },\n            style: {\n              color: \"var(--color-error)\",\n            },\n          },\n          children: [\n            {\n              brick: \"div\",\n              properties: {\n                textContent: httpErrorToString(error),\n              },\n            },\n          ],\n        });\n      }\n      // if (!ignore) {\n      //   setLoading(false);\n      // }\n    })();\n\n    return () => {\n      ignore = true;\n    };\n  }, [rootId, view]);\n\n  return (\n    <div className={styles.container}>\n      <div className={styles.editor}>\n        <Suspense fallback=\"Loading...\">\n          <AsyncWrappedCodeEditor\n            value={source}\n            onCodeChange={handleCodeChange}\n            language=\"typescript\"\n            uri=\"file:///view.tsx\"\n            automaticLayout=\"fit-container\"\n            theme=\"tm-vs-dark\"\n            extraLibs={allLibs}\n            extraMarkers={markers}\n            data-override-theme=\"dark-v2\"\n          />\n        </Suspense>\n      </div>\n      <div className={styles.preview}>\n        <div data-root-id={rootId} ref={ref} />\n      </div>\n    </div>\n  );\n}\n"],"names":["async","formatJs","source","typescript","semi","printWidth","arguments","length","undefined","format","parser","plugins","prettierPluginBabel","prettierPluginEstree","trailingComma","generateByFileStructure","items","folder","path","item","childPath","name","type","childFolder","file","nodeType","generate","node","cleanMenu","menu","key","value","Object","entries","Array","isArray","cleanMenuItem","keys","menuItem","customElements","define","createProviderClass","_ref","_storyboard$meta","_meta$customTemplates","_meta$functions","_meta$menus","_meta$contracts","_meta$i18n","projectDetail","storyboard","zip","JSZip","project","src","extractState","extracts","namePool","Map","extractedRoutes","extractRoutes","routes","app","id","appId","homepage","appSetting","layoutType","theme","noAuthGuard","locales","defaultConfig","JSON","parse","menuIcon","icon","standaloneMode","stringify","meta","customTemplates","functions","menus","contracts","i18n","workflows","mocks","userGroups","extractedTemplates","extractTemplates","push","fileStructure","buildFileStructure","srcIndexJs","resources","fnDir","fnNames","fnImports","fn","Error","inferredImports","Set","code","transform","filename","TransformStoryboardFunction","SmartImports","imports","hasFN","has","delete","importStrings","size","join","menusDir","menuNames","menuImports","menuId","replace","JS_RESERVED_WORDS","contractsDir","contractImports","contractNames","contract","baseName","counter","varName","add","srcResourcesIndexJs","editorConfig","gitIgnore","devConfigMjs","declarationsDTs","jsconfigJson","nextJsxConfigJs","replaceAll","packageJson","readmeMd","blob","generateAsync","saveAs","files","fs","content","segments","split","pop","handle","i","segment","current","slice","found","get","set","AsyncWrappedCodeEditor","React","default","asyncWrapBrick","onCodeChange","BUILTIN_LIBS","filePath","componentsDefinition","types","nextTsxDefinition","defineElement","property","event","createDecorators","_TsxPlayground","_A","WeakMap","_B","_C","_TsxPlayground_brand","WeakSet","_handleChange","TsxPlayground","ReactNextElement","constructor","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_source","_init_extra_source","_init_extraLibs","_init_extra_extraLibs","_init_change","_init_extra_change","_classPrivateGetter2","_classPrivateGetter","this","_get_change","emit","_classPrivateFieldGet","v","_classPrivateFieldSet","extraLibs","render","TsxPlaygroundComponent","onChange","convertSeverity","severity","setCode","useState","deferredCode","useDeferredValue","markers","setMarkers","view","setView","allLibs","useMemo","handleCodeChange","useCallback","e","detail","useEffect","ignore","worker","getRemoteTsxParserWorker","result","withNodeErrors","errors","filter","err","map","error","message","startLineNumber","loc","start","line","startColumn","column","endLineNumber","end","endColumn","rootId","uniqueId","ref","useRef","rootRef","container","portal","createPortal","root","unstable_createRoot","supportsUseChildren","unmount","remove","convertedView","_rootRef$current","convertTsx","expanded","brick","context","templates","_rootRef$current2","console","properties","errorTitle","dataset","errorBoundary","style","color","children","textContent","httpErrorToString","className","styles","editor","Suspense","fallback","language","uri","automaticLayout","extraMarkers","preview","_TsxPlayground2","_set_change","c","_initClass","_applyDecs","shadowOptions","attribute","o","_","_checkInRHS"],"sourceRoot":""}