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

package/template-vscode/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/README.md

@@ -1,3 +0,0 @@
-# extension
-
-vscode extension

package/template-vscode/_eslintrc.cjs

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

package/template-vscode/_lintstagedrc.cjs

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

package/template-vscode/package.json

@@ -1,66 +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/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": "tsup --watch",
-    "build": "tsup --minify",
-    "lint": "run-s lint:eslint lint:prettier",
-    "lint:eslint": "eslint \"{src,scripts}/**/*.{js,cjs,ts}\" *.{js,cjs,ts} --fix --cache",
-    "lint:prettier": "prettier --write .",
-    "prepare": "husky"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^19.3.0",
-    "@tomjs/commitlint": "^3.0.0",
-    "@tomjs/eslint": "^2.3.0",
-    "@tomjs/prettier": "^1.3.0",
-    "@tomjs/tsconfig": "^1.5.0",
-    "@types/node": "^18.19.33",
-    "@types/vscode": "^1.75.0",
-    "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",
-    "tsup": "^8.0.2",
-    "typescript": "~5.4.5"
-  }
-}

package/template-vscode/package.nls.json

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

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

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

package/template-vscode/src/index.ts

@@ -1,12 +0,0 @@
-import type { ExtensionContext } from 'vscode';
-import { commands, window } from 'vscode';
-
-export function activate(context: ExtensionContext) {
-  context.subscriptions.push(
-    commands.registerCommand('hello-world.showHelloWorld', async () => {
-      window.showInformationMessage('Hello World');
-    }),
-  );
-}
-
-export function deactivate() {}

package/template-vscode/tsconfig.json

@@ -1,5 +0,0 @@
-{
-  "extends": "@tomjs/tsconfig/node.json",
-  "compilerOptions": {},
-  "include": ["src", "scripts", "package.json", "vite.config.ts"]
-}

package/template-vscode/tsup.config.ts

@@ -1,13 +0,0 @@
-import { defineConfig } from 'tsup';
-
-export default defineConfig(options => {
-  return {
-    entry: ['src/index.ts'],
-    format: ['cjs'],
-    target: ['es2020', 'node14'],
-    external: ['vscode'],
-    clean: true,
-    splitting: true,
-    sourcemap: !!options.watch,
-  };
-});

package/template-vscode-react/.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-react/.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-react/.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-react/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-react/README.md

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

package/template-vscode-react/_eslintrc.cjs

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

package/template-vscode-react/_lintstagedrc.cjs

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

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

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

package/template-vscode-react/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-react/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-react/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-react/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 + React</title>
-  </head>
-
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/template-vscode-react/package.json

@@ -1,82 +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 && vite build",
-    "clean": "rimraf ./dist",
-    "lint": "run-s lint:eslint lint:stylelint lint:prettier",
-    "lint:eslint": "eslint \"{src,extension,scripts}/**/*.{js,cjs,ts,tsx}\" *.{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",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "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/react": "^18.3.2",
-    "@types/react-dom": "^18.3.0",
-    "@types/vscode": "^1.75.0",
-    "@types/vscode-webview": "^1.57.5",
-    "@vitejs/plugin-react-swc": "^3.6.0",
-    "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"
-  }
-}

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

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

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

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

package/template-vscode-react/src/App.css

@@ -1,7 +0,0 @@
-main {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  height: 100%;
-}

package/template-vscode-react/src/App.tsx

@@ -1,51 +0,0 @@
-import { useState } from 'react';
-import { VSCodeButton, VSCodeTextField } from '@vscode/webview-ui-toolkit/react';
-import { vscode } from './utils/vscode';
-
-import './App.css';
-
-function App() {
-  function onPostMessage() {
-    vscode.postMessage({
-      command: 'hello',
-      text: 'Hey there partner! 🤠',
-    });
-  }
-
-  const [message, setMessage] = useState('');
-  const [state, setState] = useState('');
-
-  const onSetState = () => {
-    vscode.setState(state);
-  };
-  const onGetState = () => {
-    setState(vscode.getState() as string);
-  };
-
-  return (
-    <main>
-      <h1>Hello React!</h1>
-      <VSCodeButton onClick={onPostMessage}>Test VSCode Message</VSCodeButton>
-      <div>
-        <VSCodeTextField value={message} onInput={e => setMessage(e.target.value)}>
-          Please enter a message
-        </VSCodeTextField>
-        <div>Message is: {message}</div>
-      </div>
-      <div>
-        <VSCodeTextField value={state} onInput={e => setState(e.target.value)}>
-          Please enter a state
-        </VSCodeTextField>
-        <div>State is: {state}</div>
-        <div>
-          <VSCodeButton onClick={onSetState}>setState</VSCodeButton>
-          <VSCodeButton style={{ marginLeft: '8px' }} onClick={onGetState}>
-            getState
-          </VSCodeButton>
-        </div>
-      </div>
-    </main>
-  );
-}
-
-export default App;

package/template-vscode-react/src/main.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import App from './App.tsx';
-
-ReactDOM.createRoot(document.getElementById('app')!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-);

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

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