@dao42/d42paas-front 0.4.8 → 0.4.9

package/src/stories/introduction.stories.mdx

@@ -1,193 +0,0 @@
-import { Meta } from '@storybook/addon-docs';
-import Code from '../assets/code-brackets.svg';
-import Colors from '../assets/colors.svg';
-import Comments from '../assets/comments.svg';
-import Direction from '../assets/direction.svg';
-import Flow from '../assets/flow.svg';
-import Plugin from '../assets/plugin.svg';
-import Repo from '../assets/repo.svg';
-import StackAlt from '../assets/stackalt.svg';
-import '../styles/index.scss';
-// import { LottieAnim } from '../components/LottieAnim';
-// import * as LottiePlayer from "@lottiefiles/lottie-player";
-// require("@lottiefiles/lottie-player");
-
-
-<Meta title="使用说明/Introduction" />
-
-<style>{`
-  .subheading {
-    --mediumdark: '#999999';
-    font-weight: 900;
-    font-size: 13px;
-    color: #999;
-    letter-spacing: 6px;
-    line-height: 24px;
-    text-transform: uppercase;
-    margin-bottom: 12px;
-    margin-top: 40px;
-  }
-
-  .link-list {
-    display: grid;
-    grid-template-columns: 1fr;
-    grid-template-rows: 1fr 1fr;
-    row-gap: 10px;
-  }
-
-  @media (min-width: 620px) {
-    .link-list {
-      row-gap: 20px;
-      column-gap: 20px;
-      grid-template-columns: 1fr 1fr;
-    }
-  }
-
-  @media all and (-ms-high-contrast:none) {
-  .link-list {
-      display: -ms-grid;
-      -ms-grid-columns: 1fr 1fr;
-      -ms-grid-rows: 1fr 1fr;
-    }
-  }
-
-  .link-item {
-    display: block;
-    padding: 20px 30px 20px 15px;
-    border: 1px solid #00000010;
-    border-radius: 5px;
-    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
-    color: #333333;
-    display: flex;
-    align-items: flex-start;
-  }
-
-  .link-item:hover {
-    border-color: #1EA7FD50;
-    transform: translate3d(0, -3px, 0);
-    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
-  }
-
-  .link-item:active {
-    border-color: #1EA7FD;
-    transform: translate3d(0, 0, 0);
-  }
-
-  .link-item strong {
-    font-weight: 700;
-    display: block;
-    margin-bottom: 2px;
-  }
-
-  .link-item img {
-    height: 40px;
-    width: 40px;
-    margin-right: 15px;
-    flex: none;
-  }
-
-  .link-item span {
-    font-size: 14px;
-    line-height: 20px;
-  }
-
-  .tip {
-    display: inline-block;
-    border-radius: 1em;
-    font-size: 11px;
-    line-height: 12px;
-    font-weight: 700;
-    background: #E7FDD8;
-    color: #66BF3C;
-    padding: 4px 12px;
-    margin-right: 10px;
-    vertical-align: top;
-  }
-
-  .tip-wrapper {
-    font-size: 13px;
-    line-height: 20px;
-    margin-top: 40px;
-    margin-bottom: 40px;
-  }
-
-  .tip-wrapper code {
-    font-size: 12px;
-    display: inline-block;
-  }
-
-
-`}</style>
-
-
-# PaaS SDK
-<!-- ## 使用示例 -->
-### 依赖安装
-
-#### yarn
-yarn add @dao42/d42paas-front
-
-#### npm
-npm install @dao42/d42paas-front
-
-### 初始化
-```javascript
-  import DaoPaaS from '@dao42/d42paas-front';
-  var dao_paas = new DaoPaaS({
-    ticket,
-    playgroundId,
-    userId,
-    tenantId,
-    username
-  });
-```
-Editor 组件
-
-
-<div className="link-list">
-  <a className="link-item" href="?path=/story/组件-editor--primary">
-    <img src={Direction} alt="direction" />
-    <span>
-      <strong>Editor</strong>
-      {/* 核心编辑功能 */}
-      dao_paas.Editor()
-    </span>
-  </a>
-  <a className="link-item" href="?path=/story/组件-fileTree--primary">
-    <img src={Direction} alt="direction" />
-    <span>
-      <strong>FileTree</strong>
-      {/* 核心编辑功能 */}
-      dao_paas.FileTree()
-    </span>
-  </a>
-  <a className="link-item" href="?path=/story/组件-browserWindow--primary">
-    <img src={Direction} alt="direction" />
-    <span>
-      <strong>BrowserWindow</strong>
-      {/* 核心编辑功能 */}
-      dao_paas.BrowserWindow()
-    </span>
-  </a>
-  <a className="link-item" href="?path=/story/组件-shell--primary">
-    <img src={Direction} alt="direction" />
-    <span>
-      <strong>Shell</strong>
-      {/* 核心编辑功能 */}
-      dao_paas.Shell()
-    </span>
-  </a>
-  <a className="link-item" href="?path=/story/组件-console--primary">
-    <img src={Direction} alt="direction" />
-    <span>
-      <strong>Console</strong>
-      {/* 核心编辑功能 */}
-      dao_paas.Console()
-    </span>
-  </a>
-</div>
-
-<div className="tip-wrapper">
-  <span className="tip">Tip</span>Edit the Markdown in{' '}
-  <code>src/client/PaaS/stories/Introduction.stories.mdx</code>
-</div>

package/src/stories/page.tsx

@@ -1,71 +0,0 @@
-import React from 'react';
-import { Meta } from '@storybook/react';
-import Index from '~/pages';
-import { ArgsTable, Story } from '@storybook/addon-docs';
-import '../styles/index.scss';
-
-export default {
-  title: '组件/Page',
-  component: Index,
-  parameters: {
-    layout: 'fullscreen',
-  },
-  argTypes: {
-    playgroundId: {
-      description: 'playgroundInfo获取hook',
-      // default: 1,
-      // control: 'string',
-      table: {
-        category: '初始化参数',
-      },
-    },
-    // backgroundColor: {
-    //   description: 'hi',
-    //   control: 'color',
-    //   //   table: {
-    //   //     category: '初始化参数',
-    //   //   },
-    // },
-    primary: {
-      table: {
-        category: 'Colors',
-      },
-    },
-    // borderWidth: { control: { type: 'number', min: 0, max: 10 } },
-
-    //     backgroundColor: {
-    //       control: 'color',
-    //       table: {
-    //         category: 'Colors',
-    //         // Assigns the argTypes to a specific subcategory
-    //         subcategory: 'Button colors',
-    //       },
-    //     },
-    // primary: {
-    //   table: {
-    //     category: 'Colors',
-    //     subcategory: 'Button style',
-    //   },
-    // },
-    // // Assigns the argType to the Events category
-    // onClick: {
-    //   table: {
-    //     category: 'Events',
-    //     subcategory: 'Button Events',
-    //   },
-    // },
-    // // Assigns the argType to the Sizes category
-    // size: {
-    //   table: {
-    //     category: 'Sizes',
-    //   },
-    // },
-  },
-} as Meta;
-
-export const Primary = (args) => <Index {...args} />;
-
-Primary.args = {
-  playgroundId: '329382550470393856',
-  // users: []
-};

package/src/styles/collections/iconfont.scss

@@ -1 +0,0 @@
-@import url(//at.alicdn.com/t/font_2833282_wku3pmhjs9.css);

package/src/styles/collections/tabs-costumers.scss

@@ -1,20 +0,0 @@
-.rs-nav.rs-nav-tabs.rs-nav-horizontal {
-  border: none;
-  .rs-nav-item {
-    border: none;
-    &.rs-nav-item-active {
-      border: 0;
-      border-radius: 0;
-      border-bottom-width: 1px;
-      background-color: #1e1e1e;
-      color: #eaeaea;
-    }
-    &:hover, &:focus {
-      border-radius: 0;
-      background-color: #1a1a1a;
-    }
-  }
-  .rs-nav-bar {
-    border: none;
-  }
-}

package/src/styles/collections/tailwind.scss

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/src/styles/collections/tree-costumers.scss

@@ -1,53 +0,0 @@
-div.rct-tree-root {
-  width: 100%;
-  height: 100%;
-  background-color: #15171c;
-  color: #ffffff;
-  overflow: auto;
-
-  .rct-tree-item-li {
-    .rct-tree-item-title-container {
-      .rct-tree-item-arrow {
-        flex-shrink: 0;
-      }
-      .rct-tree-item-avatar {
-        width: 20px;
-        height: 20px;
-        margin-left: 10px;
-        background-color: white;
-        right: 5px;
-      }
-    }
-  }
-
-  &.rct-tree-root-focus {
-    outline: none;
-    .rct-tree-item-li-selected {
-      .rct-tree-item-title-container-selected {
-        background-color: #4b6eaf;
-      }
-    }
-  }
-
-  &:not(.rct-tree-root-focus) {
-    .rct-tree-item-title-container-focused {
-      border: none;
-    }
-
-    .rct-tree-item-li-selected {
-      .rct-tree-item-title-container-selected {
-        background-color: #4b6eaf;
-      }
-    }
-  }
-  &::-webkit-scrollbar {
-    background-color: #1e1e1e;
-    width: 6px;
-    height: 6px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: #575757;
-    border-radius: 4px;
-  }
-}

package/src/styles/collections/utility.scss

@@ -1,10 +0,0 @@
-.nested-sample {
-    p {
-        color: red;
-    }
-}
-.avatar-hover:hover {
-    z-index: 10;
-    transform: scale(1.2);
-    transition: all 0.5s ease;
-}

package/src/styles/collections/xterm-costumers.scss

@@ -1,47 +0,0 @@
-.xterm {
-  width: 100%;
-  height: 100%;
-
-  .xterm-viewport {
-    width: calc(100% + 10px) !important;
-    //height: 100%;
-    overflow-y: hidden;
-
-    &::-webkit-scrollbar {
-      background-color: #1e1e1e;
-      width: 6px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background-color: #575757;
-      border-radius: 4px;
-    }
-  }
-
-  .xterm-screen {
-    width: 100% !important;
-    height: 100% !important;
-    overflow-y: auto;
-    overflow-x: hidden;
-
-    .xterm-helpers {
-      .xterm-helper-user-label {
-        position: absolute;
-        height: 20px;
-        padding: 0 4px;
-        transform: translateY(-20px);
-        color: #ffffff;
-      }
-    }
-
-    &::-webkit-scrollbar {
-      background-color: #1e1e1e;
-      width: 6px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background-color: #575757;
-      border-radius: 4px;
-    }
-  }
-}

package/src/styles/index.css

@@ -1,21 +0,0 @@
-@import 'rsuite/dist/rsuite.min.css';
-@import 'xterm/css/xterm.css';
-@import 'react-complex-tree/lib/style.css';
-@import "./collections/utility.scss";
-@import "./collections/iconfont.scss";
-@import "./collections/tabs-costumers.scss";
-@import "./collections/tree-costumers.scss";
-@import "./collections/xterm-costumers.scss";
-
-
-@import "./collections/tailwind.scss";
-
-
-
-
-
-.editor-layout {
-    height: 100%;
-    flex-flow: 1;
-    min-height: 300px;
-}

package/src/types/editor.d.ts

@@ -1,31 +0,0 @@
-// export = DaoPaaS;
-// export as namespace DaoPaaS;
-
-interface TConstructor {
-  ticket: string;
-  playgroundId: string;
-  userId: string;
-  tenantId: string;
-  username?: string;
-  avatar?: string;
-  avatarUrl?: string;
-}
-
-type TReplay = 'stop' | 'disabled' | 'pause';
-
-interface TComponentArgs {
-  container: string | HTMLElement | Element;
-  props?: any;
-}
-
-export class DaoPaaS {
-  constructor(args: TConstructor): void;
-  replay(args: TReplay): void;
-  record(arg: boolean): void;
-  switchLspServer(arg: boolean): void;
-
-  /* Components */
-  Editor(args: TComponentArgs): void;
-  Page(args: TComponentArgs): void;
-  Tree(args: TComponentArgs): void;
-}

package/src/types/index.d.ts

@@ -1,166 +0,0 @@
-/// <reference types="@emotion/react/types/css-prop" />
-// / <reference types="socket.io-client" />
-/// <reference types="vite/client" />
-import { DefaultEventsMap, EventNames, EventParams, EventsMap, Emitter } from "@socket.io/component-emitter";
-
-
-import { Socket } from 'socket.io-client';
-import { TreeItemIndex } from 'react-complex-tree/lib/esm/types';
-import { TextOperation } from 'ot';
-type WindowType = typeof window;
-// type FileExtraType = 'Add' | 'Get';
-// type EvtType = 'file' | 'editor';
-
-export type UserInfo = {
-  avatar?: string;
-  name?: string;
-  uuid?: string;
-  role?: string;
-};
-
-export * from 'monaco-editor/esm/vs/editor/editor.all';
-
-declare global {
-  interface Window {
-    xtermFitAddon: { fit: () => void };
-    io: unknown;
-    clearCache: () => void;
-    Toast: unknown;
-    ot: unknown;
-    MonacoEnvironment: any;
-  }
-  // interface D42 extends Window {
-  //   log: typeof window.log;
-  // }
-
-  let LOCAL_IP_HOST: string;
-
-  // let d42: D42;
-  // module 'lottie-web';
-  // declare module TreeItemIndex;
-  namespace D42_FrontType {
-    const io: unknown;
-    // interface SocketType {
-    //   Socket: Socket<DefaultEventsMap, DefaultEventsMap>;
-    // }
-
-    type SocketType = Socket<DefaultEventsMap, DefaultEventsMap>;
-    /*
-     *
-     */
-
-    // CRDT
-
-    /*
-     *
-     */
-
-    type FileExtraType = 'Add' | 'Get' | 'Update' | 'Edit';
-    type EvtType = 'File' | 'Editor' | 'Selection' | 'Position';
-
-    interface CRDT {
-      timestamp: string | number;
-      userInfo: Pick<UserInfo, 'uuid' | 'role'>;
-      editor?: {
-        operation?: TextOperation[];
-        // selection?: TextSelection;
-        selection?: any;
-        revision?: number;
-        evtType?: EvtType;
-        // doc?: {
-        //   action: FileExtraType;
-        //   path: string | number;
-        //   redisKey?: string;
-        //   value?: string;
-        // };
-        extraInfo?: any;
-      };
-      file?: {
-        action?: FileExtraType;
-        path?: string;
-        redisKey?: string;
-        value?: string;
-      };
-      selection?: [][] | number[] | number[][];
-      terminal?: {
-        doc?: {
-          action: FileExtraType;
-          value?: string;
-        };
-        extraInfo?: any;
-      };
-      console?: {
-        doc?: {
-          action: FileExtraType;
-          value?: string;
-        };
-        extraInfo?: any;
-      };
-      media?: {
-        extraInfo?: {
-          segmentId: string;
-        };
-      };
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      extend?: any;
-    }
-
-    interface ReplaySource {
-      timestamp: string | number;
-      userInfo?: Pick<UserInfo, 'uuid' | 'role'>;
-      editor?: {
-        [key: string]: {
-          operation?: TextOperation[];
-          // selection?: TextSelection;
-          selection?: any;
-          revision?: number;
-          evtType?: EvtType;
-          // doc?: {
-          //   action: FileExtraType;
-          //   path: string | number;
-          //   redisKey?: string;
-          //   value?: string;
-          // };
-          extraInfo?: any;
-        };
-      };
-      file?: {
-        [key: string]: {
-          action: FileExtraType;
-          path: string | number;
-          redisKey?: string;
-          value?: string;
-        };
-      };
-      selection?: {
-        [key: string]: [][];
-      };
-      terminal?: {
-        [key: string]: {
-          doc?: {
-            action: FileExtraType;
-            value?: string;
-          };
-          extraInfo?: any;
-        };
-      };
-      console?: {
-        [key: string]: {
-          doc?: {
-            action: FileExtraType;
-            value?: string;
-          };
-          extraInfo?: any;
-        };
-      };
-      media?: {
-        [key: string]: {
-          extraInfo?: {
-            segmentId: string;
-          };
-        };
-      };
-      extend?: any;
-    }
-  }
-}