release build automation

Author: code-forge-temple

.github/workflows/main.yml

@@ -0,0 +1,78 @@
+name: Build and Release
+
+on:
+  push:
+    branches: [main]
+    paths:
+      - "src/**"
+      - "webpack.config.js"
+      - "package.json"
+      - ".github/workflows/**"
+  pull_request:
+    paths:
+      - "src/**"
+      - "webpack.config.js"
+      - "package.json"
+      - ".github/workflows/**"
+
+permissions:
+  contents: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      # Step 1: Checkout the code
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      # Step 2: Set up Node.js using .nvmrc
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: .nvmrc
+
+      # Step 3: Install dependencies
+      - name: Install dependencies
+        run: npm install
+
+      # Step 4: Build the project
+      - name: Build project
+        run: npm run build
+
+      # Step 4.5: Extract version from package.json
+      - name: Get Package Version
+        id: pkg_version
+        run: |
+          VERSION=$(jq -r '.version' package.json)
+          echo "VERSION=$VERSION" >> $GITHUB_ENV
+          echo "VERSION=$VERSION" >> $GITHUB_OUTPUT
+
+      # Step 5: Create a GitHub Release
+      - name: Create Release
+        id: create_release
+        uses: actions/create-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ steps.pkg_version.outputs.VERSION }}
+          release_name: Release ${{ steps.pkg_version.outputs.VERSION }}
+          draft: false
+          prerelease: false
+
+      # Step 6: Upload each as a release asset
+      - name: Upload Release Assets
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          UPLOAD_URL="${{ steps.create_release.outputs.upload_url }}"
+          UPLOAD_URL="${UPLOAD_URL%\{*}"
+
+          for file in dist/circuit-sketcher/*; do
+            curl -X POST \
+              -H "Authorization: token $GITHUB_TOKEN" \
+              -H "Content-Type: $(file -b --mime-type "$file")" \
+              --data-binary @"$file" \
+              "$UPLOAD_URL?name=$(basename "$file")"
+          done

.nvmrc

@@ -1 +1 @@
-v23.3.0
+v24.0.0

manifest.json

@@ -1,7 +1,7 @@
 {
     "id": "circuit-sketcher",
     "name": "Circuit Sketcher",
-    "version": "1.1.3",
+    "version": "1.1.4",
     "minAppVersion": "0.15.0",
     "description": "Draw circuits on a canvas using circuit-sketcher-core.",
     "author": "Code Forge Temple",

package-lock.json

@@ -1,14 +1,13 @@
 {
     "name": "circuit-sketcher-obsidian-plugin",
-    "version": "1.1.3",
+    "version": "1.1.4",
     "main": "main.js",
     "author": "Code Forge Temple",
     "license": "GPL",
     "description": "A plugin for Obsidian to draw circuits on a canvas, based on circuit-sketcher-core.",
     "scripts": {
-        "copy:manifest": "cpx ./manifest.json ./dist/circuit-sketcher/",
-        "copy": "npm run copy:manifest",
-        "build": "webpack --stats-error-details && npm run copy",
+        "typecheck": "tsc --noEmit",
+        "build": "npm run lint && npm run typecheck && webpack --stats-error-details",
         "lint": "eslint ."
     },
     "keywords": [],
@@ -44,4 +43,4 @@
         "webpack-cli": "^5.1.4",
         "webpack-preprocessor-loader": "^1.3.0"
     }
-}
+}

package.json

@@ -1,85 +1,116 @@
 const path = require("path");
 const webpack = require("webpack");
+const fs = require('fs');
+
+class UpdateAndCopyManifestPlugin {
+    apply(compiler) {
+        compiler.hooks.afterEmit.tap('UpdateAndCopyManifestPlugin', (compilation) => {
+            const packageJsonPath = path.resolve(__dirname, 'package.json');
+            const manifestJsonPath = path.resolve(__dirname, 'manifest.json');
+            const outputDir = path.resolve(__dirname, 'dist', 'circuit-sketcher');
+
+            const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+            const version = packageJson.version;
+
+            const manifestJson = JSON.parse(fs.readFileSync(manifestJsonPath, 'utf8'));
+            manifestJson.version = version;
+
+            fs.writeFileSync(manifestJsonPath, JSON.stringify(manifestJson, null, 4), 'utf8');
+
+            console.log('Updated manifest.json with version:', version);
+
+            if (!fs.existsSync(outputDir)) {
+                fs.mkdirSync(outputDir, { recursive: true });
+            }
+
+            const outputManifestPath = path.join(outputDir, 'manifest.json');
+            fs.copyFileSync(manifestJsonPath, outputManifestPath);
+
+            console.log('Copied manifest.json to:', outputManifestPath);
+        });
+    }
+}
 
 const postcssLoader = {
-  loader: "postcss-loader",
-  options: {
-    postcssOptions: {
-      plugins: [
-        require("postcss-url")({
-          url: "inline",
-          maxSize: Infinity,
-        }),
-      ],
+    loader: "postcss-loader",
+    options: {
+        postcssOptions: {
+            plugins: [
+                require("postcss-url")({
+                    url: "inline",
+                    maxSize: Infinity,
+                }),
+            ],
+        },
     },
-  },
 };
 
 const ENVIRONMENT = "production";
 
 module.exports = {
-  entry: "./src/main.ts",
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        use: [
-          {
-            loader: "ts-loader",
-          },
-          {
-            loader: "webpack-preprocessor-loader",
-            options: {
-              params: {
-                dev: ENVIRONMENT === "development", // for preprocessor commands defined with `#!if dev` and `#!endif` (multiple lines)
-              },
-              directives: {
-                dev: ENVIRONMENT === "development", // for preprocessor command `#!dev` (single line)
-              },
+    entry: "./src/main.ts",
+    module: {
+        rules: [
+            {
+                test: /\.tsx?$/,
+                use: [
+                    {
+                        loader: "ts-loader",
+                    },
+                    {
+                        loader: "webpack-preprocessor-loader",
+                        options: {
+                            params: {
+                                dev: ENVIRONMENT === "development", // for preprocessor commands defined with `#!if dev` and `#!endif` (multiple lines)
+                            },
+                            directives: {
+                                dev: ENVIRONMENT === "development", // for preprocessor command `#!dev` (single line)
+                            },
+                        },
+                    },
+                ],
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.css$/,
+                use: ["style-loader", "css-loader", postcssLoader],
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.scss$/,
+                use: ["style-loader", "css-loader", "sass-loader", postcssLoader],
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.svg$/,
+                use: "raw-loader",
+                exclude: /node_modules/,
             },
-          },
         ],
-        exclude: /node_modules/,
-      },
-      {
-        test: /\.css$/,
-        use: ["style-loader", "css-loader", postcssLoader],
-        exclude: /node_modules/,
-      },
-      {
-        test: /\.scss$/,
-        use: ["style-loader", "css-loader", "sass-loader", postcssLoader],
-        exclude: /node_modules/,
-      },
-      {
-        test: /\.svg$/,
-        use: "raw-loader",
-        exclude: /node_modules/,
-      },
-    ],
-  },
-  resolve: {
-    extensions: [".ts", ".tsx", ".js"],
-    alias: {
-      react: path.resolve(__dirname, "node_modules/react"),
-      "react-dom": path.resolve(__dirname, "node_modules/react-dom"),
     },
-  },
-  output: {
-    filename: "main.js",
-    path: path.resolve(__dirname, "dist/circuit-sketcher"),
-    libraryTarget: "commonjs",
-  },
-  target: "node",
-  //devtool: "inline-source-map",
-  externals: {
-    obsidian: "commonjs obsidian",
-  },
-  mode: ENVIRONMENT,
-  plugins: [
-    new webpack.BannerPlugin({
-      banner: `/*! Also see LICENSE file in the root of the project. */`,
-      raw: true,
-    }),
-  ],
+    resolve: {
+        extensions: [".ts", ".tsx", ".js"],
+        alias: {
+            react: path.resolve(__dirname, "node_modules/react"),
+            "react-dom": path.resolve(__dirname, "node_modules/react-dom"),
+        },
+    },
+    output: {
+        filename: "main.js",
+        path: path.resolve(__dirname, "dist/circuit-sketcher"),
+        libraryTarget: "commonjs",
+    },
+    target: "node",
+    //devtool: "inline-source-map",
+    externals: {
+        obsidian: "commonjs obsidian",
+    },
+    mode: ENVIRONMENT,
+    plugins: [
+        new webpack.BannerPlugin({
+            banner: `/*! Also see LICENSE file in the root of the project. */`,
+            raw: true,
+        }),
+        new UpdateAndCopyManifestPlugin(),
+    ],
 };