vue-cli-plugin-javascript-obfuscator 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 nangongpo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,51 @@
+# vue-cli-plugin-javascript-obfuscator
+
+A Vue CLI plugin to automatically obfuscate JavaScript files using `javascript-obfuscator@4.x`.
+
+## Installation
+
+To install the plugin, run the following command:
+
+```
+vue add javascript-obfuscator
+```
+
+
+## Configuration
+
+After installing the plugin, you can configure it in your vue.config.js file under the pluginOptions field.
+
+Example Configuration:
+```
+// vue.config.js
+
+module.exports = {
+  pluginOptions: {
+    javascriptObfuscator: {
+      // Directory where your assets are located (default is 'static')
+      assetsDir: 'static', // Optional, defaults to 'static'
+
+      // Files to include in obfuscation (can be a string or an array of strings/regex patterns)
+      includes: [
+        'app.*.js',
+        '**/chunk-libs.*.js$',  // Matches chunk-libs files for obfuscation
+      ],
+
+      // Files to exclude from obfuscation (can be a string or an array of strings/regex patterns)
+      excludes: [
+        'vendor.*.js',
+        '**/*-bundle.*.js$',  // Matches any file ending with -bundle for exclusion
+      ],
+
+      // Options for the javascript-obfuscator
+      obfuscatorOptions: {
+        compact: true,  // Minify the code
+        disableConsoleOutput: false,  // Keep console output
+        rotateStringArray: true,  // Rotate the string array during obfuscation
+        identifierNamesGenerator: 'hexadecimal',  // Use hexadecimal naming for identifiers
+        selfDefending: true,  // Make the obfuscated code harder to read
+      },
+    },
+  },
+};
+```

package/index.js

@@ -0,0 +1,116 @@
+// @ts-nocheck
+const JavaScriptObfuscator = require('javascript-obfuscator')
+
+module.exports = (api) => {
+  // Automatically install javascript-obfuscator@4.x when the plugin is added
+  api.extendPackage({
+    devDependencies: {
+      'javascript-obfuscator': '^4.0.0' // Automatically add version 4.x
+    }
+  })
+
+  // Inject a feature for the plugin
+  api.injectFeature({
+    name: 'javascript-obfuscator',
+    description:
+      'A plugin to obfuscate JavaScript files using javascript-obfuscator',
+    enabled: true
+  })
+
+  /**
+   * Vue CLI chainWebpack hook to apply the JavaScript Obfuscator plugin.
+   * @param {object} config - The Webpack configuration object.
+   */
+  api.chainWebpack((config) => {
+    // Get user-configured options from vue.config.js
+    const options =
+      api.service.projectOptions.pluginOptions.javascriptObfuscator || {}
+
+    // Default values for the plugin options
+    const assetsDir = options.assetsDir || 'static'
+    const includes = Array.isArray(options.includes)
+      ? options.includes
+      : [options.includes || []]
+    const excludes = Array.isArray(options.excludes)
+      ? options.excludes
+      : [options.excludes || []]
+    const obfuscatorOptions = options.obfuscatorOptions || {}
+
+    /**
+     * Webpack plugin that obfuscates JavaScript assets.
+     * @param {object} compiler - Webpack compiler instance
+     */
+    function JavascriptObfuscatorPlugin(compiler) {
+      compiler.hooks.emit.tapAsync(
+        'JavascriptObfuscatorPlugin',
+        async (compilation, callback) => {
+          const promises = []
+
+          // Generate regex patterns from includes and excludes
+          const includePatterns = includes.map((pattern) =>
+            typeof pattern === 'string'
+              ? new RegExp(pattern.replace('static', assetsDir))
+              : pattern
+          )
+          const excludePatterns = excludes.map((pattern) =>
+            typeof pattern === 'string'
+              ? new RegExp(pattern.replace('static', assetsDir))
+              : pattern
+          )
+
+          Object.keys(compilation.assets).forEach((assetName) => {
+            // Skip assets that don't match the include or match any of the exclude patterns
+            if (
+              includePatterns.length &&
+              !includePatterns.some((pattern) => pattern.test(assetName))
+            ) {
+              return
+            }
+
+            if (excludePatterns.some((pattern) => pattern.test(assetName))) {
+              console.log(`Skipping obfuscation for: ${assetName}`)
+              return
+            }
+
+            console.log(`Obfuscating: ${assetName}`)
+            const asset = compilation.assets[assetName]
+            promises.push(
+              new Promise((resolve, reject) => {
+                try {
+                  const obfuscated = JavaScriptObfuscator.obfuscate(
+                    asset.source(),
+                    {
+                      compact: true,
+                      disableConsoleOutput: false,
+                      rotateStringArray: true,
+                      identifierNamesGenerator: 'hexadecimal',
+                      selfDefending: true,
+                      ...obfuscatorOptions // Spread any additional options
+                    }
+                  ).getObfuscatedCode()
+
+                  compilation.assets[assetName] = {
+                    source: () => obfuscated,
+                    size: () => obfuscated.length
+                  }
+
+                  resolve()
+                } catch (err) {
+                  console.error(`Failed to obfuscate ${assetName}:`, err)
+                  reject(err) // Reject if there's an error in obfuscation
+                }
+              })
+            )
+          })
+
+          // Wait for all files to be processed
+          await Promise.all(promises)
+          callback()
+        }
+      )
+    }
+
+    // Instantiate and apply the plugin to the Webpack config
+    config.plugin('javascript-obfuscator').use(JavascriptObfuscatorPlugin)
+  })
+}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "vue-cli-plugin-javascript-obfuscator",
+  "version": "1.0.0",
+  "description": "Vue CLI plugin for JavaScript obfuscation using javascript-obfuscator@4.x",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nangongpo/vue-cli-plugin-javascript-obfuscator.git"
+  },
+  "keywords": [
+    "vue",
+    "vue-cli",
+    "javascript-obfuscator"
+  ],
+  "author": "nangongpo",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/nangongpo/vue-cli-plugin-javascript-obfuscator/issues"
+  },
+  "homepage": "https://github.com/nangongpo/vue-cli-plugin-javascript-obfuscator#readme",
+  "dependencies": {
+    "javascript-obfuscator": "^4.0.0"
+  }
+}