@dao42/d42paas-front 0.5.40 → 0.5.48

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;
@@ -40901,10 +40913,18 @@ class DaoPaaS {
   get playgroundStatus() {
     return this.otstore.playgroundStatus;
   }
+  get dockerStatus() {
+    return this.otstore.dockerStatus;
+  }
   get ignoreReplayers() {
     return ignoreReplayerStore.getState().ignoreReplayers;
   }
+  get userList() {
+    return userListStore.getState().userList;
+  }
   async init() {
+    if (this.mode === "tsdoc")
+      return;
     const {
       setSocket,
       socket: socket2
@@ -41022,36 +41042,40 @@ class DaoPaaS {
     }
   }
   mapRender(components) {
-    components == null ? void 0 : components.forEach((comp, index2) => {
-      switch (comp.item) {
+    components == null ? void 0 : components.forEach(({
+      container,
+      props: props2,
+      item
+    }, _index) => {
+      switch (item) {
         case "Tree":
           this.Tree({
-            container: comp.item,
-            props: comp.props
+            container,
+            props: props2
           });
           break;
         case "Editor":
           this.Editor({
-            container: comp.item,
-            props: comp.props
+            container,
+            props: props2
           });
           break;
         case "Console":
           this.Console({
-            container: comp.item,
-            props: comp.props
+            container,
+            props: props2
           });
           break;
         case "Browser":
           this.Browser({
-            container: comp.item,
-            props: comp.props
+            container,
+            props: props2
           });
           break;
         case "Shell":
           this.Shell({
-            container: comp.item,
-            props: comp.props
+            container,
+            props: props2
           });
           break;
       }
@@ -41120,10 +41144,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) {
@@ -43318,14 +43339,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);
@@ -186243,14 +186266,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));
@@ -186573,7 +186593,9 @@ const Editor = ({
     useValue.getState();
     if (!CRDTInfo.editor || CRDTInfo.editor.evtType !== "Editor")
       return;
-    console.log(CRDTInfo);
+    if (oTStore.getState().appStatus === "replay" && ignoreReplayerStore.getState().ignoreReplayers.some((d2) => d2 === "editor")) {
+      return;
+    }
     if (editor && ((doc2 == null ? void 0 : doc2.path) === ((_a2 = CRDTInfo == null ? void 0 : CRDTInfo.file) == null ? void 0 : _a2.path) || ((_b2 = CRDTInfo == null ? void 0 : CRDTInfo.file) == null ? void 0 : _b2.path) === "singleFile")) {
       const server_operation = CRDTInfo.editor.operation;
       const CLIENT_OPERATION = receiveOperation(CRDTInfo.editor.revision, TextOperation.fromJSON(server_operation), (_c2 = CRDTInfo == null ? void 0 : CRDTInfo.file) == null ? void 0 : _c2.path);
@@ -186733,9 +186755,7 @@ const Editor = ({
     }
   }, [file == null ? void 0 : file.path]);
   react.exports.useEffect(() => {
-  }, [docType]);
-  react.exports.useEffect(() => {
-  }, [doc, docType]);
+  }, [doc]);
   react.exports.useEffect(() => {
     const {
       usersDelta,