feat: github action for demo.

Author: a-rudenko

.github/workflows/deploy.yml

@@ -3,7 +3,7 @@ name: Build and Deploy Demo
 on:
   push:
     branches:
-      - main  # Укажите ветку, которую хотите использовать для деплоя
+      - main
 
 jobs:
   build-and-deploy:
@@ -16,7 +16,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 22
 
       - name: Install dependencies
         run: npm install
@@ -27,5 +27,5 @@ jobs:
       - name: Deploy to GitHub Pages
         uses: peaceiris/actions-gh-pages@v3
         with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./dist/demo
+          github_token: ${{ secrets.ACTION }}
+          publish_dir: dist/demo

package.json

@@ -10,7 +10,7 @@
   "scripts": {
     "start": "webpack serve",
     "build": "webpack --mode production",
-    "build:demo": "webpack --config demo/webpack.demo.config.js --mode production",
+    "build:demo": "webpack --config src/demo/webpack.demo.config.js --mode production",
     "prepare": "npm run build"
   },
   "keywords": [

src/demo/webpack.demo.config.js

@@ -3,12 +3,12 @@ const CopyWebpackPlugin = require('copy-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
-    entry: './demo.js',
+    entry: './src/demo/demo.js', // Точка входа — demo.js
     mode: 'production',
     output: {
-        filename: 'webgl-tech-particles.demo.js',
-        path: path.resolve(__dirname, '../dist/demo'),
-        clean: true,
+        filename: 'webgl-tech-particles.demo.js', // Имя выходного файла
+        path: path.resolve(__dirname, '../../dist/demo'), // Выходная папка — dist/demo
+        clean: true, // Очистка папки перед сборкой
     },
     module: {
         rules: [
@@ -30,22 +30,24 @@ module.exports = {
                 test: /\.(png|jpg|gif|webp)$/,
                 type: 'asset/resource',
                 generator: {
-                    filename: 'assets/icons/[name][ext]',
+                    filename: 'assets/icons/[name][ext]', // Иконки будут в assets/icons
                 },
             },
         ],
     },
     plugins: [
+        // Копируем settings.json и иконки
         new CopyWebpackPlugin({
             patterns: [
-                { from: '../settings.json', to: 'settings.json' },
-                { from: '../src/assets/icons', to: 'assets/icons' },
+                { from: path.resolve(__dirname, '../../settings.json'), to: 'settings.json' },
+                { from: path.resolve(__dirname, '../assets/icons'), to: 'assets/icons' },
             ],
         }),
+        // Генерируем HTML-файл для демо
         new HtmlWebpackPlugin({
-            template: './demo.html',
-            filename: 'demo.html',
-            title: 'WebGL Tech Particles Demo',
+            template: path.resolve(__dirname, '../demo/demo.html'),
+            filename: 'demo.html', // Имя выходного файла
+            title: 'WebGL Tech Particles Demo', // Заголовок страницы
         }),
     ],
 };