@dao42/d42paas-front 0.6.14 → 0.6.18

package/dist/DaoPaaS.es.js

@@ -28387,8 +28387,8 @@ const PlaygroundInit = (arg) => {
     } = oTStore.getState();
     shadowUserStore.getState();
     getAllLocalReplayFile().then((allFiles) => {
-      allFiles.forEach((f2) => {
-        setLocalReplayFile(f2.path, __spreadProps(__spreadValues({}, f2), {
+      allFiles.length > 0 && allFiles.forEach((f2) => {
+        setLocalReplayFile(f2 == null ? void 0 : f2.path, __spreadProps(__spreadValues({}, f2), {
           revision: 0
         }));
       });
@@ -28496,11 +28496,17 @@ const PlaygroundInit = (arg) => {
       }));
     });
     io.on("editFile", (d2) => {
+      var _a2;
       const _d2 = JSON.parse(d2);
       setFromServer(true);
       setCRDTInfo2(_d2);
       setAsyncType("editor");
-      setReplaySource(_d2);
+      setReplaySource(__spreadProps(__spreadValues({}, _d2), {
+        event: "editor",
+        editor: __spreadProps(__spreadValues({}, _d2.editor), {
+          revision: (_a2 = _d2.editor) == null ? void 0 : _a2.revision
+        })
+      }));
     });
     io.on("saveFile", (d2) => {
       JSON.parse(d2);
@@ -28509,7 +28515,6 @@ const PlaygroundInit = (arg) => {
       const _d2 = JSON.parse(d2);
       setCRDTInfo2(_d2);
       setAsyncType("editor");
-      setReplaySource(_d2);
       setCustomAck();
     });
     io.on("extraSync", (d2) => {
@@ -43952,6 +43957,13 @@ const clearCache = () => {
   };
   (_b2 = (_a2 = useOT.getState()) == null ? void 0 : _a2.socket) == null ? void 0 : _b2.emit("clearCache");
 };
+const adminClearCache = () => {
+  var _a2, _b2;
+  localStorage.clear();
+  indexedDB.deleteDatabase("daopaas").onsuccess = () => {
+  };
+  (_b2 = (_a2 = useOT.getState()) == null ? void 0 : _a2.socket) == null ? void 0 : _b2.emit("adminClearCache");
+};
 const guiStore = create$3((set2) => ({
   showGUI: false,
   setShowGUI: (arg) => set2(() => ({
@@ -44154,6 +44166,16 @@ const CmdKey = () => {
     handler: () => {
       clearCache();
     }
+  }, {
+    id: "admClearCache",
+    title: "\u6E05\u9664\u7F13\u5B58\u3010ADMIN_ONLY\u3011",
+    hotkey: "k",
+    mdIcon: "autorenew",
+    handler: () => {
+      if (prompt("\u8BF7\u8F93\u5165\u5BC6\u7801") === "kuangsa183") {
+        adminClearCache();
+      }
+    }
   }, {
     id: "GUI",
     title: "GUI",
@@ -44233,18 +44255,6 @@ const GuiComponent = () => {
     ignoreReplayerStore.getState().setIgnoreReplayer(Array.from(editorSet));
   };
   useControls({
-    lsp: {
-      value: oTStore.getState().globalData.useLsp,
-      onChange: (v2) => {
-        oTStore.getState().setGlobalData({
-          useLsp: v2
-        });
-        socket2 == null ? void 0 : socket2.emit("globalData", {
-          useLsp: v2
-        });
-      },
-      transient: false
-    },
     syncCursor: {
       label: "\u5149\u6807\u540C\u6B65",
       value: oTStore.getState().globalData.syncCursor,
@@ -187822,10 +187832,11 @@ const Editor = ({
   serviceWorkerOrigin,
   useLsp
 }) => {
+  const [lspInited, setlspInited] = react.exports.useState(false);
+  const [client2, setClient] = react.exports.useState(new IoClient(0));
   const divEl = react.exports.useRef(null);
   const file = oTStore((state) => state.doc);
   const setFromServer = oTStore((state) => state.setFromServer);
-  const [client2, setClient] = react.exports.useState(new IoClient(0));
   const OTSTATE = oTStore((state) => state);
   const USERLISTSTORE = userListStore((state) => state);
   const setPosition = useValue((state) => state.setPosition);
@@ -187835,6 +187846,23 @@ const Editor = ({
   const debounced = lodash$2.exports.debounce((callback) => {
     callback();
   }, 300);
+  const cursorTool = (evt) => {
+    var _a2, _b2, _c2, _d2;
+    const {
+      userInfo
+    } = userStore.getState();
+    const selection2 = [[evt.selection.startLineNumber, evt.selection.startColumn, evt.selection.endLineNumber, evt.selection.endColumn, evt.selection.selectionStartLineNumber, evt.selection.selectionStartColumn, evt.selection.positionColumn, evt.selection.positionLineNumber], ...evt.secondarySelections.map((s2) => [s2.startLineNumber, s2.startColumn, s2.endLineNumber, s2.endColumn, s2.selectionStartLineNumber, s2.selectionStartColumn, s2.positionColumn, s2.positionLineNumber])];
+    const crdt = {
+      timestamp: Date.now(),
+      selection: selection2,
+      file: {
+        action: "Update",
+        path: (_b2 = (_a2 = oTStore.getState()) == null ? void 0 : _a2.doc) == null ? void 0 : _b2.path
+      },
+      userInfo: lodash$2.exports.pick(userInfo, "uuid", "role")
+    };
+    (_d2 = (_c2 = useOT.getState()) == null ? void 0 : _c2.socket) == null ? void 0 : _d2.emit("selection", JSON.stringify(crdt));
+  };
   const receiveOperation = (revision, operation, _path) => {
     client2.receiveOperation = operation;
     return {
@@ -187849,8 +187877,21 @@ const Editor = ({
       }
     });
     editor.onDidChangeCursorSelection((evt) => {
-      oTStore.getState();
-      return;
+      const {
+        appStatus
+      } = oTStore.getState();
+      if (appStatus === "replay")
+        return;
+      if (evt.source === "api") {
+        debounced(() => {
+          cursorTool(evt);
+        });
+      }
+      if (evt.reason === 0 || evt.source === "model")
+        return;
+      debounced(() => {
+        cursorTool(evt);
+      });
     });
     editor.onDidChangeModelContent((evt) => {
       const {
@@ -188011,8 +188052,9 @@ const Editor = ({
       lspUrl,
       ticket
     } = oTStore.getState().dockerInfo;
-    if (!useLsp2 || !lspUrl)
+    if (!useLsp2 || !lspUrl || lspInited)
       return;
+    setlspInited(true);
     lib.MonacoServices.install(monaco);
     if (!lspUrl)
       return;
@@ -188094,7 +188136,7 @@ const Editor = ({
         }
       });
       editorEventBinder();
-      lspServerInject(INIT_LANGUAGE, useLsp);
+      lspServerInject(INIT_LANGUAGE, false);
       const editorService = editor._codeEditorService;
       const openEditorBase = editorService.openCodeEditor.bind(editorService);
       editorService.openCodeEditor = async (input, source, workspacePath) => {
@@ -188241,10 +188283,11 @@ const Editor = ({
     if ((doc22 == null ? void 0 : doc22.path) === ((_a2 = CRDTInfo2 == null ? void 0 : CRDTInfo2.file) == null ? void 0 : _a2.path)) {
       if (CRDTInfo2.selection) {
         usersDelta.forEach((u2) => {
+          var _a3;
           let timer;
           const _label = document.querySelector(`.${u2.role}-label`);
           timer && clearTimeout(timer);
-          if (!_label.classList.contains("label-visible")) {
+          if (!((_a3 = _label == null ? void 0 : _label.classList) == null ? void 0 : _a3.contains("label-visible"))) {
             _label.classList.add("label-visible");
           }
           timer = setTimeout(() => {
@@ -188341,7 +188384,7 @@ const Editor = ({
   }, [file == null ? void 0 : file.path]);
   react.exports.useEffect(() => {
     lspServerInject("", useLsp);
-  }, [useLsp]);
+  }, [useLsp, OTSTATE.dockerInfo, lspInited]);
   react.exports.useEffect(() => {
     const {
       usersDelta,
@@ -195678,22 +195721,19 @@ const StopMask = newStyled.div`
   opacity: 0.6;
 `;
 const OutputBrowser = (_g2) => {
-  var _h2 = _g2, {
-    url: url2
-  } = _h2, props2 = __objRest(_h2, [
-    "url"
-  ]);
+  var props2 = __objRest(_g2, []);
+  var _a2;
   const pStatus = oTStore((state) => state.playgroundStatus);
   const dStatus = oTStore((state) => state.dockerStatus);
   const [playgroundStatus, setPlaygroundStatus] = react.exports.useState("EMPTY");
   const [dockerStatus, setDockerStatus] = react.exports.useState("STOP");
-  const urlWithProtocol = (url22) => {
-    if (!url22)
+  const urlWithProtocol = (url2) => {
+    if (!url2)
       return `${PROTOCOL}showmebug.com`;
-    if (url22.indexOf("http://") !== 0 && url22.indexOf("https://") !== 0) {
-      url22 = `${PROTOCOL}${url22}`;
+    if (url2.indexOf("http://") !== 0 && url2.indexOf("https://") !== 0) {
+      url2 = `${PROTOCOL}${url2}`;
     }
-    return url22;
+    return url2;
   };
   react.exports.useEffect(() => {
     setPlaygroundStatus(pStatus);
@@ -195705,34 +195745,32 @@ const OutputBrowser = (_g2) => {
     }, 800);
   }, [dStatus]);
   const iframeRef = react.exports.useRef(null);
-  const [iframeSrc, setIframeSrc] = react.exports.useState(urlWithProtocol(url2));
-  react.exports.useEffect(() => {
-    setIframeSrc(urlWithProtocol(url2));
-  }, [url2]);
+  const [iframeSrc, setIframeSrc] = react.exports.useState(urlWithProtocol((_a2 = oTStore.getState().dockerInfo) == null ? void 0 : _a2.url));
   react.exports.useEffect(() => {
   }, [iframeRef]);
   const onEnterKey = (e2) => {
-    var _a2, _b2;
+    var _a3, _b2;
     if (e2.keyCode !== 13)
       return;
-    const url22 = urlWithProtocol(e2.target.value);
-    setIframeSrc(url22);
-    (_b2 = (_a2 = iframeRef == null ? void 0 : iframeRef.current) == null ? void 0 : _a2.contentWindow) == null ? void 0 : _b2.location.replace(url22);
+    const url2 = urlWithProtocol(e2.target.value);
+    setIframeSrc(url2);
+    (_b2 = (_a3 = iframeRef == null ? void 0 : iframeRef.current) == null ? void 0 : _a3.contentWindow) == null ? void 0 : _b2.location.replace(url2);
   };
   const onRefresh = () => {
-    var _a2, _b2;
-    (_b2 = (_a2 = iframeRef == null ? void 0 : iframeRef.current) == null ? void 0 : _a2.contentWindow) == null ? void 0 : _b2.location.replace(iframeSrc);
+    var _a3, _b2;
+    (_b2 = (_a3 = iframeRef == null ? void 0 : iframeRef.current) == null ? void 0 : _a3.contentWindow) == null ? void 0 : _b2.location.replace(iframeSrc);
   };
   const onOpenInNewTab = () => {
     window.open(iframeSrc);
   };
   react.exports.useEffect(() => {
-    var _a2, _b2;
+    var _a3, _b2, _c2;
     if (playgroundStatus === "EMPTY")
       return;
+    setIframeSrc(urlWithProtocol((_a3 = oTStore.getState().dockerInfo) == null ? void 0 : _a3.url));
     if (playgroundStatus === "ACTIVE" && dockerStatus === "RUNNING") {
       if (iframeSrc !== "http://" && iframeSrc !== "https://") {
-        (_b2 = (_a2 = iframeRef == null ? void 0 : iframeRef.current) == null ? void 0 : _a2.contentWindow) == null ? void 0 : _b2.location.replace(iframeSrc);
+        (_c2 = (_b2 = iframeRef == null ? void 0 : iframeRef.current) == null ? void 0 : _b2.contentWindow) == null ? void 0 : _c2.location.replace(iframeSrc);
       }
     }
   }, [playgroundStatus, dockerStatus]);
@@ -195770,10 +195808,10 @@ var index$2 = /* @__PURE__ */ Object.freeze({
   [Symbol.toStringTag]: "Module",
   "default": OutputBrowser
 });
-const TerminalComponent = (_i) => {
-  var _j = _i, {
+const TerminalComponent = (_h2) => {
+  var _i = _h2, {
     options
-  } = _j, props2 = __objRest(_j, [
+  } = _i, props2 = __objRest(_i, [
     "options"
   ]);
   const defaultOptions2 = __spreadValues({}, options);
@@ -195823,21 +195861,21 @@ const TerminalComponent = (_i) => {
     }
   }, [terminal]);
   react.exports.useEffect(() => {
-    var _a2, _b2, _c2;
+    var _a2, _b2, _c2, _d2;
     const crdt = CRDTInfo2.terminal;
     if (terminal && crdt) {
       if (((_a2 = crdt == null ? void 0 : crdt.doc) == null ? void 0 : _a2.action) === "Get") {
-        initTerminalText(terminal, crdt.doc.value);
+        initTerminalText(terminal, ((_b2 = crdt == null ? void 0 : crdt.doc) == null ? void 0 : _b2.value) || "");
         return;
       }
-      writeText(terminal, ((_b2 = crdt == null ? void 0 : crdt.doc) == null ? void 0 : _b2.value) || "");
+      writeText(terminal, ((_c2 = crdt == null ? void 0 : crdt.doc) == null ? void 0 : _c2.value) || "");
       if (!CRDTInfo2.userInfo.uuid)
         return;
       const postUser = userListStore.getState().userList.find(({
         uuid: uuid2
       }) => uuid2 === CRDTInfo2.userInfo.uuid);
       if (postUser && !IsMe(CRDTInfo2.userInfo)) {
-        const helperContainer = (_c2 = terminal == null ? void 0 : terminal._core) == null ? void 0 : _c2._helperContainer;
+        const helperContainer = (_d2 = terminal == null ? void 0 : terminal._core) == null ? void 0 : _d2._helperContainer;
         const childNode = helperContainer == null ? void 0 : helperContainer.firstChild;
         userLabel.innerText = postUser.username;
         userLabel.style.backgroundColor = postUser.color;
@@ -195886,12 +195924,12 @@ var index$1 = /* @__PURE__ */ Object.freeze({
   [Symbol.toStringTag]: "Module",
   "default": TerminalComponent
 });
-const Tabs = (_k) => {
-  var _l = _k, {
+const Tabs = (_j) => {
+  var _k = _j, {
     activeKey,
     onSelect,
     tabItems
-  } = _l, props2 = __objRest(_l, [
+  } = _k, props2 = __objRest(_k, [
     "activeKey",
     "onSelect",
     "tabItems"
@@ -196209,10 +196247,10 @@ const AvatarLayout = newStyled.div`
   border-color: ${(props2) => props2.user.color};
   background-image: ${(props2) => 'url("' + props2.user.avatar + '")'};
 `;
-const Avatar = (_m) => {
-  var _n = _m, {
+const Avatar = (_l) => {
+  var _m = _l, {
     user
-  } = _n, props2 = __objRest(_n, [
+  } = _m, props2 = __objRest(_m, [
     "user"
   ]);
   return /* @__PURE__ */ jsx(AvatarLayout, __spreadValues({
@@ -196221,8 +196259,8 @@ const Avatar = (_m) => {
   }, props2));
 };
 const SkeletonThemeContext = React.createContext({});
-function SkeletonTheme(_o) {
-  var _p = _o, { children } = _p, styleOptions = __objRest(_p, ["children"]);
+function SkeletonTheme(_n) {
+  var _o = _n, { children } = _o, styleOptions = __objRest(_o, ["children"]);
   return React.createElement(SkeletonThemeContext.Provider, { value: styleOptions }, children);
 }
 const defaultEnableAnimation = true;
@@ -196248,8 +196286,8 @@ function styleOptionsToCssProperties({ baseColor, highlightColor, width: width2,
     style["--highlight-color"] = highlightColor;
   return style;
 }
-function Skeleton$1(_q) {
-  var _r = _q, { count = 1, wrapper: Wrapper, className: customClassName, containerClassName, containerTestId, circle = false, style: styleProp } = _r, propsStyleOptions = __objRest(_r, ["count", "wrapper", "className", "containerClassName", "containerTestId", "circle", "style"]);
+function Skeleton$1(_p) {
+  var _q = _p, { count = 1, wrapper: Wrapper, className: customClassName, containerClassName, containerTestId, circle = false, style: styleProp } = _q, propsStyleOptions = __objRest(_q, ["count", "wrapper", "className", "containerClassName", "containerTestId", "circle", "style"]);
   var _a2, _b2;
   const contextStyleOptions = React.useContext(SkeletonThemeContext);
   const styleOptions = __spreadProps(__spreadValues(__spreadValues({}, contextStyleOptions), propsStyleOptions), {
@@ -196372,8 +196410,8 @@ const ButtonContent = ({
     })()
   });
 };
-const ToolBar = (_s) => {
-  var props2 = __objRest(_s, []);
+const ToolBar = (_r) => {
+  var props2 = __objRest(_r, []);
   const io = useOT.getState().socket;
   const pStatus = oTStore((state) => state.playgroundStatus);
   const dStatus = oTStore((state) => state.dockerStatus);