create-packer 1.13.0 → 1.13.2

package/template/react/.eslintrc

@@ -2,8 +2,18 @@
     "root": true,
     "parser": "@typescript-eslint/parser",
     "plugins": ["@typescript-eslint", "prettier"],
-    "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:react-hooks/recommended"],
+    "extends": [
+        "eslint:recommended",
+        "plugin:react/recommended",
+        "plugin:react-hooks/recommended",
+        "plugin:import/recommended",
+        "plugin:import/typescript"
+    ],
     "settings": {
+        "import/resolver": {
+            "typescript": true,
+            "node": true
+        },
         "react": {
             "version": "18"
         }
@@ -23,6 +33,21 @@
         "useJSXTextNode": true
     },
     "rules": {
+        "import/order": [
+            "error",
+            {
+                "groups": [
+                    "builtin",
+                    "external",
+                    "internal",
+                    "parent",
+                    "sibling",
+                    "index",
+                    "object",
+                    "type"
+                ]
+            }
+        ],
         "@typescript-eslint/no-var-requires": 0,
         "@typescript-eslint/explicit-function-return-type": "off",
         "@typescript-eslint/no-explicit-any": 0,

package/template/react/.gitignore

@@ -1,25 +1,25 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.history
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.history
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/template/react/.husky/_/.gitignore

@@ -0,0 +1 @@
+*

package/template/react/.husky/commit-msg

@@ -1,4 +1,4 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npx --no -- commitlint --edit 
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit 

package/template/react/.husky/pre-commit

@@ -1,4 +1,4 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npm run lint
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint

package/template/react/.prettierignore

@@ -1,4 +1,4 @@
-**/*.md
-**/*.svg
-**/*.ejs
-**/*.html
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html

package/template/react/.prettierrc

@@ -1,18 +1,18 @@
-{
-    "overrides": [
-        {
-            "files": ".prettierrc",
-            "options": { "parser": "json" }
-        }
-    ],
-    "printWidth": 100,
-    "tabWidth": 4,
-    "useTabs": false,
-    "semi": false,
-    "singleQuote": true,
-    "trailingComma": "none",
-    "bracketSpacing": true,
-    "jsxBracketSameLine": true,
-    "arrowParens": "avoid",
-    "rangeStart": 0
-}
+{
+    "overrides": [
+        {
+            "files": ".prettierrc",
+            "options": { "parser": "json" }
+        }
+    ],
+    "printWidth": 100,
+    "tabWidth": 4,
+    "useTabs": false,
+    "semi": false,
+    "singleQuote": true,
+    "trailingComma": "none",
+    "bracketSpacing": true,
+    "jsxBracketSameLine": true,
+    "arrowParens": "avoid",
+    "rangeStart": 0
+}

package/template/react/.stylelintrc

@@ -1,11 +1,11 @@
 {
     "extends": "stylelint-config-standard",
     "rules": {
-        "indentation": 4,
         "comment-empty-line-before": "never",
         "no-empty-source": null,
+        "alpha-value-notation": null,
+        "color-function-notation": null,
         "no-descending-specificity": null,
-        "string-quotes": "single",
         "at-rule-no-unknown": [
             true,
             {

package/template/react/commitlint.config.cjs

@@ -1 +1 @@
-module.exports = { extends: ['@commitlint/config-conventional'] }
+module.exports = { extends: ['@commitlint/config-conventional'] }

package/template/react/index.html

@@ -1,13 +1,13 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/template/react/jest.config.cjs

@@ -1,55 +1,55 @@
-/** @type {import('@jest/types').Config.InitialOptions} */
-module.exports = {
-    // The test environment that will be used for testing, jsdom for browser environment
-    // https://jestjs.io/docs/configuration#testenvironment-string
-    testEnvironment: 'jsdom',
-
-    // A list of paths to directories that Jest should use to search for files in
-    // https://jestjs.io/docs/configuration#roots-arraystring
-    roots: ['<rootDir>/src/'],
-
-    // The glob patterns Jest uses to detect test files.
-    // https://jestjs.io/docs/configuration#testmatch-arraystring
-    testMatch: ['**/*.spec.ts?(x)'],
-
-    // Jest transformations
-    // https://jestjs.io/docs/configuration#transform-objectstring-pathtotransformer--pathtotransformer-object
-    transform: {
-        '^.+\\.tsx?$': 'ts-jest' // Transform TypeScript files using ts-jest
-    },
-
-    // A list of paths to modules that run some code to configure or set up the testing framework before each test file in the suite is executed
-    // https://jestjs.io/docs/configuration#setupfilesafterenv-array
-    setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
-
-    // Code coverage config
-    // https://jestjs.io/docs/configuration#collectcoveragefrom-array
-    coverageDirectory: '<rootDir>/coverage/',
-    collectCoverageFrom: [
-        '<rootDir>/src/**/*.{ts,tsx}',
-        '!**/__mocks__/**',
-        '!**/node_modules/**',
-        '!**/*.d.ts'
-    ],
-
-    // Important: order matters, specific rules should be defined first
-    // https://jestjs.io/fr/docs/configuration#modulenamemapper-objectstring-string--arraystring
-    moduleNameMapper: {
-        // Handle CSS imports (with CSS modules)
-        // https://jestjs.io/docs/webpack#mocking-css-modules
-        '^.+\\.module\\.(css|sass|scss|less)$': 'identity-obj-proxy',
-
-        // Handle CSS imports (without CSS modules)
-        '^.+\\.(css|sass|scss|less)$': '<rootDir>/__mocks__/styleMock.js',
-
-        // Handle static assets
-        // https://jestjs.io/docs/webpack#handling-static-assets
-        '^.+\\.(jpg|jpeg|png|gif|webp|avif|svg|ttf|woff|woff2)$': `<rootDir>/__mocks__/fileMock.js`,
-
-        // Handle TypeScript path aliases
-        '^@/(.*)$': '<rootDir>/src/$1'
-    },
-
-    verbose: true,
-    testTimeout: 30000
-}
+/** @type {import('@jest/types').Config.InitialOptions} */
+module.exports = {
+    // The test environment that will be used for testing, jsdom for browser environment
+    // https://jestjs.io/docs/configuration#testenvironment-string
+    testEnvironment: 'jsdom',
+
+    // A list of paths to directories that Jest should use to search for files in
+    // https://jestjs.io/docs/configuration#roots-arraystring
+    roots: ['<rootDir>/src/'],
+
+    // The glob patterns Jest uses to detect test files.
+    // https://jestjs.io/docs/configuration#testmatch-arraystring
+    testMatch: ['**/*.spec.ts?(x)'],
+
+    // Jest transformations
+    // https://jestjs.io/docs/configuration#transform-objectstring-pathtotransformer--pathtotransformer-object
+    transform: {
+        '^.+\\.tsx?$': 'ts-jest' // Transform TypeScript files using ts-jest
+    },
+
+    // A list of paths to modules that run some code to configure or set up the testing framework before each test file in the suite is executed
+    // https://jestjs.io/docs/configuration#setupfilesafterenv-array
+    setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+
+    // Code coverage config
+    // https://jestjs.io/docs/configuration#collectcoveragefrom-array
+    coverageDirectory: '<rootDir>/coverage/',
+    collectCoverageFrom: [
+        '<rootDir>/src/**/*.{ts,tsx}',
+        '!**/__mocks__/**',
+        '!**/node_modules/**',
+        '!**/*.d.ts'
+    ],
+
+    // Important: order matters, specific rules should be defined first
+    // https://jestjs.io/fr/docs/configuration#modulenamemapper-objectstring-string--arraystring
+    moduleNameMapper: {
+        // Handle CSS imports (with CSS modules)
+        // https://jestjs.io/docs/webpack#mocking-css-modules
+        '^.+\\.module\\.(css|sass|scss|less)$': 'identity-obj-proxy',
+
+        // Handle CSS imports (without CSS modules)
+        '^.+\\.(css|sass|scss|less)$': '<rootDir>/__mocks__/styleMock.js',
+
+        // Handle static assets
+        // https://jestjs.io/docs/webpack#handling-static-assets
+        '^.+\\.(jpg|jpeg|png|gif|webp|avif|svg|ttf|woff|woff2)$': `<rootDir>/__mocks__/fileMock.js`,
+
+        // Handle TypeScript path aliases
+        '^@/(.*)$': '<rootDir>/src/$1'
+    },
+
+    verbose: true,
+    testTimeout: 30000
+}

package/template/react/jest.setup.ts

@@ -1,5 +1,5 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom'
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom'

package/template/react/package.json

@@ -48,6 +48,8 @@
         "commitizen": "4.3.0",
         "cssnano": "5.1.14",
         "eslint": "8.34.0",
+        "eslint-import-resolver-typescript": "^3.5.3",
+        "eslint-plugin-import": "^2.27.5",
         "eslint-plugin-prettier": "4.2.1",
         "eslint-plugin-react": "7.32.2",
         "eslint-plugin-react-hooks": "4.6.0",

package/template/react/postcss.config.cjs

@@ -1,9 +1,9 @@
-module.exports = {
-    plugins: {
-        'postcss-import': {},
-        'tailwindcss/nesting': 'postcss-nesting',
-        tailwindcss: {},
-        autoprefixer: {},
-        ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
-    }
-}
+module.exports = {
+    plugins: {
+        'postcss-import': {},
+        'tailwindcss/nesting': 'postcss-nesting',
+        tailwindcss: {},
+        autoprefixer: {},
+        ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
+    }
+}