@chao-component/bag-animation-ui 1.0.2 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chao-component/bag-animation-ui",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -9,10 +9,15 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
-    }
+    },
+    "./vite-plugin": "./vite-plugin.js",
+    "./webpack-plugin": "./webpack-plugin.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "vite-plugin.js",
+    "webpack-plugin.js",
+    "scripts"
   ],
   "directories": {
     "assets": "dist/assets"

package/scripts/copy-assets.js

@@ -0,0 +1,66 @@
+#!/usr/bin/env node
+
+/**
+ * 安装脚本：自动复制资源文件到项目的 public 目录
+ * 
+ * 使用方法：
+ * 1. 在 package.json 中添加 postinstall 脚本：
+ *    "scripts": {
+ *      "postinstall": "node node_modules/@chao-component/bag-animation-ui/scripts/copy-assets.js"
+ *    }
+ * 
+ * 2. 或者手动运行：
+ *    node node_modules/@chao-component/bag-animation-ui/scripts/copy-assets.js
+ */
+
+const { copyFileSync, mkdirSync, readdirSync, existsSync } = require('fs');
+const { join, resolve } = require('path');
+
+function copyDir(src, dest) {
+  if (!existsSync(src)) {
+    console.warn(`⚠️  Source directory not found: ${src}`);
+    return;
+  }
+  
+  if (!existsSync(dest)) {
+    mkdirSync(dest, { recursive: true });
+  }
+  
+  const entries = readdirSync(src, { withFileTypes: true });
+  
+  for (const entry of entries) {
+    const srcPath = join(src, entry.name);
+    const destPath = join(dest, entry.name);
+    
+    if (entry.isDirectory()) {
+      copyDir(srcPath, destPath);
+    } else {
+      copyFileSync(srcPath, destPath);
+    }
+  }
+}
+
+function main() {
+  const packageName = '@chao-component/bag-animation-ui';
+  const publicDir = process.argv[2] || 'public';
+  
+  // 查找包的位置
+  const packagePath = resolve(__dirname, '..', 'dist', 'assets');
+  const targetPath = resolve(process.cwd(), publicDir, 'assets');
+  
+  console.log(`📦 Copying assets from ${packageName}...`);
+  console.log(`   Source: ${packagePath}`);
+  console.log(`   Target: ${targetPath}`);
+  
+  if (existsSync(packagePath)) {
+    copyDir(packagePath, targetPath);
+    console.log(`✅ Assets copied successfully to ${publicDir}/assets`);
+  } else {
+    console.error(`❌ Error: Package assets not found at ${packagePath}`);
+    console.error(`   Make sure ${packageName} is installed correctly.`);
+    process.exit(1);
+  }
+}
+
+main();
+

package/vite-plugin.js

@@ -0,0 +1,86 @@
+/**
+ * Vite 插件：自动复制 @chao-component/bag-animation-ui 的资源文件到 public 目录
+ * 
+ * 使用方法：
+ * 在 vite.config.js/ts 中：
+ * 
+ * import { bagAnimationAssets } from '@chao-component/bag-animation-ui/vite-plugin';
+ * 
+ * export default {
+ *   plugins: [
+ *     bagAnimationAssets(),
+ *     // ... 其他插件
+ *   ]
+ * }
+ */
+
+import { copyFileSync, mkdirSync, readdirSync, existsSync, statSync } from 'fs';
+import { join, dirname, resolve } from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+function copyDir(src, dest) {
+  if (!existsSync(src)) return;
+  
+  if (!existsSync(dest)) {
+    mkdirSync(dest, { recursive: true });
+  }
+  
+  const entries = readdirSync(src, { withFileTypes: true });
+  
+  for (const entry of entries) {
+    const srcPath = join(src, entry.name);
+    const destPath = join(dest, entry.name);
+    
+    if (entry.isDirectory()) {
+      copyDir(srcPath, destPath);
+    } else {
+      copyFileSync(srcPath, destPath);
+    }
+  }
+}
+
+export function bagAnimationAssets(options = {}) {
+  const {
+    publicDir = 'public',
+    packageName = '@chao-component/bag-animation-ui'
+  } = options;
+
+  return {
+    name: 'bag-animation-assets',
+    apply: 'serve', // 只在开发服务器时应用
+    buildStart() {
+      try {
+        // 查找 node_modules 中的包
+        const packagePath = resolve(process.cwd(), 'node_modules', packageName, 'dist', 'assets');
+        const targetPath = resolve(process.cwd(), publicDir, 'assets');
+        
+        if (existsSync(packagePath)) {
+          copyDir(packagePath, targetPath);
+          console.log(`✅ [bag-animation-assets] Assets copied to ${publicDir}/assets`);
+        } else {
+          console.warn(`⚠️  [bag-animation-assets] Package assets not found at ${packagePath}`);
+        }
+      } catch (error) {
+        console.error(`❌ [bag-animation-assets] Error copying assets:`, error);
+      }
+    },
+    buildEnd() {
+      // 构建时也复制资源
+      try {
+        const packagePath = resolve(process.cwd(), 'node_modules', packageName, 'dist', 'assets');
+        const targetPath = resolve(process.cwd(), publicDir, 'assets');
+        
+        if (existsSync(packagePath)) {
+          copyDir(packagePath, targetPath);
+          console.log(`✅ [bag-animation-assets] Assets copied to ${publicDir}/assets`);
+        }
+      } catch (error) {
+        console.error(`❌ [bag-animation-assets] Error copying assets:`, error);
+      }
+    }
+  };
+}
+

package/webpack-plugin.js

@@ -0,0 +1,70 @@
+/**
+ * Webpack 插件：自动复制 @chao-component/bag-animation-ui 的资源文件到 public 目录
+ * 
+ * 使用方法：
+ * 在 webpack.config.js 中：
+ * 
+ * const { BagAnimationAssetsPlugin } = require('@chao-component/bag-animation-ui/webpack-plugin');
+ * 
+ * module.exports = {
+ *   plugins: [
+ *     new BagAnimationAssetsPlugin(),
+ *     // ... 其他插件
+ *   ]
+ * }
+ */
+
+const { copyFileSync, mkdirSync, readdirSync, existsSync } = require('fs');
+const { join, resolve } = require('path');
+
+function copyDir(src, dest) {
+  if (!existsSync(src)) return;
+  
+  if (!existsSync(dest)) {
+    mkdirSync(dest, { recursive: true });
+  }
+  
+  const entries = readdirSync(src, { withFileTypes: true });
+  
+  for (const entry of entries) {
+    const srcPath = join(src, entry.name);
+    const destPath = join(dest, entry.name);
+    
+    if (entry.isDirectory()) {
+      copyDir(srcPath, destPath);
+    } else {
+      copyFileSync(srcPath, destPath);
+    }
+  }
+}
+
+class BagAnimationAssetsPlugin {
+  constructor(options = {}) {
+    this.options = {
+      publicDir: options.publicDir || 'public',
+      packageName: options.packageName || '@chao-component/bag-animation-ui'
+    };
+  }
+
+  apply(compiler) {
+    compiler.hooks.beforeRun.tapAsync('BagAnimationAssetsPlugin', (compilation, callback) => {
+      try {
+        const packagePath = resolve(process.cwd(), 'node_modules', this.options.packageName, 'dist', 'assets');
+        const targetPath = resolve(process.cwd(), this.options.publicDir, 'assets');
+        
+        if (existsSync(packagePath)) {
+          copyDir(packagePath, targetPath);
+          console.log(`✅ [bag-animation-assets] Assets copied to ${this.options.publicDir}/assets`);
+        } else {
+          console.warn(`⚠️  [bag-animation-assets] Package assets not found at ${packagePath}`);
+        }
+      } catch (error) {
+        console.error(`❌ [bag-animation-assets] Error copying assets:`, error);
+      }
+      callback();
+    });
+  }
+}
+
+module.exports = { BagAnimationAssetsPlugin };
+