feat: github action for demo.

a-rudenko · a-rudenko · commit 30cd638fd324 · 2025-01-26T00:17:17.000+03:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,31 @@
+name: Build and Deploy Demo
+
+on:
+  push:
+    branches:
+      - main  # Укажите ветку, которую хотите использовать для деплоя
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build demo
+        run: npm run build:demo
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist/demo
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
   "scripts": {
     "start": "webpack serve",
     "build": "webpack --mode production",
+    "build:demo": "webpack --config demo/webpack.demo.config.js --mode production",
     "prepare": "npm run build"
   },
   "keywords": [
diff --git a/src/demo/demo.html b/src/demo/demo.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+</head>
+<body>
+<div id="tech-particles"></div>
+</body>
+</html>
diff --git a/src/demo/webpack.demo.config.js b/src/demo/webpack.demo.config.js
@@ -0,0 +1,51 @@
+const path = require('path');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = {
+    entry: './demo.js',
+    mode: 'production',
+    output: {
+        filename: 'webgl-tech-particles.demo.js',
+        path: path.resolve(__dirname, '../dist/demo'),
+        clean: true,
+    },
+    module: {
+        rules: [
+            {
+                test: /\.js$/,
+                exclude: /node_modules/,
+                use: {
+                    loader: 'babel-loader',
+                    options: {
+                        presets: ['@babel/preset-env'],
+                    },
+                },
+            },
+            {
+                test: /\.css$/,
+                use: ['style-loader', 'css-loader'],
+            },
+            {
+                test: /\.(png|jpg|gif|webp)$/,
+                type: 'asset/resource',
+                generator: {
+                    filename: 'assets/icons/[name][ext]',
+                },
+            },
+        ],
+    },
+    plugins: [
+        new CopyWebpackPlugin({
+            patterns: [
+                { from: '../settings.json', to: 'settings.json' },
+                { from: '../src/assets/icons', to: 'assets/icons' },
+            ],
+        }),
+        new HtmlWebpackPlugin({
+            template: './demo.html',
+            filename: 'demo.html',
+            title: 'WebGL Tech Particles Demo',
+        }),
+    ],
+};
