Feat/cli

.github/workflows/check-pull-request.yml

@@ -22,7 +22,7 @@ jobs:
               run: echo "result=$(TZ=Asia/Shanghai date)" >> "$GITHUB_OUTPUT"
 
             - name: Create or update a comment
-              uses: taoliujun/action-unique-comment@v1
+              uses: taoliujun/action-unique-comment@master
               with:
                   uniqueIdentifier: ${{ github.workflow }}
                   body: |

.github/workflows/release.yml

@@ -0,0 +1,34 @@
+name: release
+run-name: '${{github.workflow}}'
+on: workflow_dispatch
+
+jobs:
+    release:
+        runs-on: ubuntu-latest
+        steps:
+            - name: checkout
+              uses: actions/checkout@v4
+
+            - name: init pnpm
+              uses: pnpm/action-setup@v2
+              with:
+                  version: 8
+
+            - name: init node
+              uses: actions/setup-node@v4
+              with:
+                  node-version: 20
+                  cache: 'pnpm'
+                  cache-dependency-path: |
+                      src/pnpm-lock.yaml
+                      .github/actions/issue-to-hexo/pnpm-lock.yaml
+
+            - name: install dependencies
+              run: pnpm install
+
+            - name: build
+              run: pnpm run build
+
+            - name: release
+              run: |
+                  NPM_TOKEN=${{secrets.NPM_TOKEN}} pnpm run release:token

packages/cli/CHANGELOG.md

@@ -0,0 +1,15 @@
+# svg-to-component
+
+## 1.0.0
+
+### Major Changes
+
+-   337b0c5: feat: release 1.0
+
+### Patch Changes
+
+-   Updated dependencies [337b0c5]
+-   Updated dependencies [688affa]
+-   Updated dependencies [b2f2ea5]
+    -   [email protected]
+    -   [email protected]

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svg-to-component",
-    "version": "0.0.0",
+    "version": "1.0.0",
     "description": "parse svg files into react components, support dynamic colors and preview.",
     "keywords": [
         "svg",

packages/cli/src/index.ts

@@ -5,7 +5,7 @@ import pkg from '../package.json';
 
 const program = new Command();
 
-program.name('svg-to-component').description('svg file parse and preview.').version(pkg.version);
+program.name(pkg.name).description(pkg.description).version(pkg.version);
 program.addCommand(commandParse);
 program.addCommand(commandPreview);
 

packages/cli/src/log.ts

@@ -1,6 +1,6 @@
 import chalk from 'chalk';
 
-export const log = console.log;
+export const { log } = console;
 export const outputMain = chalk.white;
 export const outputSecond = chalk.gray;
 export const outputSuccess = chalk.green;

packages/cli/src/preview.ts

@@ -1,9 +1,9 @@
 import path from 'path';
 import { Command } from 'commander';
 import { packagePath as previewPackagePath, componentsPath } from 'svg-to-component.preview';
+import { spawn } from 'child_process';
 import { log, outputMain } from './log';
 import { generateComponentFiles } from './parse';
-import { spawn } from 'child_process';
 
 const cwdPath = path.resolve();
 
@@ -22,7 +22,7 @@
 
         log(outputMain(`> run ${previewPackagePath} server...`));
 
-        const wp = spawn(`pnpm`, ['run', 'dev'], {
+        const wp = spawn(`pnpm`, ['run', 'start'], {
             cwd: previewPackagePath,
             stdio: 'inherit',
         });

packages/parse/CHANGELOG.md

@@ -0,0 +1,11 @@
+# svg-to-component.parse
+
+## 1.0.0
+
+### Major Changes
+
+-   337b0c5: feat: release 1.0
+
+### Minor Changes
+
+-   688affa: feat: beta1

packages/parse/package.json

@@ -1,10 +1,11 @@
 {
     "name": "svg-to-component.parse",
-    "version": "0.0.0",
+    "version": "1.0.0",
     "engines": {
         "node": "^20"
     },
     "main": "./lib/index.js",
+    "types": "./lib/index.d.ts",
     "files": [
         "lib",
         "/*.md",

packages/preview/.eslintignore

@@ -1 +1,2 @@
-script/
+script/
+src/svgComponents

packages/preview/.gitignore

@@ -1 +1,2 @@
-src/svgComponents/
+src/svgComponents/
+script/lib/

packages/preview/CHANGELOG.md

@@ -0,0 +1,11 @@
+# svg-to-component.preview
+
+## 1.0.0
+
+### Major Changes
+
+-   337b0c5: feat: release 1.0
+
+### Minor Changes
+
+-   b2f2ea5: feat: beta1

packages/preview/config/webpack.config.ts

@@ -90,6 +90,7 @@ const webpackConfig = (): Configuration & {
         },
         devServer: {
             ...devServer,
+            open: true,
         },
         devtool: isWebpackDev ? 'eval-source-map' : false,
         module: {

packages/preview/package.json

@@ -1,11 +1,12 @@
 {
   "name": "svg-to-component.preview",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "engines": {
     "node": "^20",
     "pnpm": ">=8"
   },
   "main": "./script/lib/index.js",
+  "types": "./script/lib/index.d.ts",
   "scripts": {
     "lint": "eslint --cache src",
     "lint:ts": "tsc --noEmit",

packages/preview/src/pages/index/components/Colors/components/ColorControl/index.tsx

@@ -136,7 +136,7 @@ const useActiveElement = () => {
             const styles = findElement
                 .filter((v) => Boolean(v))
                 .map((v) => {
-                    const { width, height, left, top } = v.getBoundingClientRect();
+                    const { width, height, left, top } = (v as HTMLElement).getBoundingClientRect();
                     return {
                         width: `${width}px`,
                         height: `${height}px`,

packages/preview/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "@tsconfig/create-react-app/tsconfig.json",
   "compilerOptions": {
+    "target": "ES2022",
     "baseUrl": ".",
     "paths": {
       "@/*": [