@tomjs/create-app 0.15.0 → 1.0.0-alpha.0

package/template-vscode-react/src/utils/vscode.ts

@@ -1,83 +0,0 @@
-import type { WebviewApi } from 'vscode-webview';
-
-/**
- * A utility wrapper around the acquireVsCodeApi() function, which enables
- * message passing and state management between the webview and extension
- * contexts.
- *
- * This utility also enables webview code to be run in a web browser-based
- * dev server by using native web browser features that mock the functionality
- * enabled by acquireVsCodeApi.
- */
-class VSCodeAPIWrapper {
-  private readonly vsCodeApi: WebviewApi<unknown> | undefined;
-
-  constructor() {
-    // Check if the acquireVsCodeApi function exists in the current development
-    // context (i.e. VS Code development window or web browser)
-    if (typeof acquireVsCodeApi === 'function') {
-      this.vsCodeApi = acquireVsCodeApi();
-    }
-  }
-
-  // private init() {
-  //   // TODO 环境变量判断
-  // }
-
-  /**
-   * Post a message (i.e. send arbitrary data) to the owner of the webview.
-   *
-   * @remarks When running webview code inside a web browser, postMessage will instead
-   * log the given message to the console.
-   *
-   * @param message Abitrary data (must be JSON serializable) to send to the extension context.
-   */
-  public postMessage(message: unknown) {
-    if (this.vsCodeApi) {
-      this.vsCodeApi.postMessage(message);
-    } else {
-      window.parent.postMessage({ type: 'page:message', data: message }, '*');
-      console.log(message);
-    }
-  }
-
-  /**
-   * Get the persistent state stored for this webview.
-   *
-   * @remarks When running webview source code inside a web browser, getState will retrieve state
-   * from local storage (https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage).
-   *
-   * @return The current state or `undefined` if no state has been set.
-   */
-  public getState(): unknown | undefined {
-    if (this.vsCodeApi) {
-      return this.vsCodeApi.getState();
-    } else {
-      const state = localStorage.getItem('vscodeState');
-      return state ? JSON.parse(state) : undefined;
-    }
-  }
-
-  /**
-   * Set the persistent state stored for this webview.
-   *
-   * @remarks When running webview source code inside a web browser, setState will set the given
-   * state using local storage (https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage).
-   *
-   * @param newState New persisted state. This must be a JSON serializable object. Can be retrieved
-   * using {@link getState}.
-   *
-   * @return The new state.
-   */
-  public setState<T extends unknown | undefined>(newState: T): T {
-    if (this.vsCodeApi) {
-      return this.vsCodeApi.setState(newState);
-    } else {
-      localStorage.setItem('vscodeState', JSON.stringify(newState));
-      return newState;
-    }
-  }
-}
-
-// Exports class singleton to prevent multiple invocations of acquireVsCodeApi.
-export const vscode = new VSCodeAPIWrapper();

package/template-vscode-react/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/template-vscode-react/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "@tomjs/tsconfig/vue-dom.json",
-  "compilerOptions": {},
-  "include": ["src"],
-  "references": [
-    {
-      "path": "./tsconfig.node.json"
-    }
-  ]
-}

package/template-vscode-react/tsconfig.node.json

@@ -1,7 +0,0 @@
-{
-  "extends": "@tomjs/tsconfig/node.json",
-  "compilerOptions": {
-    "composite": true
-  },
-  "include": ["extension", "package.json", "vite.config.ts"]
-}

package/template-vscode-react/vite.config.ts

@@ -1,20 +0,0 @@
-import path from 'node:path';
-import vscode from '@tomjs/vite-plugin-vscode';
-import react from '@vitejs/plugin-react-swc';
-import { defineConfig } from 'vite';
-import pkg from './package.json';
-
-// https://vitejs.dev/config/
-export default defineConfig(() => {
-  process.env.APP_BUILD_TIME = Date.now() + '';
-  process.env.APP_VERSION = pkg.version;
-
-  return {
-    resolve: {
-      alias: {
-        '@': path.join(__dirname, 'src'),
-      },
-    },
-    plugins: [react(), vscode()],
-  };
-});

package/template-vscode-vue/.vscode/launch.json

@@ -1,21 +0,0 @@
-// A launch configuration that compiles the extension and then opens it inside a new window
-// Use IntelliSense to learn about possible attributes.
-// Hover to view descriptions of existing attributes.
-// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-{
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "name": "Debug Extension",
-      "type": "extensionHost",
-      "request": "launch",
-      "args": [
-        "--extensionDevelopmentPath=${workspaceFolder}"
-      ],
-      "outFiles": [
-        "${workspaceFolder}/dist/extension/*.js"
-      ],
-      "preLaunchTask": "${defaultBuildTask}"
-    }
-  ]
-}

package/template-vscode-vue/.vscode/tasks.json

@@ -1,36 +0,0 @@
-// See https://go.microsoft.com/fwlink/?LinkId=733558
-// for the documentation about the tasks.json format
-{
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "type": "npm",
-      "script": "dev",
-      "problemMatcher": {
-        "owner": "typescript",
-        "fileLocation": "relative",
-        "pattern": {
-          "regexp": "^([a-zA-Z]\\:\/?([\\w\\-]\/?)+\\.\\w+):(\\d+):(\\d+): (ERROR|WARNING)\\: (.*)$",
-          "file": 1,
-          "line": 3,
-          "column": 4,
-          "code": 5,
-          "message": 6
-        },
-        "background": {
-          "activeOnStart": true,
-          "beginsPattern": "^.*extension build start*$",
-          "endsPattern": "^.*extension (build|rebuild) success.*$"
-        }
-      },
-      "isBackground": true,
-      "presentation": {
-        "reveal": "never"
-      },
-      "group": {
-        "kind": "build",
-        "isDefault": true
-      }
-    }
-  ]
-}

package/template-vscode-vue/.vscodeignore

@@ -1,72 +0,0 @@
-# logs
-*.log
-lerna-debug.log*
-logs
-npm-debug.log*
-pnpm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
-
-# runtime data
-*.pid
-*.pid.lock
-*.seed
-pids
-
-# dependency directory
-node_modules
-
-# cache
-.cache
-.npm
-.tmp
-.temp
-.eslintcache
-.stylelintcache
-tsconfig.tsbuildinfo
-
-# environment
-*.local
-
-# macOS
-.DS_Store
-
-# package files
-*.7z
-*.gz
-*.gzip
-*.rar
-*.tar
-*.tar.*
-*.tgz
-*.zip
-*.vsix
-
-# IDEA
-.idea
-
-# vscode
-.vscode
-.history
-
-# project
-src
-extension
-
-.husky
-.commitlintrc*
-.editorconfig
-.eslintrc*
-.eslintignore
-.gitattributes
-.gitignore
-.lintstagedrc*
-.prettierrc*
-.prettierignore
-pnpm-lock.yaml
-tsconfig.json
-tsconfig.*.json
-*.config.ts

package/template-vscode-vue/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023-PRESENT {{user.name}}<{{user.email}}>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/template-vscode-vue/README.md

@@ -1,3 +0,0 @@
-# extension-vue
-
-vite + extension + vue

package/template-vscode-vue/_eslintrc.cjs

@@ -1,7 +0,0 @@
-module.exports = {
-  env: {
-    node: true,
-    es6: true,
-  },
-  extends: [require.resolve('@tomjs/eslint/vue')],
-};

package/template-vscode-vue/_lintstagedrc.cjs

@@ -1,6 +0,0 @@
-module.exports = {
-  '*.{js,cjs,ts,tsx}': ['eslint --fix', 'prettier --write'],
-  '*.{json,md}': ['prettier --write'],
-  '*.vue': ['eslint --fix', 'stylelint --fix', 'prettier --write'],
-  '*.{css,scss,less,html}': ['stylelint --fix', 'prettier --write'],
-};

package/template-vscode-vue/extension/env.d.ts

@@ -1 +0,0 @@
-/// <reference types="@tomjs/vite-plugin-vscode/env" />

package/template-vscode-vue/extension/index.ts

@@ -1,13 +0,0 @@
-import type { ExtensionContext } from 'vscode';
-import { commands } from 'vscode';
-import { MainPanel } from './views/panel';
-
-export function activate(context: ExtensionContext) {
-  context.subscriptions.push(
-    commands.registerCommand('hello-world.showHelloWorld', async () => {
-      MainPanel.render(context.extensionUri);
-    }),
-  );
-}
-
-export function deactivate() {}

package/template-vscode-vue/extension/views/helper.ts

@@ -1,27 +0,0 @@
-import type { Disposable, ExtensionContext, Webview } from 'vscode';
-import { window } from 'vscode';
-
-export class WebviewHelper {
-  public static setupHtml(webview: Webview, context: ExtensionContext) {
-    return process.env.VITE_DEV_SERVER_URL
-      ? __getWebviewHtml__(process.env.VITE_DEV_SERVER_URL)
-      : __getWebviewHtml__(webview, context);
-  }
-
-  public static setupWebviewHooks(webview: Webview, disposables: Disposable[]) {
-    webview.onDidReceiveMessage(
-      (message: any) => {
-        const command = message.command;
-        const text = message.text;
-        console.log(`command: ${command}`);
-        switch (command) {
-          case 'hello':
-            window.showInformationMessage(text);
-            return;
-        }
-      },
-      undefined,
-      disposables,
-    );
-  }
-}

package/template-vscode-vue/extension/views/panel.ts

@@ -1,48 +0,0 @@
-import type { Disposable, ExtensionContext, WebviewPanel } from 'vscode';
-import { ViewColumn, window } from 'vscode';
-import { WebviewHelper } from './helper';
-
-export class MainPanel {
-  public static currentPanel: MainPanel | undefined;
-  private readonly _panel: WebviewPanel;
-  private _disposables: Disposable[] = [];
-
-  private constructor(panel: WebviewPanel, context: ExtensionContext) {
-    this._panel = panel;
-
-    this._panel.onDidDispose(() => this.dispose(), null, this._disposables);
-    this._panel.webview.html = WebviewHelper.setupHtml(this._panel.webview, context);
-
-    WebviewHelper.setupWebviewHooks(this._panel.webview, this._disposables);
-  }
-
-  public static render(context: ExtensionContext) {
-    if (MainPanel.currentPanel) {
-      MainPanel.currentPanel._panel.reveal(ViewColumn.One);
-    } else {
-      const panel = window.createWebviewPanel('showHelloWorld', 'Hello World', ViewColumn.One, {
-        enableScripts: true,
-      });
-
-      MainPanel.currentPanel = new MainPanel(panel, context);
-    }
-  }
-
-  /**
-   * Cleans up and disposes of webview resources when the webview panel is closed.
-   */
-  public dispose() {
-    MainPanel.currentPanel = undefined;
-
-    // Dispose of the current webview panel
-    this._panel.dispose();
-
-    // Dispose of all disposables (i.e. commands) for the current webview panel
-    while (this._disposables.length) {
-      const disposable = this._disposables.pop();
-      if (disposable) {
-        disposable.dispose();
-      }
-    }
-  }
-}

package/template-vscode-vue/index.html

@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
-    <title>Vite + VSCode Extension + Vue</title>
-  </head>
-
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/template-vscode-vue/package.json

@@ -1,80 +0,0 @@
-{
-  "name": "vscode-extension",
-  "displayName": "%displayName%",
-  "description": "%description%",
-  "version": "0.0.0",
-  "publisher": "{{git.org}}",
-  "license": "MIT",
-  "engines": {
-    "node": ">=14",
-    "vscode": "^1.75.0"
-  },
-  "main": "dist/extension/index.js",
-  "keywords": [
-    "vscode"
-  ],
-  "categories": [
-    "Other"
-  ],
-  "activationEvents": [],
-  "contributes": {
-    "commands": [
-      {
-        "command": "hello-world.showHelloWorld",
-        "title": "Hello World: Show"
-      }
-    ]
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+{{git.url}}.git"
-  },
-  "bugs": {
-    "url": "git+{{git.url}}/issues"
-  },
-  "homepage": "{{git.url}}/blob/main/README.md",
-  "icon": "resources/logo.png",
-  "vsce": {
-    "dependencies": false,
-    "yarn": false
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "npm run clean && vue-tsc --noEmit && vite build",
-    "clean": "rimraf ./dist",
-    "lint": "run-s lint:eslint lint:stylelint lint:prettier",
-    "lint:eslint": "eslint \"{src,extension,scripts}/**/*.{js,cjs,ts,tsx,vue}\" *.{js,cjs,ts} --fix --cache",
-    "lint:stylelint": "stylelint \"{src,extension,scripts}/**/*.{css,scss,less,html}\" --fix --cache",
-    "lint:prettier": "prettier --write .",
-    "prepare": "husky"
-  },
-  "dependencies": {
-    "@vscode/webview-ui-toolkit": "^1.4.0",
-    "vue": "^3.4.27"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^19.3.0",
-    "@tomjs/commitlint": "^3.0.0",
-    "@tomjs/eslint": "^2.3.0",
-    "@tomjs/prettier": "^1.3.0",
-    "@tomjs/stylelint": "^2.3.0",
-    "@tomjs/tsconfig": "^1.5.0",
-    "@tomjs/vite-plugin-vscode": "^2.2.0",
-    "@types/node": "^18.19.33",
-    "@types/vscode": "^1.75.0",
-    "@types/vscode-webview": "^1.57.5",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "cross-env": "^7.0.3",
-    "eslint": "^8.57.0",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.2",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^3.2.5",
-    "rimraf": "^5.0.7",
-    "stylelint": "^16.5.0",
-    "tsx": "^4.10.2",
-    "typescript": "~5.4.5",
-    "vite": "^5.2.11",
-    "vue-tsc": "^2.0.17"
-  }
-}

package/template-vscode-vue/package.nls.json

@@ -1,4 +0,0 @@
-{
-  "displayName": "VSCode Extension",
-  "description": "This is a VSCode Extension"
-}

package/template-vscode-vue/package.nls.zh-cn.json

@@ -1,4 +0,0 @@
-{
-  "displayName": "VSCode 扩展",
-  "description": "这是一个 VSCode 扩展"
-}

package/template-vscode-vue/src/App.vue

@@ -1,58 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-import { allComponents, provideVSCodeDesignSystem } from '@vscode/webview-ui-toolkit';
-import { vscode } from './utils';
-
-provideVSCodeDesignSystem().register(allComponents);
-
-function onPostMessage() {
-  vscode.postMessage({
-    command: 'hello',
-    text: 'Hey there partner! 🤠',
-  });
-}
-
-const message = ref('');
-const state = ref('');
-
-const onSetState = () => {
-  vscode.setState(state.value);
-};
-
-const onGetState = () => {
-  state.value = vscode.getState() as string;
-};
-</script>
-
-<template>
-  <main>
-    <h1>Hello Vue!</h1>
-    <vscode-button @click="onPostMessage">Test VSCode Message</vscode-button>
-    <div>
-      <vscode-text-field :value="message" @input="e => (message = e.target.value)">
-        Please enter a message
-      </vscode-text-field>
-      <div>Message is: {{ message }}</div>
-    </div>
-    <div>
-      <vscode-text-field :value="state" @input="e => (state = e.target.value)">
-        Please enter a state
-      </vscode-text-field>
-      <div>State is: {{ state }}</div>
-      <div>
-        <vscode-button @click="onSetState">setState</vscode-button>
-        <vscode-button style="margin-left: 8px" @click="onGetState">getState</vscode-button>
-      </div>
-    </div>
-  </main>
-</template>
-
-<style>
-main {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  height: 100%;
-}
-</style>

package/template-vscode-vue/src/main.ts

@@ -1,4 +0,0 @@
-import { createApp } from 'vue';
-import App from './App.vue';
-
-createApp(App).mount('#app');

package/template-vscode-vue/src/utils/index.ts

@@ -1 +0,0 @@
-export * from './vscode';

package/template-vscode-vue/src/utils/vscode.ts

@@ -1,83 +0,0 @@
-import type { WebviewApi } from 'vscode-webview';
-
-/**
- * A utility wrapper around the acquireVsCodeApi() function, which enables
- * message passing and state management between the webview and extension
- * contexts.
- *
- * This utility also enables webview code to be run in a web browser-based
- * dev server by using native web browser features that mock the functionality
- * enabled by acquireVsCodeApi.
- */
-class VSCodeAPIWrapper {
-  private readonly vsCodeApi: WebviewApi<unknown> | undefined;
-
-  constructor() {
-    // Check if the acquireVsCodeApi function exists in the current development
-    // context (i.e. VS Code development window or web browser)
-    if (typeof acquireVsCodeApi === 'function') {
-      this.vsCodeApi = acquireVsCodeApi();
-    }
-  }
-
-  // private init() {
-  //   // TODO 环境变量判断
-  // }
-
-  /**
-   * Post a message (i.e. send arbitrary data) to the owner of the webview.
-   *
-   * @remarks When running webview code inside a web browser, postMessage will instead
-   * log the given message to the console.
-   *
-   * @param message Abitrary data (must be JSON serializable) to send to the extension context.
-   */
-  public postMessage(message: unknown) {
-    if (this.vsCodeApi) {
-      this.vsCodeApi.postMessage(message);
-    } else {
-      window.parent.postMessage({ type: 'page:message', data: message }, '*');
-      console.log(message);
-    }
-  }
-
-  /**
-   * Get the persistent state stored for this webview.
-   *
-   * @remarks When running webview source code inside a web browser, getState will retrieve state
-   * from local storage (https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage).
-   *
-   * @return The current state or `undefined` if no state has been set.
-   */
-  public getState(): unknown | undefined {
-    if (this.vsCodeApi) {
-      return this.vsCodeApi.getState();
-    } else {
-      const state = localStorage.getItem('vscodeState');
-      return state ? JSON.parse(state) : undefined;
-    }
-  }
-
-  /**
-   * Set the persistent state stored for this webview.
-   *
-   * @remarks When running webview source code inside a web browser, setState will set the given
-   * state using local storage (https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage).
-   *
-   * @param newState New persisted state. This must be a JSON serializable object. Can be retrieved
-   * using {@link getState}.
-   *
-   * @return The new state.
-   */
-  public setState<T extends unknown | undefined>(newState: T): T {
-    if (this.vsCodeApi) {
-      return this.vsCodeApi.setState(newState);
-    } else {
-      localStorage.setItem('vscodeState', JSON.stringify(newState));
-      return newState;
-    }
-  }
-}
-
-// Exports class singleton to prevent multiple invocations of acquireVsCodeApi.
-export const vscode = new VSCodeAPIWrapper();

package/template-vscode-vue/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/template-vscode-vue/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "@tomjs/tsconfig/vue-dom.json",
-  "compilerOptions": {},
-  "include": ["src"],
-  "references": [
-    {
-      "path": "./tsconfig.node.json"
-    }
-  ]
-}