disabled experimental components support

Author: softmarshmallow

editor-packages/editor-services-esbuild/examples/.gitignore

@@ -0,0 +1 @@
+*.out.js

editor/scaffolds/canvas/isolate-mode.tsx

@@ -12,6 +12,7 @@ import { Dialog } from "@material-ui/core";
 import { FullScreenPreview } from "scaffolds/preview-full-screen";
 import { VanillaESBuildAppRunner } from "components/app-runner";
 import bundler from "@code-editor/esbuild-services";
+import assert from "assert";
 
 const esbuild_base_html_code = `<div id="root"></div>`;
 
@@ -95,12 +96,8 @@ export function IsolateModeCanvas({ onClose }: { onClose: () => void }) {
       return;
     }
 
-    const transform = (s, n) => {
-      return `import React from 'react'; import ReactDOM from 'react-dom';
-${s}
-const App = () => <><${n}/></>
-ReactDOM.render(<App />, document.querySelector('#root'));`;
-    };
+    assert(state.editingCode.componentName, "component name is required");
+    assert(state.editingCode.raw, "raw input code is required");
 
     setIsbuilding(true);
     bundler(
@@ -198,3 +195,10 @@ const EditorCanvasSkeleton = () => {
     />
   );
 };
+
+const transform = (s, n) => {
+  return `import React from 'react'; import ReactDOM from 'react-dom';
+${s}
+const App = () => <><${n}/></>
+ReactDOM.render(<App />, document.querySelector('#root'));`;
+};

packages/designto-code/universal/design-to-code.ts

@@ -84,6 +84,7 @@ export async function designToCode({
 
   const vanilla_token = tokenize(input.entry, tokenizer_config);
 
+  /* COMPONENT SUPPORT IS DISABLED.
   // post token processing for componentization
   let reusable_widget_tree;
   if (!build_config.disable_components) {
@@ -97,10 +98,11 @@ export async function designToCode({
       console.error("error while building reusable widget tree.", _);
     }
   }
+  */
 
   const _tokenized_widget_input = {
     widget: vanilla_token,
-    reusable_widget_tree: reusable_widget_tree,
+    // reusable_widget_tree: reusable_widget_tree,
   };
 
   const _extend_result = {
@@ -165,7 +167,6 @@ export async function designToCode({
     // @ts-ignore
     framework_config.framework
   }" is not supported at this point.`;
-  return;
 }
 
 export const designTo = {
@@ -314,7 +315,7 @@ export async function designToVanillaPreview({
 }): Promise<output.ICodeOutput> {
   const vanillawidget = toVanilla.buildVanillaWidget(
     input.widget,
-    (vanilla_config as any) as config.VanillaFrameworkConfig
+    vanilla_config as any as config.VanillaFrameworkConfig
   );
   const res = toVanilla.buildVanillaPreviewFile(vanillawidget, vanilla_config);
 

packages/designto-react/app/index.ts

@@ -77,6 +77,8 @@ export function buildReusableReactApp__Experimental({
   tree;
   components;
 }) {
+  console.info("starting experimental react reusable components build");
+
   const res = finalizeReactReusable_StyledComponents__Experimental({
     tree,
     components,