create-packer 1.22.0 → 1.22.1

package/package.json

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

package/template/lib/react/.storybook/main.ts

@@ -1,3 +1,4 @@
+import svgr from 'vite-plugin-svgr'
 import type { StorybookConfig } from '@storybook/react-vite'
 const config: StorybookConfig = {
     stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
@@ -10,6 +11,11 @@ const config: StorybookConfig = {
         name: '@storybook/react-vite',
         options: {}
     },
+    async viteFinal(config) {
+        config.plugins.unshift(svgr())
+
+        return config
+    },
     docs: {
         autodocs: 'tag'
     }

package/template/lib/react/.storybook/preview.ts

@@ -1,4 +1,5 @@
 import type { Preview } from '@storybook/react'
+import '../src/index.css'
 
 const preview: Preview = {
     parameters: {

package/template/lib/react/package.json

@@ -20,12 +20,12 @@
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "7.0.24",
-    "@storybook/addon-interactions": "7.0.24",
-    "@storybook/addon-links": "7.0.24",
-    "@storybook/blocks": "7.0.24",
-    "@storybook/react": "7.0.24",
-    "@storybook/react-vite": "7.0.24",
+    "@storybook/addon-essentials": "7.1.0",
+    "@storybook/addon-interactions": "7.1.0",
+    "@storybook/addon-links": "7.1.0",
+    "@storybook/blocks": "7.1.0",
+    "@storybook/react": "7.1.0",
+    "@storybook/react-vite": "7.1.0",
     "@storybook/testing-library": "0.0.14-next.2",
     "@types/react": "18.2.14",
     "@types/react-dom": "18.2.6",
@@ -42,7 +42,7 @@
     "prop-types": "15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "storybook": "7.0.24",
+    "storybook": "7.1.0",
     "stylelint": "15.9.0",
     "stylelint-config-standard": "33.0.0",
     "typescript": "5.1.3",

package/template/lib/react/postcss.config.cjs

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

package/template/lib/react/src/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/template/lib/react/tailwind.config.cjs

@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: ['./index.html', './src/**/*.{ts,tsx}'],
+    theme: {
+        extend: {}
+    },
+    plugins: [],
+    corePlugins: {
+        preflight: false
+    }
+}