bring back the flutter support

Author: softmarshmallow

editor/components/code-editor/monaco-mock-empty.tsx

@@ -1,8 +1,11 @@
 import React from "react";
-export function MonacoEmptyMock() {
+export function MonacoEmptyMock({ l = 100 }: { l?: number }) {
   return (
     <div
       style={{
+        position: "relative",
+        top: 0,
+        height: 0,
         display: "flex",
         flexDirection: "column",
         width: "100%",
@@ -11,7 +14,7 @@ export function MonacoEmptyMock() {
         background: "#1e1e1e",
       }}
     >
-      {Array.from(Array(100).keys()).map((i) => (
+      {Array.from(Array(l).keys()).map((i) => (
         <span
           style={{
             left: 0,

editor/components/code-editor/monaco.tsx

@@ -27,7 +27,7 @@ export function MonacoEditor(props: MonacoEditorProps) {
       defaultLanguage={
         pollyfill_language(props.defaultLanguage) ?? "typescript"
       }
-      loading={<MonacoEmptyMock />}
+      loading={<MonacoEmptyMock l={5} />}
       defaultValue={props.defaultValue ?? "// no content"}
       theme="vs-dark"
       options={{

editor/scaffolds/code/index.tsx

@@ -13,6 +13,8 @@ import { MainImageRepository } from "@design-sdk/core/assets-repository";
 import { DesignInput } from "@designto/config/input";
 import { useEditorState, useWorkspaceState } from "core/states";
 
+import { utils_dart } from "utils";
+
 import { utils as _design_utils } from "@design-sdk/core";
 const designq = _design_utils.query;
 
@@ -55,15 +57,13 @@ export function CodeSegment() {
   const targetted =
     designq.find_node_by_id_under_entry(targetId, root?.entry) ?? root?.entry;
 
-  const targetStateRef = useRef();
-  //@ts-ignore
-  targetStateRef.current = targetted;
-
   const on_result = (result: Result) => {
-    //@ts-ignore
-    if (result.id == targetStateRef?.current?.id) {
-      setResult(result);
+    if (framework_config.language == "dart") {
+      // special formatter support for dartlang
+      result.code.raw = utils_dart.format(result.code.raw);
+      result.scaffold.raw = utils_dart.format(result.scaffold.raw);
     }
+    setResult(result);
   };
 
   useEffect(() => {
@@ -102,7 +102,7 @@ export function CodeSegment() {
           .catch(console.error);
       }
     }
-  }, [targetted?.id, framework_config?.framework]);
+  }, [targetted?.id, framework_config]);
 
   const { code, scaffold, name: componentName } = result ?? {};