@vyr/cli 0.0.12 → 0.0.13

package/output/service-graph/src/common/Unit.ts

@@ -0,0 +1,172 @@
+import { Generate } from '@vyr/engine'
+import { Cell, Shape } from '@antv/x6'
+import { GraphDrawer } from '../GraphDrawer'
+
+interface ClickEvent {
+  cell: Unit
+  x: number
+  y: number
+}
+
+interface UnitMeta {
+  drawer: GraphDrawer
+  id: string
+  icon: string
+  label: string
+  maxOutCount: number
+  maxInCount: number
+  status: '' | 'loading' | 'success' | 'warning'
+  position?: { x: number; y: number },
+}
+
+type UnitPartial<T extends UnitMeta = UnitMeta> = { drawer: GraphDrawer } & Partial<Omit<T, 'drawer'>>
+
+class Unit extends Shape.Rect {
+  static width = 180
+  static height = 45
+  static edge = { line: { stroke: '#A2B1C3', strokeWidth: 2, }, highlight: { stroke: '#feb663', } }
+  static attrs = {
+    card: { refWidth: '100%', refHeight: '100%', fill: 'transparent', rx: 4, ry: 4, },
+    html: { refWidth: '100%', refHeight: '100%', x: 0, y: 0, },
+  }
+  static instanceOf(instance: Cell, list: Array<typeof Unit>) {
+    for (const item of list) {
+      if (instance instanceof item) return true
+    }
+    return false
+  }
+  static getPortMeta(position: string) {
+    return {
+      position,
+      attrs: {
+        circle: {
+          r: 4,
+          magnet: true,
+          stroke: '#31d0c6',
+          strokeWidth: 1,
+          fill: '#fff',
+        },
+      },
+    }
+  }
+  static formatName(name: string) {
+    const len = 10
+    if (!name || name.length <= len) return name
+
+    return name.substring(0, len) + '...'
+  }
+
+  vMeta: UnitMeta
+
+  constructor(vMeta: UnitPartial<UnitMeta>) {
+    super({ id: vMeta.id ?? Generate.uuid(), label: vMeta.label, position: vMeta.position })
+    this.vMeta = {
+      drawer: vMeta.drawer,
+      icon: vMeta.icon ?? '',
+      label: vMeta.label ?? '',
+      status: vMeta.status ?? '',
+      maxOutCount: vMeta.maxOutCount ?? 1,
+      maxInCount: vMeta.maxInCount ?? 1,
+      id: this.id,
+    }
+    this.htmlFactory()
+  }
+
+  clone() {
+    const CLass = this.constructor as typeof Unit
+
+    return new CLass({ ...this.vMeta, id: undefined }) as any
+  }
+
+  htmlFactory() {
+    if (!this.attrs) return
+    const div = `
+    <div class="graph-service-unit">
+      <i class="${this.vMeta.icon} unit-icon" ></i>
+      <div class="unit-wrapper">${this.label}</div>
+      <i class="graphfont graph-${this.vMeta.status} unit-icon" ></i>
+    </div>
+    `
+    this.setAttrs({ html: { html: div } })
+  }
+
+  setVMeta(meta: Partial<UnitMeta>) {
+    const keys = Object.keys(meta) as Array<keyof UnitMeta>
+    for (const key of keys) {
+      const value = meta[key]
+      if (value === undefined) continue
+      //@ts-ignore
+      this.vMeta[key] = value
+    }
+    this.setLabel(meta.label)
+    if (meta.position) this.setPosition(meta.position)
+    this.htmlFactory()
+  }
+
+  /**点击节点 */
+  click(e: ClickEvent) {
+    //
+  }
+  /**右键点击节点 */
+  rightClick(e: ClickEvent) {
+    //
+  }
+  /**节点是否可移动 */
+  isMove() {
+    return true
+  }
+  /**节点是否可生成链接边 */
+  isCreateEdge(e: Element) {
+    if (e.getAttribute('port-group') !== 'out') return false
+    const edges = this.vMeta.drawer.graph.getConnectedEdges(this, { outgoing: true })
+    return edges.length < this.vMeta.maxOutCount
+  }
+  /**是否可以连接该节点 */
+  isConnection(e: Element, source: Cell) {
+    if (e.getAttribute('port-group') !== 'in') return false
+    const edges = this.vMeta.drawer.graph.getConnectedEdges(this, { incoming: true })
+    return edges.length < this.vMeta.maxInCount
+  }
+}
+Unit.config({
+  width: Unit.width,
+  height: Unit.height,
+  position: { x: 0, y: 0 },
+  attrs: {
+    card: Unit.attrs.card,
+    html: Unit.attrs.html,
+  },
+  markup: [
+    {
+      tagName: 'rect',
+      selector: 'card',
+    },
+    {
+      tagName: 'foreignObject',
+      selector: 'html',
+    }
+  ],
+  ports: {
+    groups: {
+      in: Unit.getPortMeta('left'),
+      out: Unit.getPortMeta('right'),
+    },
+    items: [
+      {
+        id: 'in',
+        group: 'in',
+      },
+      {
+        id: 'out',
+        group: 'out',
+      },
+    ],
+  },
+})
+
+export {
+  ClickEvent,
+  UnitMeta,
+  UnitPartial,
+  Unit,
+}

package/output/service-graph/src/index.ts

@@ -0,0 +1,7 @@
+import './asset/font/iconfont.css'
+import './asset/less/index.less'
+export * from './locale'
+export * from './common/Unit'
+export * from './common/InteractionUnit'
+export * from './GraphDrawer'
+export * from './GraphService'

package/output/service-graph/src/locale/Language.ts

@@ -0,0 +1,10 @@
+import { Locale } from "@vyr/locale";
+import { zhCnLanguageProvider, ZhCNLanguageProvider } from "./LanguageProvider";
+
+Locale.register(zhCnLanguageProvider)
+
+const language = Locale.getLanguage<ZhCNLanguageProvider>(zhCnLanguageProvider.name)
+
+export {
+    language
+}

package/output/service-graph/src/locale/LanguageProvider.ts

@@ -0,0 +1,16 @@
+import { LanguageProvider } from '@vyr/locale'
+
+interface ZhCNLanguageProvider extends LanguageProvider {
+    'graphDrawer.stencil.title': string
+}
+
+const zhCnLanguageProvider: ZhCNLanguageProvider = {
+    id: 'zh_CN',
+    name: '@vyr/service-graph',
+    'graphDrawer.stencil.title': '例程节点',
+}
+
+export {
+    ZhCNLanguageProvider,
+    zhCnLanguageProvider,
+}

package/output/service-graph/src/locale/index.ts

@@ -0,0 +1,2 @@
+export * from './LanguageProvider'
+export * from './Language'

package/output/service-graph/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "lib": [
+      "ESNext",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "outDir": "build",
+    "strict": true,
+    "jsx": "preserve",
+    "declaration": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "useDefineForClassFields": true,
+    "sourceMap": false,
+    "baseUrl": "",
+    "types": [
+      "webpack-env"
+    ],
+    "paths": {}
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "src/shims-vue.d.ts"
+  ],
+  "exclude": []
+}

package/output/service-rpc/package.json

@@ -0,0 +1 @@
+{"name":"@vyr/service-rpc-universal","version":"0.0.13","description":"","main":"./src/index.ts","author":"","license":"MIT","dependencies":{"@vyr/engine":"0.0.13"},"files":["package.json","src/"]}

package/output/service-rpc/src/IMessage.ts

@@ -0,0 +1,14 @@
+/** 通信消息 */
+class IMessage {
+    message?: string
+    method!: string
+    params!: any
+
+    constructor(message?: string) {
+        this.message = message
+    }
+}
+
+export {
+    IMessage
+}

package/output/service-rpc/src/Message.ts

@@ -0,0 +1,17 @@
+import { IMessage } from './IMessage'
+import * as rpc from './rpc'
+import * as sidebar from './sidebar'
+import * as asset from './asset'
+import * as scene from './scene'
+import * as dep from './dep'
+
+/** 通信消息 */
+class Message extends IMessage {
+  static rpc = rpc
+  static sidebar = sidebar
+  static asset = asset
+  static scene = scene
+  static dep = dep
+}
+
+export { Message }

package/output/service-rpc/src/Operation.ts

@@ -0,0 +1,113 @@
+import { Generate } from "@vyr/engine"
+
+const privateState = {
+  assetHistroryCollection: new Map<string, { undo: string[], redo: string[] }>(),
+  executeCollection: new Map<string, Operation[]>(),
+  inverse: (operation: Operation) => {
+    const Constructor = operation.constructor as typeof Operation
+    //@ts-ignore
+    const inverseOperation = new Constructor({ ...operation, inverse: !operation.inverse })
+    return inverseOperation
+  }
+}
+
+abstract class Operation {
+  /**撤销上一次的操作 */
+  static undo(trigger: string) {
+    const executeCollection = privateState.executeCollection.get(trigger)
+    if (executeCollection === undefined || executeCollection.length === 0) return
+    const operation = executeCollection[executeCollection.length - 1]
+    const current = operation.inverse ? operation.undo : operation;
+    if (current === null) return;
+    for (const asset of current.assets) {
+      const assetHistrory = privateState.assetHistroryCollection.get(asset)
+      if (assetHistrory === undefined || assetHistrory.undo.length === 0) return
+      const endTrigger = assetHistrory.undo[assetHistrory.undo.length - 1]
+      if (endTrigger !== trigger) return
+    }
+    const inverseOperation = privateState.inverse(current)
+    this.execute(inverseOperation)
+  }
+  /**重做上一次的操作 */
+  static redo(trigger: string) {
+    const executeCollection = privateState.executeCollection.get(trigger)
+    if (executeCollection === undefined || executeCollection.length === 0) return
+    const operation = executeCollection[executeCollection.length - 1]
+    const current = operation.inverse ? operation : operation.redo;
+    if (current === null) return;
+    for (const asset of current.assets) {
+      const assetHistrory = privateState.assetHistroryCollection.get(asset)
+      if (assetHistrory === undefined || assetHistrory.redo.length === 0) return
+      const endTrigger = assetHistrory.redo[assetHistrory.redo.length - 1]
+      if (endTrigger !== trigger) return
+    }
+    const inverseOperation = privateState.inverse(current)
+    this.execute(inverseOperation)
+  }
+  /**执行一次操作 */
+  static execute(operation: Operation) {
+    //将操作添加到对应的执行集合中
+    let executeCollection = privateState.executeCollection.get(operation.trigger)
+    if (executeCollection === undefined) {
+      executeCollection = []
+      privateState.executeCollection.set(operation.trigger, executeCollection)
+    }
+
+    //为操作绑定撤销、重做链接
+    const bind = executeCollection[executeCollection.length - 1]
+    if (bind !== undefined) {
+      if (operation.inverse) {
+        operation.redo = bind.inverse ? bind : bind.redo
+      } else {
+        operation.undo = bind.inverse ? bind.undo : bind
+      }
+    }
+
+    operation.throwIfOperationUnavailable()
+    operation.execute()
+
+    //将操作添加到对应的目标集合中
+    for (const asset of operation.assets) {
+      let assetHistrory = privateState.assetHistroryCollection.get(asset)
+      if (assetHistrory === undefined) {
+        assetHistrory = { undo: [], redo: [] }
+        privateState.assetHistroryCollection.set(asset, assetHistrory)
+      }
+      if (operation.inverse) {
+        assetHistrory.redo.push(operation.trigger)
+        if (assetHistrory.undo[assetHistrory.undo.length - 1] === operation.trigger) assetHistrory.undo.pop()
+      } else {
+        assetHistrory.undo.push(operation.trigger)
+        if (assetHistrory.redo[assetHistrory.redo.length - 1] === operation.trigger) assetHistrory.redo.pop()
+      }
+    }
+
+    executeCollection.push(operation)
+  }
+
+  readonly mark: string
+  /**操作涉及的资产 */
+  readonly assets: string[]
+  /**操作的触发者 */
+  readonly trigger: string
+  /**是否为逆操作 */
+  inverse: boolean
+  undo: Operation | null
+  redo: Operation | null
+
+  constructor(operation: Partial<Operation> = {}) {
+    this.mark = operation.mark ?? Generate.uuid()
+    this.assets = operation.assets ?? []
+    this.trigger = operation.trigger ?? ''
+    this.inverse = operation.inverse ?? false
+    this.undo = operation.undo ?? null
+    this.redo = operation.redo ?? null
+  }
+
+  abstract execute(): void
+
+  /**若操作不可用则抛出错误 */
+  abstract throwIfOperationUnavailable(): void
+}
+
+export { Operation }

package/output/service-rpc/src/RpcService.ts

@@ -0,0 +1,122 @@
+import axios from 'axios'
+import { Descriptor, Listener } from '@vyr/engine'
+import { Service } from '@vyr/service'
+import { path, tokenKey, topic, Confirm, Message } from '@vyr/service-rpc-universal'
+
+interface RpcServiceConfig {
+    token: string
+    notify: (msg: string) => void
+    confirm: (options: Partial<Confirm>, value?: string) => Promise<Confirm>
+}
+
+const _logout = () => {
+    window.localStorage.removeItem(tokenKey)
+    const location = new URL(window.location.href)
+    location.pathname = '/login.html'
+    window.location.href = location.href
+}
+
+class RpcService extends Service {
+
+    static async login(name: string, password: string) {
+        const data = new Message.rpc.login.RequestMessage(name, password)
+        const res = await axios.post<InstanceType<typeof Message['rpc']['login']['NoticeMessage']>>(Message.rpc.login.Method, data)
+        window.localStorage.setItem(tokenKey, res.data.params.token)
+
+        const location = new URL(window.location.href)
+        location.pathname = '/'
+        window.location.href = location.href
+    }
+
+    static async getUser() {
+        const data = new Message.rpc.getUser.RequestMessage()
+        const res = await axios.get<InstanceType<typeof Message['rpc']['getUser']['NoticeMessage']>>(Message.rpc.getUser.Method, data)
+        return res.data.params.user
+    }
+
+    static getToken() {
+        return window.localStorage.getItem(tokenKey) ?? ''
+    }
+    static setToken(toekn: string) {
+        window.localStorage.setItem(tokenKey, toekn)
+    }
+
+    private _listener = new Listener<{ [k: string]: (msg: Message) => void }>()
+    private confirm
+    private socket: any
+    private needTrigger = false
+    private msgQueue: Message[] = []
+
+    constructor(name: string, config: RpcServiceConfig) {
+        super(name)
+        this.confirm = config.confirm
+        const params = { path, extraHeaders: { authorization: 'Bearer ' + config.token }, autoConnect: false }
+        //@ts-ignore
+        this.socket = new window.io(location.href, params)
+
+        this.socket.on(topic, (content: string) => {
+            const msg = Descriptor.deserialization<Message>(content)
+            if (msg.message !== undefined) return config.notify(msg.message)
+            this._delayTrigger(msg)
+        })
+        this.socket.on('disconnect', () => {
+            this.trigger(Message.rpc.disconnect.Method, new Message.rpc.disconnect.NoticeMessage(this.client))
+        })
+
+        this.listen(Message.rpc.confirm.Method, this._onConfirm)
+    }
+
+    private _onConfirm = async (msg: InstanceType<typeof Message['rpc']['confirm']['NoticeMessage']>) => {
+        const result = await this.confirm(msg.params.config)
+        msg.params.config.value = result.value
+        msg.params.config.success = result.success
+        this.send(msg)
+    }
+
+    private _delayTrigger(msg: Message) {
+        this.msgQueue.push(msg)
+        if (this.needTrigger === true) return
+        this.needTrigger = true
+        setTimeout(() => this._executeMsgQueue(), 160)
+    }
+    private _executeMsgQueue() {
+        this.needTrigger = false
+        for (const msg of this.msgQueue) {
+            this.trigger(msg.method, msg)
+        }
+        this.msgQueue.length = 0
+    }
+
+    get client(): string {
+        return this.socket.id
+    }
+
+    get url(): string {
+        return this.socket.uri
+    }
+
+    async ready() {
+        this.listen(Message.rpc.logout.Method, _logout)
+    }
+
+    async start() {
+        await this.socket.connect()
+    }
+
+    trigger<T extends Message = Message>(method: string, msg: T) {
+        this._listener.trigger(method, msg)
+    }
+    listen<T extends Message = Message>(method: string, cb: (msg: T) => void) {
+        this._listener.listen(method, cb)
+    }
+    unlisten<T extends Message = Message>(method: string, cb: (msg: T) => void) {
+        this._listener.unlisten(method, cb)
+    }
+
+    /**向服务端发送数据 */
+    send(msg: Message) {
+        this.socket.emit(topic, Descriptor.serialization(msg))
+    }
+}
+
+export { RpcService }

package/output/service-rpc/src/Scheme.ts

@@ -0,0 +1,20 @@
+declare global {
+  interface VyrSchemeDefine {
+    [k: string]: string
+    cache: string
+    project: string
+    static: string
+    scene: string
+    entry: string
+  }
+}
+
+const defineScheme: VyrSchemeDefine = {
+  cache: '/cache',
+  project: '/project',
+  static: '/static',
+  scene: '/scene',
+  entry: '/entry',
+}
+
+export { defineScheme }

package/output/service-rpc/src/UseRecord.ts

@@ -0,0 +1,50 @@
+import { ArrayUtils, DeserializationObject } from "@vyr/engine"
+
+class UseRecord {
+  record: { [uuid: string]: string[] } = {}
+
+  addUser(url: string, client: string) {
+    if (this.record[url] === undefined) this.record[url] = []
+    ArrayUtils.insert(this.record[url], client)
+  }
+
+  removeUser(url: string, client: string) {
+    const record = this.record[url]
+    if (Array.isArray(record) === false) return
+    ArrayUtils.remove(record, client)
+  }
+
+  hasUser(url: string, client: string) {
+    if (this.record[url] === undefined) return false
+    return this.record[url].indexOf(client) > -1 ? true : false
+  }
+
+  clearUser(client: string) {
+    const urls = Object.keys(this.record)
+    for (const url of urls) {
+      this.removeUser(url, client)
+    }
+  }
+
+  clear(url: string) {
+    delete this.record[url]
+  }
+
+  copy(useRecord: DeserializationObject<UseRecord>) {
+    this.record = useRecord.record
+  }
+
+  isOperable(url: string, client: string) {
+    const record = this.record[url]
+    if (Array.isArray(record) === false || record.length === 0) return true
+    return record.indexOf(client) === 0 ? true : false
+  }
+
+  isDelete(url: string, client: string) {
+    const record = this.record[url]
+    if (Array.isArray(record) === false || record.length === 0) return true
+    return record.length === 1 && record.indexOf(client) === 0 ? true : false
+  }
+}
+
+export { UseRecord }

package/output/service-rpc/src/User.ts

@@ -0,0 +1,21 @@
+class User {
+    name = ''
+    password = ''
+    token = ''
+    role = ''
+
+    constructor(user: Partial<User> = {}) {
+        this.name = user.name ?? ''
+        this.password = user.password ?? ''
+        this.token = user.token ?? ''
+        this.role = user.role ?? ''
+    }
+
+    clone() {
+        const user = new User(this)
+        user.password = ''
+        return user
+    }
+}
+
+export { User }