create-packer 1.32.2 → 1.34.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.32.2",
+  "version": "1.34.0",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",

package/template/lib/{react → workspace}/.eslintrc

@@ -1,7 +1,9 @@
 {
     "root": true,
     "parser": "@typescript-eslint/parser",
-    "plugins": ["prettier"],
+    "plugins": [
+        "prettier"
+    ],
     "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
@@ -49,6 +51,33 @@
                     "index",
                     "object",
                     "type"
+                ],
+                "pathGroups": [
+                    {
+                        "pattern": "react",
+                        "group": "external",
+                        "position": "before"
+                    },
+                    {
+                        "pattern": "react-dom/*",
+                        "group": "external",
+                        "position": "before"
+                    },
+                    {
+                        "pattern": "react-router",
+                        "group": "external",
+                        "position": "before"
+                    },
+                    {
+                        "pattern": "react-router-dom",
+                        "group": "external",
+                        "position": "before"
+                    },
+                ],
+                "pathGroupsExcludedImportTypes": [
+                    "react",
+                    "react-router",
+                    "react-router-dom"
                 ]
             }
         ],
@@ -62,7 +91,12 @@
                 "ignoreParameters": true
             }
         ],
-        "@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
+        "@typescript-eslint/no-unused-vars": [
+            "warn",
+            {
+                "argsIgnorePattern": "^_"
+            }
+        ],
         "@typescript-eslint/member-delimiter-style": 0,
         "@typescript-eslint/class-name-casing": 0,
         "@typescript-eslint/explicit-module-boundary-types": "off",
@@ -70,9 +104,10 @@
         "@typescript-eslint/no-empty-interface": "off",
         "react/prop-types": "off",
         "react/no-find-dom-node": "off",
-        "react-hooks/exhaustive-deps": "off",
+        "react-hooks/exhaustive-deps": "warn",
         "react/display-name": "off",
         "react/react-in-jsx-scope": "off",
+        "react-hooks/rules-of-hooks": "off",
         "prettier/prettier": [
             "error",
             {
@@ -81,4 +116,4 @@
         ],
         "no-constant-condition": "off"
     }
-}
+}

package/template/lib/{react → workspace}/.storybook/main.ts

@@ -1,7 +1,15 @@
 import svgr from 'vite-plugin-svgr'
 import type { StorybookConfig } from '@storybook/react-vite'
+
+function createStories(lib: string): string[] {
+    return [
+        `../packages/${lib}/src/**/*.mdx`,
+        `../packages/${lib}/src/**/*.stories.@(js|jsx|ts|tsx)`
+    ]
+}
+
 const config: StorybookConfig = {
-    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+    stories: [...createStories('ts'), ...createStories('react')],
     addons: [
         '@storybook/addon-links',
         '@storybook/addon-essentials',
@@ -12,7 +20,7 @@ const config: StorybookConfig = {
         options: {}
     },
     async viteFinal(config) {
-        config.plugins.unshift(svgr())
+        config.plugins?.unshift(svgr())
 
         return config
     },

package/template/lib/{react/.storybook/preview.ts → workspace/.storybook/preview.tsx}

@@ -1,7 +1,8 @@
+import * as React from 'react'
 import type { Preview } from '@storybook/react'
-import '../src/index.css'
 
 const preview: Preview = {
+    decorators: [Story => <Story />],
     parameters: {
         actions: { argTypesRegex: '^on[A-Z].*' },
         controls: {

package/template/lib/workspace/package.json

@@ -0,0 +1,73 @@
+{
+    "name": "my-lib",
+    "version": "1.0.0",
+    "description": "",
+    "private": true,
+    "main": "index.js",
+    "scripts": {
+        "build": "ts-node ./scripts/build.ts",
+        "changeVersion": "pnpm changeset && pnpm changeset version && pnpm run clear:changelog",
+        "clear:changelog": "pnpm -r exec rimraf CHANGELOG.md",
+        "commit": "git add . && cz",
+        "push": "pnpm run commit && git push",
+        "login": "npm login --registry https://registry.npmjs.org",
+        "clean:dist": "pnpm -r exec rimraf dist",
+        "pub": "pnpm run build && pnpm run changeVersion && pnpm run push && pnpm -r publish --registry https://registry.npmjs.org",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build",
+        "up:storybook": "pnpm up storybook eslint-plugin-storybook @storybook/* -L"
+    },
+    "keywords": [],
+    "author": "kevily",
+    "license": "ISC",
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    },
+    "dependencies": {
+        "1k-tasks": "4.1.0",
+        "@commitlint/config-conventional": "17.6.6",
+        "@commitlint/cz-commitlint": "17.5.0",
+        "commitizen": "4.3.0",
+        "rimraf": "5.0.1"
+    },
+    "devDependencies": {
+        "@changesets/cli": "2.26.2",
+        "@storybook/addon-essentials": "8.2.7",
+        "@storybook/addon-interactions": "8.2.7",
+        "@storybook/addon-links": "8.2.7",
+        "@storybook/blocks": "8.2.7",
+        "@storybook/react": "8.2.7",
+        "@storybook/react-vite": "8.2.7",
+        "@storybook/testing-library": "0.2.2",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
+        "@typescript-eslint/eslint-plugin": "7.0.2",
+        "@typescript-eslint/parser": "7.0.2",
+        "@types/node": "20.3.2",
+        "autoprefixer": "10.4.14",
+        "eslint": "8.56.0",
+        "eslint-import-resolver-typescript": "3.6.1",
+        "eslint-plugin-import": "2.29.1",
+        "eslint-plugin-prettier": "5.1.3",
+        "eslint-plugin-react": "7.33.2",
+        "eslint-plugin-react-hooks": "4.6.0",
+        "eslint-plugin-storybook": "0.8.0",
+        "inquirer": "8",
+        "postcss": "8.4.31",
+        "postcss-import": "15.1.0",
+        "postcss-nesting": "12.0.0",
+        "postcss-scss": "4.0.6",
+        "prettier": "3.2.5",
+        "prop-types": "15.8.1",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "storybook": "8.2.7",
+        "stylelint": "16.8.1",
+        "stylelint-config-standard-scss": "13.0.0",
+        "ts-node": "10.9.1",
+        "typescript": "5.5.2",
+        "vite-plugin-svgr": "4.2.0"
+    }
+}

package/template/{workspace/nx → lib/workspace/packages/react}/.editorconfig

@@ -1,13 +1,14 @@
-# Editor configuration, see http://editorconfig.org
+# editorconfig.org
+
 root = true
 
 [*]
 charset = utf-8
-indent_style = space
 indent_size = 4
+indent_style = space
 insert_final_newline = true
 trim_trailing_whitespace = true
 
+
 [*.md]
-max_line_length = off
-trim_trailing_whitespace = false
+trim_trailing_whitespace = false

package/template/lib/{ts → workspace/packages/react}/.eslintrc

@@ -1,10 +1,15 @@
 {
     "root": true,
     "parser": "@typescript-eslint/parser",
-    "plugins": ["prettier"],
+    "plugins": [
+        "prettier"
+    ],
     "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
+        "plugin:storybook/recommended",
+        "plugin:react/recommended",
+        "plugin:react-hooks/recommended",
         "plugin:import/recommended",
         "plugin:import/typescript"
     ],
@@ -12,6 +17,9 @@
         "import/resolver": {
             "typescript": true,
             "node": true
+        },
+        "react": {
+            "version": "18"
         }
     },
     "env": {
@@ -43,6 +51,33 @@
                     "index",
                     "object",
                     "type"
+                ],
+                "pathGroups": [
+                    {
+                        "pattern": "react",
+                        "group": "external",
+                        "position": "before"
+                    },
+                    {
+                        "pattern": "react-dom/*",
+                        "group": "external",
+                        "position": "before"
+                    },
+                    {
+                        "pattern": "react-router",
+                        "group": "external",
+                        "position": "before"
+                    },
+                    {
+                        "pattern": "react-router-dom",
+                        "group": "external",
+                        "position": "before"
+                    },
+                ],
+                "pathGroupsExcludedImportTypes": [
+                    "react",
+                    "react-router",
+                    "react-router-dom"
                 ]
             }
         ],
@@ -56,12 +91,23 @@
                 "ignoreParameters": true
             }
         ],
-        "@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
+        "@typescript-eslint/no-unused-vars": [
+            "warn",
+            {
+                "argsIgnorePattern": "^_"
+            }
+        ],
         "@typescript-eslint/member-delimiter-style": 0,
         "@typescript-eslint/class-name-casing": 0,
         "@typescript-eslint/explicit-module-boundary-types": "off",
         "@typescript-eslint/ban-ts-comment": "off",
         "@typescript-eslint/no-empty-interface": "off",
+        "react/prop-types": "off",
+        "react/no-find-dom-node": "off",
+        "react-hooks/exhaustive-deps": "warn",
+        "react/display-name": "off",
+        "react/react-in-jsx-scope": "off",
+        "react-hooks/rules-of-hooks": "off",
         "prettier/prettier": [
             "error",
             {
@@ -70,4 +116,4 @@
         ],
         "no-constant-condition": "off"
     }
-}
+}

package/template/{workspace/pnpm/packages/test → lib/workspace/packages/react}/.gitignore

@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+types
 
 # Editor directories and files
 .vscode/*

package/template/lib/workspace/packages/react/.stylelintrc

@@ -0,0 +1,29 @@
+{
+    "extends": "stylelint-config-standard-scss",
+    "rules": {
+        "comment-empty-line-before": "never",
+        "no-empty-source": null,
+        "alpha-value-notation": null,
+        "color-function-notation": null,
+        "at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "apply", "use"]
+            }
+        ],
+        "declaration-block-no-redundant-longhand-properties": null,
+        "selector-pseudo-class-no-unknown": [
+            true,
+            {
+                "ignorePseudoClasses": ["global"]
+            }
+        ],
+        "selector-class-pattern": null,
+        "scss/at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "a    pply"]
+            }
+        ]
+    }
+}

package/template/lib/workspace/packages/react/package.json

@@ -0,0 +1,42 @@
+{
+    "name": "react-lib",
+    "version": "1.0.0",
+    "description": "",
+    "main": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build",
+        "up:storybook": "pnpm up storybook eslint-plugin-storybook @storybook/* -L"
+    },
+    "files": [
+        "dist"
+    ],
+    "keywords": [],
+    "author": "",
+    "license": "ISC",
+    "peerDependencies": {
+        "react": "18.2.0",
+        "react-dom": "18.2.0"
+    },
+    "devDependencies": {
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
+        "@typescript-eslint/eslint-plugin": "7.0.2",
+        "@typescript-eslint/parser": "7.0.2",
+        "eslint": "8.56.0",
+        "eslint-import-resolver-typescript": "3.6.1",
+        "eslint-plugin-import": "2.29.1",
+        "eslint-plugin-prettier": "5.1.3",
+        "eslint-plugin-react": "7.33.2",
+        "eslint-plugin-react-hooks": "4.6.0",
+        "eslint-plugin-storybook": "0.8.0",
+        "prettier": "3.2.5",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "stylelint": "16.8.1",
+        "stylelint-config-standard-scss": "13.0.0",
+        "typescript": "5.5.2"
+    }
+}

package/template/lib/workspace/packages/react/src/Introduction.mdx

@@ -0,0 +1,3 @@
+import { Meta } from '@storybook/blocks'
+
+<Meta title="react-components/Introduction" />

package/template/lib/workspace/packages/react/src/button/button.css

@@ -0,0 +1,30 @@
+.storybook-button {
+    font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    font-weight: 700;
+    border: 0;
+    border-radius: 3em;
+    cursor: pointer;
+    display: inline-block;
+    line-height: 1;
+}
+.storybook-button--primary {
+    color: white;
+    background-color: #1ea7fd;
+}
+.storybook-button--secondary {
+    color: #333;
+    background-color: transparent;
+    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+}
+.storybook-button--small {
+    font-size: 12px;
+    padding: 10px 16px;
+}
+.storybook-button--medium {
+    font-size: 14px;
+    padding: 11px 20px;
+}
+.storybook-button--large {
+    font-size: 16px;
+    padding: 12px 24px;
+}

package/template/lib/{react → workspace/packages/react}/src/button/button.stories.ts

@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta: Meta<typeof Button> = {
-    title: 'Example/Button',
+    title: 'react-components/Button',
     component: Button,
     tags: ['autodocs'],
     argTypes: {

package/template/lib/{react → workspace/packages/react}/tsconfig.json

@@ -1,7 +1,6 @@
 {
     "compilerOptions": {
         "useDefineForClassFields": true,
-        "lib": ["DOM", "DOM.Iterable", "ESNext"],
         "strict": true,
         "forceConsistentCasingInFileNames": true,
         "strictPropertyInitialization": false,
@@ -11,7 +10,6 @@
         "jsx": "react-jsx",
         "allowSyntheticDefaultImports": true,
         "allowJs": true,
-        "strictNullChecks": true,
         "target": "ESNext",
         "noImplicitAny": false,
         "skipLibCheck": true,
@@ -22,5 +20,11 @@
         "baseUrl": ".",
         "emitDeclarationOnly": true
     },
-    "include": ["src", "./global.d.ts"]
-}
+    "include": [
+        "src",
+        "./global.d.ts"
+    ],
+    "exclude": [
+        "node_modules/**/*"
+    ],
+}

package/template/{workspace/pnpm/packages/test → lib/workspace/packages/ts}/.eslintrc

@@ -1,7 +1,9 @@
 {
     "root": true,
     "parser": "@typescript-eslint/parser",
-    "plugins": ["prettier"],
+    "plugins": [
+        "prettier"
+    ],
     "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
@@ -56,7 +58,12 @@
                 "ignoreParameters": true
             }
         ],
-        "@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
+        "@typescript-eslint/no-unused-vars": [
+            "warn",
+            {
+                "argsIgnorePattern": "^_"
+            }
+        ],
         "@typescript-eslint/member-delimiter-style": 0,
         "@typescript-eslint/class-name-casing": 0,
         "@typescript-eslint/explicit-module-boundary-types": "off",
@@ -70,4 +77,4 @@
         ],
         "no-constant-condition": "off"
     }
-}
+}