feat: force enable

.gitignore

@@ -2,6 +2,10 @@
 node_modules
 /dist
 
+# build files
+client-force-enable.js
+client-force-enable.d.ts
+
 # local env files
 .env.local
 .env.*.local

README.zh-CN.md

@@ -232,3 +232,21 @@ import 'vue-click-to-component/client';
 注：根据我的测试，文件可以打开，但是行列不生效。如果有谁知道如何让行列生效，请教给我一下，谢谢。
 
 </details>
+
+### 强制开启
+
+默认情况下，这个工具只有在开发环境（`NODE_ENV` 为 `development`）才会开启。如果你想在生产环境也开启，可以像下面这样配置：
+
+`main.ts`:
+
+```diff
+-import 'vue-click-to-component/client';
++import 'vue-click-to-component/client-force-enable';
+```
+
+`package.json`:
+
+```diff
+-"build": "vue-tsc && vite build",
++"build": "vue-tsc && VUE_CLICK_TO_COMPONENT_FORCE_ENABLE=true vite build",
+```

build/client-force-enable.mjs

@@ -0,0 +1,19 @@
+import fs from "fs";
+
+function resolve(path) {
+  return new URL(path, import.meta.url);
+}
+
+const client = fs.readFileSync(resolve("../client.js"), "utf8");
+
+const clientForceEnable = client.replace(
+  'process.env.NODE_ENV === "development"',
+  "true"
+);
+
+fs.writeFileSync(resolve("../client-force-enable.js"), clientForceEnable);
+
+fs.copyFileSync(
+  resolve("../client.d.ts"),
+  resolve("../client-force-enable.d.ts")
+);

client.js

@@ -1,5 +1,5 @@
 if (process.env.NODE_ENV === "development") {
-  console.warn("vue-click-to-component enabled in development mode");
+  console.warn("[vue-click-to-component] enabled");
 
   function cleanTarget() {
     document

loader.js

@@ -2,7 +2,11 @@ const { getSourceWithSourceCodeLocation } = require("./dist/index.js");
 const htmlTags = require("html-tags");
 
 module.exports = function (source) {
-  if (process.env.NODE_ENV !== "development") {
+  if (
+    process.env.VUE_CLICK_TO_COMPONENT_FORCE_ENABLE !== "true" &&
+    process.env.NODE_ENV !== "development"
+  ) {
+    // disable loader
     return source;
   }
 
@@ -16,7 +20,7 @@ module.exports = function (source) {
 
     return sourceWithSourceCodeLocation;
   } catch (error) {
-    console.error("[vite-plugin-click-to-component] error", {
+    console.error("[vue-click-to-component-loader] error", {
       file: id,
       error: error && error.message,
     });

package.json

@@ -28,12 +28,14 @@
     "vue-cli-plugin.js",
     "client.js",
     "client.d.ts",
+    "client-force-enable.js",
+    "client-force-enable.d.ts",
     "dist",
     "src"
   ],
   "scripts": {
     "prepublishOnly": "yarn build",
-    "build": "rimraf dist && tsc",
+    "build": "rimraf dist && tsc && node ./build/client-force-enable.mjs",
     "fix-registry": "replace-lockfile-registry --registry https://registry.npmjs.org/"
   },
   "dependencies": {
@@ -44,4 +46,4 @@
     "replace-lockfile-registry": "^0.0.1",
     "rimraf": "^5.0.1"
   }
-}
+}

vite-plugin.js

@@ -7,7 +7,11 @@ module.exports = function vitePlugin() {
     name: "vite-plugin-click-to-component",
     enforce: "pre",
     load(id) {
-      if (process.env.NODE_ENV !== "development") {
+      if (
+        process.env.VUE_CLICK_TO_COMPONENT_FORCE_ENABLE !== "true" &&
+        process.env.NODE_ENV !== "development"
+      ) {
+        // disable vite plugin
         return;
       }
 
@@ -22,7 +26,7 @@ module.exports = function vitePlugin() {
 
           return sourceWithSourceCodeLocation;
         } catch (error) {
-          console.error("[vite-plugin-click-to-component] error", {
+          console.error("[vue-click-to-component-vite-plugin] error", {
             file: id,
             error: error && error.message,
           });