@lcap/nasl 3.3.0-beta.0 → 3.4.0-alpha.1

package/src/test/fixtures/env.ts

@@ -0,0 +1,19 @@
+import { config, login, App } from '../..';
+
+export const baseURL = 'http://defaulttenant.qa-ci.lcap.group';
+export const appId = 'f8bad074-0076-4003-bf99-176ededfff92'; // 需要访问的 appId
+
+export async function getApp() {
+    config.baseURL = baseURL;
+    config.debug = false;
+    await login('admin', 'Admin@123456');
+
+    const app = new App({ id: appId });
+    // await app.loadAll();
+
+    return app;
+}
+
+export function dateHash() {
+    return new Date().toJSON().slice(5, 16).replace(/[-:]/g, '');
+}

package/src/test/integration/connect-create-file.ts

@@ -0,0 +1,14 @@
+import { expect } from 'chai';
+import * as fs from 'fs-extra';
+import * as path from 'path';
+import * as nasl from '../..';
+
+describe('connect-create-file', () => {
+    it('loadApp', async () => {
+        const filePath = path.join(__dirname, '../examples/uncreated.json');
+        await fs.removeSync(filePath);
+        await nasl.connect('file', filePath);
+        const app = await nasl.loadApp();
+        expect(app.id).to.equal('uncreated');
+    });
+});

package/src/test/integration/connect-file.ts

@@ -0,0 +1,24 @@
+import { expect } from 'chai';
+import * as path from 'path';
+import * as nasl from '../..';
+
+describe('connect-file', () => {
+    it('loadApp', async () => {
+        await nasl.connect('file', path.join(__dirname, '../examples/app1.json'));
+        const app = await nasl.loadApp();
+        expect(app.id).to.equal('app1');
+    });
+
+    it('batchAction', async () => {
+        await nasl.connect('file', path.join(__dirname, '../examples/app1.json'));
+        const app = await nasl.loadApp();
+        if (app.dataSources.length > 0) {
+            const oldLength = app.dataSources.length;
+            await app.dataSources[0].delete();
+            expect(app.dataSources.length).to.equal(oldLength - 1);
+        } else {
+            await app.addDataSource();
+            expect(app.dataSources.length).to.equal(1);
+        }
+    });
+});

package/src/test/integration/node-nasl-server.ts

@@ -0,0 +1,14 @@
+import { expect } from 'chai';
+import * as path from 'path';
+import * as nasl from '../..';
+// import nodeNASLServer from '../../server/naslServer';
+
+// describe('node-nasl-server', () => {
+//     it('loadNASLServer', async () => {
+//         await nasl.connect('file', path.join(__dirname, '../examples/app1.json'));
+//         const app = await nasl.loadApp();
+//         // console.log(app);
+//         // expect(app.id).to.equal('app1');
+//         await nodeNASLServer.openApp(app);
+//     });
+// });

package/src/test/units/baseTypes/Assignment.spec.ts

@@ -0,0 +1,20 @@
+import { expect } from 'chai';
+import * as nasl from '@nasl/index';
+import { TranslatorState, createCompilerState, SourceMapItem } from '../../..';
+
+describe('Assignment', () => {
+    it('toEmbeddedTS: withSourceMap', () => {
+        const item = new nasl.Assignment();
+        const state = createCompilerState(`/**
+ * { line: 2, charater: 4, offset: 48 }
+ **/`);
+
+        const code = item.toEmbeddedTS(state);
+        expect(code).to.equal(' = ;');
+
+        const info = state.sourceMap.values().next().value as SourceMapItem;
+        expect(info.range.end.line).to.equal(2);
+        expect(info.range.end.character).to.equal(8);
+        expect(info.range.end.offset).to.equal(52);
+    });
+});

package/src/test/units/baseTypes/CallLogic.spec.ts

@@ -0,0 +1,22 @@
+import { expect } from 'chai';
+import * as nasl from '@nasl/index';
+import { TranslatorState, createCompilerState, SourceMapItem } from '../../..';
+
+describe('CallLogic', () => {
+    it('toEmbeddedTS: withSourceMap', () => {
+        const item = new nasl.CallLogic();
+        const state = createCompilerState(`/**
+ * { line: 2, charater: 4, offset: 48 }
+ **/`);
+
+        const code = item.toEmbeddedTS(state);
+        expect(code).to.equal(' = ;');
+
+        const info = state.sourceMap.values().next().value as SourceMapItem;
+        expect(info.range.end.line).to.equal(2);
+        expect(info.range.end.character).to.equal(8);
+        expect(info.range.end.offset).to.equal(52);
+    });
+
+    // it('设置关联属性', () => {});
+});

package/src/test/units/baseTypes/StringLiteral.spec.ts

@@ -0,0 +1,60 @@
+import { expect } from 'chai';
+import * as nasl from '@nasl/index';
+import { TranslatorState, createCompilerState, SourceMapItem } from '../../..';
+
+describe('StringLiteral', () => {
+    it('toJS', () => {
+        const item = new nasl.StringLiteral({
+            value: '文本',
+        });
+
+        expect(item.toJS()).to.equal("'文本'");
+    });
+
+    it('toJS: quote', () => {
+        const item = new nasl.StringLiteral({
+            value: `"There's a piece of text with quotes."`,
+        });
+
+        expect(item.toJS()).to.equal(`\`"There's a piece of text with quotes."\``);
+
+        const item2 = new nasl.StringLiteral({
+            value: 'Markdown: `code`',
+        });
+        expect(item2.toJS()).to.equal("'Markdown: `code`'");
+    });
+
+    it('toJS: withSourceMap', () => {
+        const item = new nasl.StringLiteral({
+            value: '文本',
+        });
+        const state = createCompilerState(`/**
+ * { line: 2, charater: 4, offset: 48 }
+ **/`);
+
+        const code = item.toEmbeddedTS(state);
+        expect(code).to.equal("'文本'");
+
+        const info = state.sourceMap.values().next().value as SourceMapItem;
+        expect(info.range.end.line).to.equal(2);
+        expect(info.range.end.character).to.equal(8);
+        expect(info.range.end.offset).to.equal(52);
+    });
+
+    it('toEmbeddedTS: withSourceMap', () => {
+        const item = new nasl.StringLiteral({
+            value: '文本',
+        });
+        const state = createCompilerState(`/**
+ * { line: 2, charater: 4, offset: 48 }
+ **/`);
+
+        const code = item.toEmbeddedTS(state);
+        expect(code).to.equal("'文本'");
+
+        const info = state.sourceMap.values().next().value as SourceMapItem;
+        expect(info.range.end.line).to.equal(2);
+        expect(info.range.end.character).to.equal(8);
+        expect(info.range.end.offset).to.equal(52);
+    });
+});

package/src/test/units/baseTypes/new.spec.ts

@@ -0,0 +1,13 @@
+import * as nasl from '@nasl/index';
+
+describe('new LogicItem', () => {
+    it('Start', () => {
+        const item = new nasl.Start();
+        console.log(item.toJSON());
+    });
+
+    it('Assignment', () => {
+        const item = new nasl.Assignment();
+        console.log(item.toJSON());
+    });
+});

package/src/test/units/common/Vertex.spec.ts

@@ -0,0 +1,23 @@
+import { expect } from 'chai';
+import { View } from '@nasl/index';
+import * as faker from 'faker';
+
+describe('BaseNode', () => {
+    it('deepPick', () => {
+        // const page = new Page({
+        //     rootView: new View({
+        //         children: [new View(), new View()],
+        //     }),
+        // });
+        // const result = page.toJSON();
+        // result.id = faker.random.uuid();
+        // result.rootView.id = faker.random.uuid();
+        // result.rootView.children[0] = faker.random.uuid();
+        // result.rootView.children[1] = faker.random.uuid();
+        // page.deepPick(result, ['id']);
+        // expect(page.id).to.equal(result.id);
+        // expect(page.rootView.id).to.equal(result.rootView.id);
+        // expect(page.rootView.children[0].id).to.equal(result.rootView.children[0].id);
+        // expect(page.rootView.children[1].id).to.equal(result.rootView.children[1].id);
+    });
+});

package/src/test/units/data/Entity.spec.ts

@@ -0,0 +1,10 @@
+import { Entity, EntityProperty } from '@nasl/index';
+
+describe('Entity', () => {
+    it('create', () => {
+        const entity = new Entity({
+            name: 'Entity4',
+        });
+        const property = new EntityProperty();
+    });
+});

package/src/test/units/login.spec.ts

@@ -0,0 +1,10 @@
+import { expect } from 'chai';
+import { config, login } from '@nasl/index';
+
+describe('config', () => {
+    it('login successfully', async () => {
+        config.baseURL = 'http://defaulttenant.qa-ci.lcap.group';
+        const cookie = await login('admin', 'Admin@123456');
+        expect(cookie).to.equal('28db2e05f7e54c3b90a9e41e5cfe2318');
+    });
+});

package/src/test/units/page/Block.spec.ts

@@ -0,0 +1,15 @@
+// // import { Block } from '../../../types';
+// import * as fs from 'fs-extra';
+// import * as path from 'path';
+
+// const DIRNAME = __dirname.replace('/out/', '/src/');
+
+// describe('Block', () => {
+//     it('parseAll', () => {
+//         const template = fs.readFileSync(path.join(DIRNAME, 'example.dashboard.html'), 'utf8');
+//         const block = new Block({ template });
+//         block.parseAll();
+
+//         const obj = { aaa: block.$html };
+//     });
+// });

package/src/test/units/page/Element.spec.ts

@@ -0,0 +1,45 @@
+import { expect } from 'chai';
+import { ViewElement } from '@nasl/index';
+
+describe('Block', () => {
+    describe('static parse', () => {
+        it('简单标签', () => {
+            const source = '<u-input size="normal" :checked="var1" v-model="var2" @change="onChange"></u-input>';
+            const element = ViewElement.parse(source);
+            const result = element?.toVue();
+            console.info(result);
+            expect(source).to.equal(result);
+        });
+
+        it('嵌套标签', () => {
+            const source = `<u-linear-layout direction="vertical">
+    <u-input size="normal" :checked="var1" v-model="var2" @change="onChange"></u-input>
+</u-linear-layout>`;
+            const element = ViewElement.parse(source);
+            const result = element?.toVue();
+            console.info(result);
+            expect(source).to.equal(result);
+        });
+
+        it('去除 text 类型', () => {
+            const source = `<u-linear-layout direction="vertical">这是一行文本</u-linear-layout>`;
+            const element = ViewElement.parse(source);
+            const result = element?.toVue();
+            console.info(result);
+            expect(result).to.equal(`<u-linear-layout direction="vertical">
+    <u-text text="这是一行文本"></u-text>
+</u-linear-layout>`);
+        });
+
+        it('create', () => {
+            const source = '<u-input size="normal" :checked="var1" v-model="var2" @change="onChange"></u-input>';
+            const element = ViewElement.parse(source);
+            // element.assign({
+            //     parentId: '5666dc63-0a99-4b96-840f-6387ecf08c0b',
+            // });
+            // element.create().catch((e: any) => {
+            //     console.log(e);
+            // });
+        });
+    });
+});

package/src/test/units/page/example.dashboard.html

@@ -0,0 +1,46 @@
+<l-dashboard>
+    <template #head>
+        <u-navbar>
+            <template #left>
+                <s-logo>演示</s-logo>
+            </template>
+            <template #default>
+                <u-navbar-item>Item 1</u-navbar-item>
+                <u-navbar-item>Item 2</u-navbar-item>
+            </template>
+            <template #right>
+                <u-navbar-dropdown style="margin-right: 10px;" v-if="userInfo">
+                    <template #title>
+                        <u-avatar shape="circle"></u-avatar>
+                        <span :class="$style.username">{{ userInfo.UserName }}</span>
+                    </template>
+                    <template #default>
+                        <u-navbar-menu>
+                            <u-navbar-menu-item to="/account/center">个人中心</u-navbar-menu-item>
+                            <u-navbar-menu-item @click="logout">安全退出</u-navbar-menu-item>
+                        </u-navbar-menu>
+                    </template>
+                </u-navbar-dropdown>
+                <template v-else>
+                    <u-navbar>
+                        <u-navbar-item href="/login">登录</u-navbar-item>
+                    </u-navbar>
+                </template>
+            </template>
+        </u-navbar>
+    </template>
+    <template #side>
+        <u-sidebar slot="side">
+            <u-sidebar-item to="/overview">总览</u-sidebar-item>
+            <u-sidebar-item>Item 2</u-sidebar-item>
+        </u-sidebar>
+    </template>
+    <template #default>
+        <u-linear-layout direction="vertical" :class="$style.main">
+            <u-crumb auto></u-crumb>
+            <slot>
+                <router-view></router-view>
+            </slot>
+        </u-linear-layout>
+    </template>
+</l-dashboard>

package/src/test/units/page/example.view1.html

@@ -0,0 +1,63 @@
+<u-linear-layout direction="vertical">
+    <div>view1页面的内容</div>
+    <router-view></router-view>
+    <u-linear-layout direction="vertical">
+        <u-linear-layout justify="space-between">
+            <u-form layout="inline" label-size="auto">
+                <u-form-item label="name">
+                    <u-input v-model="query.name" placeholder="请输入name"></u-input>
+                </u-form-item>
+                <u-form-item label="serial">
+                    <u-input v-model="query.serial" placeholder="请输入serial"></u-input>
+                </u-form-item>
+                <u-form-item>
+                    <u-button color="primary" @click="$refs['tableView'].reload($event)">查询</u-button>
+                </u-form-item>
+            </u-form>
+            <u-button color="primary" @click="create($event)">创建</u-button>
+        </u-linear-layout>
+        <u-table-view ref="tableView" :data-source="load" pageable remote-paging data-schema="#/zystest3_backend/entities/Product">
+            <u-table-view-column type="index" width="60" title="序号"></u-table-view-column>
+            <u-table-view-column title="name" field="name">
+                <template #cell="current">
+                    <u-linear-layout gap="small">
+                        <u-text>{{ current.item.name }}</u-text>
+                    </u-linear-layout>
+                </template>
+            </u-table-view-column>
+            <u-table-view-column title="serial" field="serial">
+                <template #cell="current">
+                    <u-linear-layout gap="small">
+                        <u-text>{{ current.item.serial }}</u-text>
+                    </u-linear-layout>
+                </template>
+            </u-table-view-column>
+            <u-table-view-column title="操作">
+                <template #cell="current">
+                    <u-linear-layout gap="small">
+                        <u-link @click="modify($event, current)">修改</u-link>
+                        <u-link @click="remove($event, current)">删除</u-link>
+                    </u-linear-layout>
+                </template>
+            </u-table-view-column>
+        </u-table-view>
+        <u-modal ref="saveModal">
+            <template #title>
+                <div>{{ input.id ? '修改' : '创建' }}</div>
+            </template>
+            <template #body>
+                <u-form>
+                    <u-form-item label="name">
+                        <u-input v-model="input.name" placeholder="请输入name"></u-input>
+                    </u-form-item>
+                    <u-form-item label="serial">
+                        <u-input v-model="input.serial" placeholder="请输入serial"></u-input>
+                    </u-form-item>
+                </u-form>
+            </template>
+            <template #foot>
+                <u-button color="primary" @click="submit()">{{ input.id ? '提交修改' : '立即创建'  }}</u-button>
+            </template>
+        </u-modal>
+    </u-linear-layout>
+</u-linear-layout>

package/src/test/units/temp/temp.spec.ts

@@ -0,0 +1,66 @@
+import { ViewElement } from '@nasl/index';
+
+describe('Block', () => {
+    describe('static parse', () => {
+        it('简单标签', () => {
+            const source = `<l-dashboard>
+                <template #head>
+                    <u-navbar>
+                        <template #left>
+                            <s-logo>演示</s-logo>
+                        </template>
+                        <template #default>
+                            <u-navbar-item>Item 1</u-navbar-item>
+                            <u-navbar-item>Item 2</u-navbar-item>
+                        </template>
+                        <template #right>
+                            <!-- <div :class="$style.item">
+                            <u-badge corner dot :value="noticeCount">
+                                <u-link :class="$style.link"
+                                    :active="noticeActive"
+                                    to="/notice"
+                                    title="通知">
+                                    <i-icon name="notice" style="display: inline-block; vertical-align: top; font-size: 16px;"></i-icon>
+                                </u-link>
+                            </u-badge>
+                        </div> -->
+                            <u-navbar-dropdown style="margin-right: 10px;" v-if="userInfo">
+                                <template #title>
+                                    <u-avatar shape="circle"></u-avatar>
+                                    <span style="display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px; color: white;">{{ userInfo.UserName }}</span>
+                                </template>
+                                <template #default>
+                                    <u-navbar-menu>
+                                        <u-navbar-menu-item to="/account/center">个人中心</u-navbar-menu-item>
+                                        <u-navbar-menu-item @click="logout">安全退出</u-navbar-menu-item>
+                                    </u-navbar-menu>
+                                </template>
+                            </u-navbar-dropdown>
+                            <template v-else>
+                                <u-navbar>
+                                    <u-navbar-item href="/login">登录</u-navbar-item>
+                                </u-navbar>
+                            </template>
+                        </template>
+                    </u-navbar>
+                </template>
+                <template #side>
+                    <u-sidebar>
+                        <u-sidebar-item to="/overview">总览</u-sidebar-item>
+                        <u-sidebar-item>Item 2</u-sidebar-item>
+                    </u-sidebar>
+                </template>
+                <template #default>
+                    <u-linear-layout direction="vertical" :class="$style.main">
+                        <u-crumb auto></u-crumb>
+                        <slot><router-view></router-view></slot>
+                    </u-linear-layout>
+                </template>
+            </l-dashboard>
+        `;
+            const element = ViewElement.parse(source);
+            const result = element?.toVue({ aslIdAttr: true });
+            console.info(result);
+        });
+    });
+});

package/src/translator/index.ts

@@ -1,3 +1,137 @@
-export * from './constant';
-export * from './types';
-export * from './utils';
+import { BaseNode } from '../common/BaseNode';
+import { EventEmitter } from '../common/EventEmitter';
+import { Range, Position, uinteger } from './lsp';
+
+export interface SourceMapItem {
+  code?: string;
+  /**
+   * LSP 的 Range
+   */
+  range?: Range;
+}
+
+export type SourceMap = Map<BaseNode, SourceMapItem>;
+
+export interface TranslatorState {
+  position?: Position;
+  tabSize?: number;
+  inline?: boolean;
+  preferQuote?: 'single' | 'double' | 'backtick';
+  sourceMap?: SourceMap;
+  finalCode?: boolean;
+}
+
+export function lsp2tspNumber(num: uinteger) {
+  return num + 1;
+}
+
+export const indent = (tabSize: number) => ' '.repeat(tabSize * 4);
+
+/**
+ * 创建编译器状态
+ * @param before
+ * @returns
+ */
+export function createCompilerState(startCode: string = '', options?: Partial<TranslatorState>) {
+  const state: TranslatorState = {
+    position: {
+      line: 0,
+      character: 0,
+      offset: 0,
+    },
+    tabSize: 0,
+    ...options,
+  };
+  if (!state.sourceMap) state.sourceMap = new Map<BaseNode, SourceMapItem>();
+
+  return shiftState(state, startCode);
+}
+
+/**
+ * 根据代码移动位置
+ * @param pos
+ * @param code
+ */
+export function shiftPosition(pos: Position, code: string = ''): Position {
+  const res = { ...pos };
+  if (code) {
+    const arr = code.split('\n');
+    res.offset += code.length;
+    res.line += arr.length - 1;
+    if (arr.length === 1) res.character += arr[arr.length - 1].length;
+    else res.character = arr[arr.length - 1].length;
+  }
+
+  return Object.freeze(res);
+}
+
+/**
+ * 根据代码移动状态
+ * @param state
+ * @param code
+ */
+export function shiftState(state: TranslatorState, code?: string, options?: Partial<TranslatorState>): TranslatorState {
+  state = { ...state };
+  state.position = shiftPosition(state.position, code);
+  Object.assign(state, options); // 优先 options
+  return Object.freeze(state);
+}
+
+/**
+ * @decorator
+ */
+export function withSourceMap() {
+  return function handleAction(target: any, key: string | number | symbol, descriptor: PropertyDescriptor) {
+    const oldMethod = descriptor.value;
+
+    descriptor.value = function (this: BaseNode, state?: TranslatorState, ...args: any[]) {
+      // 重新生成ts代码就先把类型清除掉
+      // 注意排查错误的时候，调用了这个方法，就会把节点上缓存的__TypeAnnotation清除
+      try {
+        this.__isCorrectTypeAnnotation = false;
+      } catch (err) {}
+      if (!state) {
+        // 没有状态不生成 SourceMap
+        return oldMethod.call(this, state, ...args);
+      }
+      // state = Object.freeze(Object.assign({
+      //     position: { line: 0, character: 0, offset: 0 },
+      //     tabSize: 0,
+      // }, state));
+
+      let before: string = '';
+      if (!state.inline) {
+        before = indent(state?.tabSize || 0);
+        state = shiftState(state, before);
+      } else {
+        state = shiftState(state, before, {
+          inline: undefined,
+        });
+      }
+
+      // 调用真实方法, 可能有剩余参数
+      const code = oldMethod.call(this, state, ...args);
+
+      state.sourceMap?.set(
+        this,
+        Object.freeze({
+          code,
+          range: {
+            start: state.position,
+            end: shiftPosition(state.position, code),
+          },
+        })
+      );
+
+      return before + code;
+    };
+
+    return descriptor;
+  };
+}
+
+/**
+ * 因为 naslServer 和 ts-worker 在一起，不能集成在 nasl 包中，
+ * 需要一个发布订阅器做个中介通信。
+ */
+export const embeddedTSEmitter = new EventEmitter();