@dao42/d42paas-front 0.4.8 → 0.4.9

package/src/stores/oTStore.tsx

@@ -1,310 +0,0 @@
-// import { Client } from 'ot';
-import qs from 'qs';
-import create from 'zustand';
-import { daopaasDB, GenerateDB, SetDB } from '~/helpers/collections/idb';
-import { persist } from 'zustand/middleware';
-// import { get, set } from 'idb-keyval';
-
-// Web-worker 待补充
-export interface T_UserInfo {
-  playgroundId?: string;
-  operation?: any;
-  uuid?: string;
-  color?: string;
-  name?: string;
-  username?: string;
-  role?: string;
-  avatar?: string;
-  onlineCount?: number;
-  userId?: string;
-  // [x: string]:
-  //   | string
-  //   | number
-  //   | qs.ParsedQs
-  //   | string[]
-  //   | number[]
-  //   | qs.ParsedQs[];
-  // [x: string]: string | qs.ParsedQs | string[] | qs.ParsedQs[];
-}
-
-export interface T_File {
-  valueAndPos?: string;
-  path?: string;
-  value?: string;
-}
-
-export interface T_Query {
-  playgroundId?: string;
-}
-
-export type T_PlaygroundStatus = 'EMPTY' | 'ACTIVE' | 'INACTIVE';
-export type T_DockerStatus = 'RUNNING' | 'STOP';
-
-export interface T_PlaygroundInfo {
-  dockerId?: string;
-  fileTree?: unknown;
-  framework?: string;
-  frameworkVersion?: string;
-  language?: string;
-  languageVersion?: string;
-  needBrowser?: boolean;
-  needConsole?: boolean;
-  needRunButton?: boolean;
-  url?: string;
-  version?: string;
-  frameWork?: string;
-  frameWorkVersion?: string;
-  status?: string;
-  runStatus?: string;
-  terminalHistory?: string;
-  messageId?: string;
-  playgroundId?: string;
-  result?: string;
-  lspUrl?: string;
-  ticket?: string;
-}
-
-// const IDBStorage = {
-//   getItem: async (name: string): Promise<string | null> => {
-//     // Exit early on server
-//     if (typeof indexedDB === 'undefined') {
-//       return null;
-//     }
-
-//     return (await get(name)) || null;
-//   },
-//   setItem: async (name: string, value: string): Promise<void> => {
-//     // Exit early on server
-//     if (typeof indexedDB === 'undefined') {
-//       return null;
-//     }
-//     set(name, value);
-//   },
-// };
-
-export type StateType = {
-  appStatus: 'code' | 'replay' | 'recording' | 'pause';
-  isRecording: boolean;
-  lspServerDisabled: boolean;
-  setAppStatus: (arg: StateType['appStatus']) => void;
-  setGlobalData: (arg: Pick<StateType, 'isRecording'>) => void;
-  switchLspServer: (arg: boolean) => void;
-  // client?: Client;
-  userInfo: T_UserInfo;
-  senders: T_UserInfo[];
-  doc?: T_File;
-  // TODO :FIXED any
-  fileTree?: any;
-  CRDTInfo: D42_FrontType.CRDT;
-  serverAck: number;
-  customAck: number;
-  revision: number;
-  // TO FIXED any
-  dockerInfo: any;
-  globalData: Pick<StateType, 'isRecording'>;
-
-  playgroundInfo: T_PlaygroundInfo;
-  playgroundStatus: T_PlaygroundStatus;
-  dockerStatus: T_DockerStatus;
-  fromServer: boolean;
-  setFromServer: (arg: boolean) => void;
-  queryObject: T_Query;
-  setIsRecording: (arg: boolean) => void;
-  fileSaved: boolean;
-  setFileSaved: (arg: boolean) => void;
-  switchDoc?: (arg: T_File) => void;
-  switchDocTree?: (arg: any) => void;
-  setUserInfo: (arg: T_UserInfo) => void;
-  setSenders: (arg: T_UserInfo[]) => void;
-  setCRDTInfo: (arg: D42_FrontType.CRDT) => void;
-  setServerAck: () => void;
-  setCustomAck: () => void;
-  setVersion: (arg: number) => void;
-  setPlaygroundInfo: (arg: Pick<Omit<StateType, "userInfo" | "setUserInfo">, "playgroundInfo">) => void;
-  setDockerInfo: (arg: unknown) => void;
-  setPlaygroundStatus: (arg: T_PlaygroundStatus) => void;
-  setDockerStatus: (arg: T_DockerStatus) => void;
-  setQueryObject: (arg)=> void;
-  // setClientInstance: (arg: number) => void;
-};
-
-// console.log();
-
-const QUERY_ARGUMENTS = (qs.parse(location.search.slice(1)) as unknown) as any;
-const user = localStorage.getItem('userInfo');
-// const localUser = user ? JSON.parse(user) : {};
-
-export const oTStore = create<Omit<StateType, 'userInfo' | 'setUserInfo'>>(
-  (set) => ({
-    appStatus: 'code',
-    setAppStatus: (arg) => set(() => ({ appStatus: arg })),
-    fromServer: false,
-    setFromServer: (arg: boolean) => set(() => ({ fromServer: arg })),
-    client: null,
-    senders: [],
-    doc: {},
-    fileTree: {
-      data: {
-        type: 'DIRECTORY',
-        name: '/',
-        children: [],
-      },
-    },
-    isRecording: false,
-    CRDTInfo: ({
-      operation: [],
-      userInfo: {},
-      evtType: '',
-      timestamp: '',
-    } as unknown) as D42_FrontType.CRDT,
-    serverAck: 0,
-    customAck: 0,
-    revision: 0,
-    dockerInfo: {},
-    playgroundInfo: {
-      data: {
-        fileTree: {},
-        framework: '',
-        frameworkVersion: null,
-        language: '',
-        languageVersion: null,
-        needBrowser: true,
-        needConsole: true,
-        needRunButton: true,
-        url: '',
-        version: '',
-        terminalHistory: '',
-      },
-      messageId: '',
-      playgroundId: QUERY_ARGUMENTS.playgroundId,
-      result: '',
-    },
-    playgroundStatus: 'EMPTY',
-    dockerStatus: 'STOP',
-    queryObject: {},
-    globalData: {
-      isRecording: false,
-    },
-    fileSaved: true,
-    lspServerDisabled: false,
-    switchLspServer: (arg) => set(() => ({ lspServerDisabled: arg })),
-    setIsRecording: (arg) => set(() => ({ isRecording: arg })),
-    setFileSaved: (arg) => set(() => ({ fileSaved: arg })),
-    switchDoc: (arg) => set(() => ({ doc: arg })),
-    switchDocTree: (arg) => set(() => ({ fileTree: arg })),
-
-    setSenders: (arg) => set(() => ({ senders: arg })),
-    setCRDTInfo: (arg) => set(() => ({ CRDTInfo: arg })),
-    setServerAck: () =>
-      set(({ serverAck }) => {
-        return {
-          serverAck: serverAck + 1,
-        };
-      }),
-    setCustomAck: () =>
-      set(({ customAck }) => {
-        return {
-          customAck: customAck + 1,
-        };
-      }),
-    setGlobalData: (arg) =>
-      set(({ appStatus }) => {
-        if (
-          'isRecording' in arg &&
-          arg.isRecording &&
-          (appStatus === 'replay' || appStatus === 'pause')
-        ) {
-          throw 'dError: 回放中无法录制！';
-          // throw '录制过程中无法回放！';
-        }
-        return {
-          globalData: arg,
-        };
-      }),
-    setVersion: (arg) => set(() => ({ revision: arg })),
-    setPlaygroundInfo: (arg) => set(() => ({ playgroundInfo: arg })),
-    setDockerInfo: (arg) => set(() => ({ dockerInfo: arg })),
-    setPlaygroundStatus: (arg) => set(() => ({ playgroundStatus: arg })),
-    setDockerStatus: (arg) => set(() => ({ dockerStatus: arg })),
-    setQueryObject: (arg) => set(() => ({ queryObject: arg })),
-    // setClientInstance: (arg) => set(() => ({ client: new Client(arg) })),
-  }),
-);
-
-export const userStore = create<Pick<StateType, 'userInfo' | 'setUserInfo'>>(
-  persist(
-    (set) => ({
-      userInfo: {
-        ...QUERY_ARGUMENTS,
-      },
-      setUserInfo: (arg) => set(() => ({ userInfo: arg })),
-    }),
-    {
-      name: 'userInfo',
-      getStorage: () => localStorage,
-    },
-  ),
-);
-
-export const userListStore = create<{
-  userList: T_UserInfo[];
-  setUserList: (arg: T_UserInfo[]) => void;
-}>(
-  persist(
-    (set) => ({
-      userList: [],
-      setUserList: (arg) => set(() => ({ userList: arg })),
-    }),
-    {
-      name: 'userList',
-      getStorage: () => ({
-        getItem: async (name: string): Promise<string | null> => {
-          // Exit early on server
-          if (typeof indexedDB === 'undefined') {
-            return null;
-          }
-          // (await daopaasDB).getAll(name);
-          // const john = await get(name);
-          // ;
-          return (await daopaasDB).getAll(name) || null;
-        },
-        setItem: async (name: string, value: string): Promise<void> => {
-          // Exit early on server
-          // if (typeof indexedDB === 'undefined') {
-          //   return null;
-          // }
-          (await daopaasDB).put(
-            'users',
-            JSON.parse(value).state[name],
-            'userList',
-          );
-          // set(name, value);
-        },
-        removeItem: async () => {
-          // console.log();
-        },
-      }),
-    },
-  ),
-);
-
-
-
-
-// "esModuleInterop": false,
-// "skipLibCheck": false,
-// "allowJs": true,
-// "target": "ESNext",
-// "lib": ["DOM", "DOM.Iterable", "ESNext"],
-
-// "allowSyntheticDefaultImports": true,
-// "strict": true,
-// "forceConsistentCasingInFileNames": true,
-// "module": "ESNext",
-// "moduleResolution": "Node",
-// "resolveJsonModule": true,
-// "jsx": "react-jsx",
-
-// "useDefineForClassFields": true,
-// "isolatedModules": true,
-// "noEmit": true,

package/src/stories/BrowserWindow.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-
-import { Meta } from '@storybook/react';
-
-import BrowserWindow from '~/components/OutputBrowser';
-
-export default {
-  title: '组件/BrowserWindow',
-  component: BrowserWindow,
-  parameters: {
-    layout: 'fullscreen',
-  },
-  argTypes: {
-    url: {
-      description: '输出窗口预览链接',
-      defaultValue: 'http://',
-      type: 'string',
-    },
-  },
-} as Meta;
-
-export const Primary = (args) => (
-  <div style={{ backgroundColor: '#b4e0df', height: '100%' }}>
-    <BrowserWindow {...args} />
-  </div>
-);
-
-Primary.args = {
-  url: 'http://localhost:8080',
-};

package/src/stories/Console.tsx

@@ -1,46 +0,0 @@
-import React from 'react';
-
-import { Meta } from '@storybook/react';
-
-import Console from '~/components/Console';
-
-export default {
-  title: '组件/Console',
-  component: Console,
-  parameters: {
-    layout: 'fullscreen',
-  },
-  argTypes: {
-    options: {
-      description: 'Console 配置',
-      type: 'ITerminalOptions',
-    },
-  },
-} as Meta;
-
-export const Primary = (args) => (
-  <div
-    style={{
-      height: '70vh',
-      width: '80vw',
-    }}
-  >
-    <Console {...args} />
-  </div>
-);
-
-Primary.args = {
-  options: {
-    convertEol: true,
-    fontSize: 12,
-    fontFamily: 'Monaco, Menlo, monospace',
-    lineHeight: 1,
-    cursorBlink: true,
-    cursorWidth: 1,
-    cursorStyle: 'block',
-    rightClickSelectsWord: true,
-    theme: {
-      background: '#1E1E1E',
-    },
-  },
-};

package/src/stories/Editor.tsx

@@ -1,37 +0,0 @@
-// Button.stories.js | Button.stories.jsx
-
-import React from 'react';
-
-import { Meta } from '@storybook/react';
-
-import { Editor } from '~/components';
-
-import '../styles/index.scss';
-
-export default {
-  title: '组件/Editor',
-  component: Editor,
-  parameters: {
-    layout: 'fullscreen',
-  },
-} as Meta;
-
-export const Primary = (args) => <Editor {...args} />;
-// export const Primary = (args) => <FileTree {...args} />;
-Primary.args = {
-  doc: '',
-  // users: []
-};
-
-// Primary.storyName = 'Editor';
-// export const LoggedIn = Primary.bind({
-//   // user: {},
-//   doc: '',
-// });
-
-// LoggedIn.args = {
-//   user: {},
-// };
-
-// export const LoggedOut = Template.bind({});
-// LoggedOut.args = {};

package/src/stories/FileTree.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-
-import { Meta } from '@storybook/react';
-
-import { FileTree } from '~/components/FileTree';
-
-export default {
-  title: '组件/FileTree',
-  component: FileTree,
-  parameters: {
-    layout: 'fullscreen',
-  },
-  argTypes: {
-    onCustomSelect: {
-      description: '用户自定义选择操作方法',
-      defaultValue: `null`,
-      type: 'Function',
-    },
-    onCustomExpand: {
-      description: '用户自定义展开操作方法',
-      defaultValue: `null`,
-      type: 'Function',
-    },
-    onCustomCollapse: {
-      description: '用户自定义折叠操作方法',
-      defaultValue: `null`,
-      type: 'Function',
-    },
-    onCustomFocus: {
-      description: '用户自定义聚焦操作方法',
-      defaultValue: `null`,
-      type: 'Function',
-    },
-    onCustomUpload: {
-      description: '用户自定义上传操作方法',
-      defaultValue: `null`,
-      type: 'Function',
-    },
-  },
-} as Meta;
-
-export const Primary = (args) => <FileTree {...args} />;
-
-Primary.args = {
-  onCustomSelect: null,
-  onCustomExpand: null,
-  onCustomCollapse: null,
-  onCustomFocus: null,
-  onCustomUpload: null,
-};

package/src/stories/Shell.tsx

@@ -1,53 +0,0 @@
-import React from 'react';
-
-import { Meta } from '@storybook/react';
-import Shell from '~/components/Terminal';
-
-export default {
-  title: '组件/Shell',
-  component: Shell,
-  parameters: {
-    layout: 'fullscreen',
-  },
-  argTypes: {
-    options: {
-      description: 'Shell 配置',
-      type: 'ITerminalOptions',
-    },
-    postUser: {
-      description: '当前操作者',
-      type: 'T_UserInfo',
-    },
-    corTime: {
-      description: '操作发生时的时间戳',
-      type: 'number',
-    },
-  },
-} as Meta;
-
-export const Primary = (args) => (
-  <div
-    style={{
-      height: '70vh',
-      width: '80vw',
-    }}
-  >
-    <Shell {...args} />
-  </div>
-);
-
-Primary.args = {
-  options: {
-    convertEol: true,
-    fontSize: 12,
-    fontFamily: 'Monaco, Menlo, monospace',
-    lineHeight: 1,
-    cursorBlink: true,
-    cursorWidth: 1,
-    cursorStyle: 'block',
-    rightClickSelectsWord: true,
-    theme: {
-      background: '#1E1E1E',
-    },
-  },
-};