prebuild xml

webstudio-is · May 7, 2024 · 63177fc · 63177fc
1 parent d2cf991
commit 63177fc
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 12 deletions.
diff --git a/fixtures/webstudio-custom-template/app/__generated__/[sitemap.xml]._index.tsx b/fixtures/webstudio-custom-template/app/__generated__/[sitemap.xml]._index.tsx
diff --git a/packages/cli/src/prebuild.ts b/packages/cli/src/prebuild.ts
@@ -556,19 +556,52 @@ export const prebuild = async (options: {
     }
 
     let componentImports = "";
+    let passthroughComponents = "";
+
+    const pageData = siteDataByPage[pageId];
+    const documentType = pageData.page.meta.documentType ?? "html";
 
     for (const [namespace, componentsSet] of namespaces.entries()) {
-      const specifiers = Array.from(componentsSet)
-        .map(
-          ([shortName, component]) =>
-            `${shortName} as ${scope.getName(component, shortName)}`
-        )
-        .join(", ");
-      componentImports += `import { ${specifiers} } from "${namespace}";\n`;
+      switch (documentType) {
+        case "html":
+          {
+            const specifiers = Array.from(componentsSet)
+              .map(
+                ([shortName, component]) =>
+                  `${shortName} as ${scope.getName(component, shortName)}`
+              )
+              .join(", ");
+            componentImports += `import { ${specifiers} } from "${namespace}";\n`;
+          }
+          break;
+
+        case "xml":
+          {
+            // In case of xml it's the only component we are supporting
+            componentImports = `import { XmlNode } from "@webstudio-is/sdk-components-react";\n`;
+
+            // Passthrough (render children) for all components except XmlNode
+            passthroughComponents += Array.from(componentsSet)
+              .filter(
+                ([shortName, component]) =>
+                  scope.getName(component, shortName) !== "XmlNode"
+              )
+              .map(
+                ([shortName, component]) =>
+                  `const ${scope.getName(
+                    component,
+                    shortName
+                  )} = (props: any) => props.children;`
+              )
+              .join("\n");
+          }
+          break;
+        default: {
+          documentType satisfies never;
+        }
+      }
     }
 
-    const pageData = siteDataByPage[pageId];
-    const documentType = pageData.page.meta.documentType ?? "html";
     const pageFontAssets = fontAssetsByPage[pageId];
     const pageBackgroundImageAssets = backgroundImageAssetsByPage[pageId];
 
@@ -633,7 +666,7 @@ export const prebuild = async (options: {
       export const pageBackgroundImageAssets: ImageAsset[] =
         ${JSON.stringify(pageBackgroundImageAssets)}
 
-
+      ${passthroughComponents}
 
       ${pageComponent}