@dao42/d42paas-front 0.5.39 → 0.5.47

package/dist/DaoPaaS.es.js

@@ -14918,13 +14918,6 @@ const oTStore = create$3((set2) => ({
   client: null,
   senders: [],
   doc: {},
-  fileTree: {
-    data: {
-      type: "DIRECTORY",
-      name: "/",
-      children: []
-    }
-  },
   isRecording: false,
   CRDTInfo: {
     operation: [],
@@ -14975,9 +14968,6 @@ const oTStore = create$3((set2) => ({
   switchDoc: (arg) => set2(() => ({
     doc: arg
   })),
-  switchDocTree: (arg) => set2(() => ({
-    fileTree: arg
-  })),
   setSenders: (arg) => set2(() => ({
     senders: arg
   })),
@@ -15031,6 +15021,15 @@ const oTStore = create$3((set2) => ({
     asyncType: arg
   }))
 }));
+const fileTreeStore = create$3(persist((set2) => ({
+  fileTree: {},
+  switchFileTree: (arg) => set2(() => ({
+    fileTree: arg
+  }))
+}), {
+  name: "fileTree",
+  getStorage: () => localStorage
+}));
 const userStore = create$3(persist((set2) => ({
   userInfo: {},
   setUserInfo: (arg) => set2(() => ({
@@ -27258,6 +27257,9 @@ const PlaygroundInit = (arg) => {
   reactDom.exports.unstable_batchedUpdates(() => {
     const setUserInfo = userStore.getState().setUserInfo;
     const setUserList = userListStore.getState().setUserList;
+    const {
+      switchFileTree
+    } = fileTreeStore.getState();
     const {
       switchDoc,
       setSenders,
@@ -27265,7 +27267,6 @@ const PlaygroundInit = (arg) => {
       setAsyncType,
       setServerAck,
       setCustomAck,
-      switchDocTree,
       setPlaygroundInfo,
       setDockerInfo,
       setQueryObject,
@@ -27312,9 +27313,6 @@ const PlaygroundInit = (arg) => {
           avatar: avatarGenerator(lodash$2.exports.random(0, 6), userData.uuid)
         }), "coUsers");
         setUserInfo(originUser);
-        if (oTStore.getState().playgroundStatus === "INACTIVE") {
-          io == null ? void 0 : io.emit("active");
-        }
       }
       const userInfoList = [originUser, ...userData.coUsers.filter((f2) => f2.uuid !== originUser.uuid).map((user) => {
         return __spreadProps(__spreadValues({}, user), {
@@ -27332,7 +27330,7 @@ const PlaygroundInit = (arg) => {
       } = JSON.parse(data);
       setPlaygroundInfo(playgroundInfo);
       setDockerInfo(__spreadValues(__spreadValues({}, oTStore.getState().dockerInfo), dockerInfo));
-      dockerInfo.fileTree && switchDocTree({
+      dockerInfo.fileTree && switchFileTree({
         data: dockerInfo.fileTree
       });
       setCRDTInfo(crdt);
@@ -27407,7 +27405,7 @@ const PlaygroundInit = (arg) => {
     });
     io.on("fileNode", (data) => {
       const res = JSON.parse(data);
-      switchDocTree({
+      switchFileTree({
         data: res
       });
     });
@@ -29466,15 +29464,17 @@ const REPLAY_INTERVAL = 250;
 let timer;
 let timeOutT;
 const replayHandler = async () => {
+  const {
+    switchFileTree
+  } = fileTreeStore.getState();
   const {
     setAppStatus,
     switchDoc,
-    switchDocTree,
     setCRDTInfo,
     dockerInfo,
     doc
   } = oTStore.getState();
-  switchDocTree == null ? void 0 : switchDocTree({
+  switchFileTree == null ? void 0 : switchFileTree({
     data: dockerInfo.fileTree
   });
   const crdts = await getLocalCRDTs();
@@ -40733,14 +40733,23 @@ const CmdKey = () => {
       }
     },
     {
-      id: "doc",
-      title: "\u6587\u6863",
+      id: "storybook",
+      title: "storybook",
       hotkey: "d",
       mdIcon: "description",
       handler: () => {
         window.open("https://develop.1024paas.com/storybook");
       }
     },
+    {
+      id: "tsdoc",
+      title: "TS\u6587\u6863",
+      hotkey: "t",
+      mdIcon: "highlight",
+      handler: () => {
+        window.open("https://develop.1024paas.com/tsdoc");
+      }
+    },
     {
       id: "clearCache",
       title: "\u6E05\u9664\u7F13\u5B58",
@@ -40864,13 +40873,14 @@ const LazyPageComponent = lazy$2(async () => await Promise.resolve().then(functi
 }));
 class DaoPaaS {
   constructor({
+    mode,
     ticket,
     playgroundId,
     userId,
     tenantId,
     username,
-    env: env2 = "develop",
-    components
+    components,
+    env: env2 = "develop"
   }) {
     __publicField(this, "shellDOM");
     __publicField(this, "editorDOM");
@@ -40885,6 +40895,8 @@ class DaoPaaS {
     __publicField(this, "io");
     __publicField(this, "env");
     __publicField(this, "components");
+    __publicField(this, "mode");
+    this.mode = mode;
     this.ticket = ticket;
     this.playgroundId = playgroundId;
     this.userId = userId;
@@ -40904,7 +40916,12 @@ class DaoPaaS {
   get ignoreReplayers() {
     return ignoreReplayerStore.getState().ignoreReplayers;
   }
+  get userList() {
+    return userListStore.getState().userList;
+  }
   async init() {
+    if (this.mode === "tsdoc")
+      return;
     const {
       setSocket,
       socket: socket2
@@ -40913,7 +40930,6 @@ class DaoPaaS {
     initClassDIV.className = "init-class";
     document.body.appendChild(initClassDIV);
     reactDom.exports.unstable_batchedUpdates(async () => {
-      var _a2;
       const {
         setUserInfo,
         userInfo
@@ -40952,14 +40968,9 @@ class DaoPaaS {
       PlaygroundInit(__spreadProps(__spreadValues(__spreadValues({}, this.userInfo), args), {
         io: this.io
       }));
-      (_a2 = this.components) == null ? void 0 : _a2.forEach((comp, index2) => {
-        this.editorDOM = comp.container ? isHTMLElement$1(comp.container) : this.editorDOM;
-        const ArgRenderToComponent = `Lazy${comp.component}Component`;
-        reactDom.exports.render(/* @__PURE__ */ jsx(react.exports.Suspense, {
-          fallback: /* @__PURE__ */ jsx(Loading, {}),
-          children: /* @__PURE__ */ jsx(ArgRenderToComponent, __spreadValues({}, comp.props))
-        }), this.editorDOM);
-      });
+      if (this.components) {
+        this.mapRender(this.components);
+      }
     });
     window.onerror = (message) => {
       if (/dError/.test(message)) {
@@ -41027,6 +41038,46 @@ class DaoPaaS {
         console.log("\u4F20\u53C2\u9519\u8BEF");
     }
   }
+  mapRender(components) {
+    components == null ? void 0 : components.forEach(({
+      container,
+      props: props2,
+      item
+    }, _index) => {
+      switch (item) {
+        case "Tree":
+          this.Tree({
+            container,
+            props: props2
+          });
+          break;
+        case "Editor":
+          this.Editor({
+            container,
+            props: props2
+          });
+          break;
+        case "Console":
+          this.Console({
+            container,
+            props: props2
+          });
+          break;
+        case "Browser":
+          this.Browser({
+            container,
+            props: props2
+          });
+          break;
+        case "Shell":
+          this.Shell({
+            container,
+            props: props2
+          });
+          break;
+      }
+    });
+  }
   Page({
     container,
     props: props2
@@ -41090,10 +41141,7 @@ class DaoPaaS {
   }
 }
 function isHTMLElement$1(arg) {
-  if (!/HTMLDivElement|HTMLElement/.test(Object.prototype.toString.call(arg))) {
-    arg = document.querySelector(arg);
-  }
-  return arg;
+  return !/HTMLDivElement|HTMLElement/.test(Object.prototype.toString.call(arg)) ? document.querySelector(arg) : arg;
 }
 var __assign$a = globalThis && globalThis.__assign || function() {
   __assign$a = Object.assign || function(t2) {
@@ -43288,14 +43336,16 @@ const FileTree = ({
   } = oTStore((state) => state);
   const {
     fileTree
-  } = oTStore((state) => state);
+  } = fileTreeStore((state) => state);
   const [treeData, setTreeData] = react.exports.useState({});
   react.exports.useEffect(() => {
     if (oTStore.getState().appStatus === "replay") {
       setSelectedItems([]);
       setExpandedItems([]);
     }
-    const newData = formatFileToTree(fileTree.data);
+    if (!fileTree.data)
+      return;
+    const newData = formatFileToTree(fileTree == null ? void 0 : fileTree.data);
     setSelectedItems(selectedItems.filter((item) => newData[item]));
     setExpandedItems(expandedItems.filter((item) => newData[item]));
     setTreeData(newData);
@@ -186213,14 +186263,11 @@ const ContentLayout = newStyled.div`
 `;
 const Editor = ({
   doc,
-  docType,
   containerStyle,
   menuStyle,
   editorStyle
 }) => {
   const divEl = react.exports.useRef(null);
-  react.exports.useState(doc ? doc : "");
-  react.exports.useState(null);
   const file = oTStore((state) => state.doc);
   const setFromServer = oTStore((state) => state.setFromServer);
   const [client2, setClient] = react.exports.useState(new IoClient(0));
@@ -186703,9 +186750,11 @@ const Editor = ({
     }
   }, [file == null ? void 0 : file.path]);
   react.exports.useEffect(() => {
-  }, [docType]);
-  react.exports.useEffect(() => {
-  }, [doc, docType]);
+    if (!!editor && (doc == null ? void 0 : doc.type)) {
+      editor$1.setModelLanguage(editor.getModel(), doc == null ? void 0 : doc.type);
+      editor.setValue(doc.value ? doc.value : "");
+    }
+  }, [doc]);
   react.exports.useEffect(() => {
     const {
       usersDelta,