@vef-framework/dev 2.0.11 → 2.1.0

package/dist/es/vite/plugin-auto-enhance/core.js

@@ -1,104 +1,104 @@
-import { basename as c } from "node:path";
-import { parse as f } from "@babel/parser";
-import { parse as g, print as p } from "recast";
-function a(o, e) {
-  return (Array.isArray(o) ? o : [o]).some((r) => typeof r == "string" ? e.includes(r) : r.test(e));
+import { basename as a } from "node:path";
+import { parse as c } from "@babel/parser";
+import { parse as g, print as f } from "recast";
+var h = [/\.tsx?(?:\?.*)?$/], p = [/node_modules/, /\.d\.ts?(?:\?.*)?$/], m = "VEF Auto-Enhance";
+function u(r, s) {
+  return (Array.isArray(r) ? r : [r]).some((n) => typeof n == "string" ? s.includes(n) : n.test(s));
 }
-class d {
+function P(r, s) {
+  return g(r, {
+    sourceFileName: s,
+    parser: { parse: (e) => c(e, {
+      plugins: [
+        "jsx",
+        "typescript",
+        "explicitResourceManagement"
+      ],
+      sourceType: "module",
+      tokens: !0
+    }) }
+  });
+}
+var x = class {
   plugins = [];
   options;
-  constructor(e = {}) {
+  constructor(r = {}) {
     this.options = {
-      include: [/\.tsx?(?:\?.*)?$/],
-      exclude: [/node_modules/, /\.d\.ts?(?:\?.*)?$/],
-      logPrefix: "🚀 VEF Auto-Enhance",
-      ...e
+      include: h,
+      exclude: p,
+      logPrefix: m,
+      ...r
     };
   }
-  /**
-   * Register a sub-plugin
-   */
-  registerPlugin(e) {
-    this.plugins.push(e);
+  registerPlugin(r) {
+    this.plugins.push(r);
   }
-  /**
-   * Register multiple sub-plugins
-   */
-  registerPlugins(e) {
-    for (const s of e)
-      this.registerPlugin(s);
+  registerPlugins(r) {
+    for (const s of r)
+      this.plugins.push(s);
   }
-  /**
-   * Check if file should be processed
-   */
-  shouldProcessFile(e) {
-    const { include: s, exclude: r } = this.options;
-    return !(r && a(r, e) || s && !a(s, e));
+  getRegisteredPlugins() {
+    return this.plugins.map(({ name: r, description: s }) => ({
+      name: r,
+      description: s
+    }));
   }
-  /**
-   * Create processing context
-   */
-  createTransformationContext(e, s) {
-    const r = e.split("/").slice(-3).join("/"), i = g(s, {
-      sourceFileName: c(e),
-      parser: {
-        parse: (l) => f(l, {
-          plugins: ["jsx", "typescript", "explicitResourceManagement"],
-          sourceType: "module",
-          tokens: !0
-        })
-      }
-    });
+  transform(r, s) {
+    if (!this.shouldProcessFile(s) || this.plugins.length === 0)
+      return null;
+    try {
+      return this.executeTransform(r, s);
+    } catch (e) {
+      return console.warn(`${this.options.logPrefix}: Error processing ${s}:`, e), null;
+    }
+  }
+  shouldProcessFile(r) {
+    const { include: s, exclude: e } = this.options;
+    return !(e && u(e, r) || s && !u(s, r));
+  }
+  buildTransformInfo(r, s) {
+    const e = r.split("/").slice(-3).join("/"), n = P(s, a(r));
     return {
-      id: e,
-      fileName: r,
+      id: r,
+      fileName: e,
       code: s,
-      ast: i
+      ast: n
     };
   }
-  /**
-   * Execute transformation
-   */
-  transform(e, s) {
-    if (!this.shouldProcessFile(s) || this.plugins.length === 0)
+  executeTransform(r, s) {
+    const e = this.buildTransformInfo(s, r), n = this.getActivePlugins(e);
+    if (n.length === 0)
       return null;
-    try {
-      const r = this.createTransformationContext(s, e), i = this.plugins.filter((t) => t.shouldProcess ? t.shouldProcess(r) : !0);
-      if (i.length === 0)
-        return null;
-      let l = !1;
-      const u = [];
-      for (const t of i)
-        try {
-          const n = t.transform(r);
-          n.hasChanges && (l = !0), n.logs && u.push(...n.logs), n.hasChanges && console.log(`${this.options.logPrefix}: Plugin "${t.name}" made changes to ${r.fileName}`);
-        } catch (n) {
-          console.warn(`${this.options.logPrefix}: Plugin "${t.name}" failed:`, n);
-        }
-      for (const t of u)
-        console.log(t);
-      if (l) {
-        const t = p(r.ast);
-        return {
-          code: t.code,
-          map: t.map || null
-        };
-      }
+    const { hasChanges: i, logs: o } = this.runPlugins(n, e);
+    for (const l of o)
+      console.log(l);
+    if (!i)
       return null;
-    } catch (r) {
-      return console.warn(`${this.options.logPrefix}: Error processing ${s}:`, r), null;
-    }
+    const t = f(e.ast);
+    return {
+      code: t.code,
+      map: t.map || null
+    };
   }
-  /**
-   * Get registered plugin information
-   */
-  getRegisteredPlugins() {
-    return this.plugins.map((e) => ({
-      name: e.name,
-      description: e.description
-    }));
+  getActivePlugins(r) {
+    return this.plugins.filter((s) => s.shouldProcess ? s.shouldProcess(r) : !0);
   }
-}
+  runPlugins(r, s) {
+    let e = !1;
+    const n = [], { logPrefix: i } = this.options;
+    for (const o of r)
+      try {
+        const t = o.transform(s);
+        t.hasChanges && (e = !0, console.log(`${i}: Plugin "${o.name}" made changes to ${s.fileName}`)), t.logs && n.push(...t.logs);
+      } catch (t) {
+        console.warn(`${i}: Plugin "${o.name}" failed:`, t);
+      }
+    return {
+      hasChanges: e,
+      logs: n
+    };
+  }
+};
 export {
-  d as AutoEnhanceCore
+  x as AutoEnhanceCore
 };

package/dist/es/vite/plugin-auto-enhance/index.js

@@ -1,20 +1,19 @@
-import { AutoEnhanceCore as i } from "./core.js";
-import "./plugins/index.js";
-import { types as g } from "recast";
-function a({
-  plugins: r,
-  ...t
-} = {}) {
-  const o = new i(t);
+import { AutoEnhanceCore as s } from "./core.js";
+import "./plugins/operation-column-width.js";
+import { types as l } from "recast";
+function f({ plugins: r, ...t } = {}) {
+  const o = new s(t);
   return r && o.registerPlugins(r), {
     name: "vef-framework:auto-enhance",
     enforce: "pre",
     buildStart() {
       const e = o.getRegisteredPlugins();
-      if (e.length > 0) {
-        console.log(`🚀 Auto-Enhance: Loaded ${e.length} plugins:`);
-        for (const n of e)
-          console.log(`   • ${n.name}${n.description ? ` - ${n.description}` : ""}`);
+      if (e.length !== 0) {
+        console.log(`Auto-Enhance: Loaded ${e.length} plugins:`);
+        for (const n of e) {
+          const i = n.description ? ` - ${n.description}` : "";
+          console.log(`   - ${n.name}${i}`);
+        }
       }
     },
     transform(e, n) {
@@ -23,6 +22,6 @@ function a({
   };
 }
 export {
-  a as createAutoEnhancePlugin,
-  g as types
+  f as createAutoEnhancePlugin,
+  l as types
 };

package/dist/es/vite/plugin-auto-enhance/plugins/index.js

@@ -1,4 +1 @@
-import { operationColumnWidthPlugin as n } from "./operation-column-width.js";
-export {
-  n as operationColumnWidthPlugin
-};
+import "./operation-column-width.js";

package/dist/es/vite/plugin-auto-enhance/plugins/operation-column-width.js

@@ -1,34 +1,30 @@
-import { visit as l, types as n } from "recast";
-const v = /[\u4E00-\u9FFF\u3400-\u4DBF\uFF00-\uFFEF]/, T = "operationColumn", I = "OperationButton", x = [
-  "@vef-framework/components",
-  "@vef-framework/starter"
-];
+import { types as t, visit as l } from "recast";
+var x = /[\u4E00-\u9FFF\u3400-\u4DBF\uFF00-\uFFEF]/, T = "operationColumn", E = "OperationButton", I = ["@vef-framework/components", "@vef-framework/starter"];
 function C(r) {
-  return x.some((e) => r === e || r.startsWith(`${e}/`));
+  return I.some((e) => r === e || r.startsWith(`${e}/`));
 }
-function S(r) {
+function g(r) {
   const e = /* @__PURE__ */ new Map();
-  return l(r, {
-    visitImportDeclaration(t) {
-      const i = t.node.source.value;
-      if (typeof i != "string" || !C(i))
-        return this.traverse(t), !1;
-      for (const s of t.node.specifiers || [])
-        if (n.namedTypes.ImportSpecifier.check(s)) {
-          const { imported: o } = s, { local: a } = s;
-          n.namedTypes.Identifier.check(o) && n.namedTypes.Identifier.check(a) && o.name === I && e.set(a.name, o.name);
-        }
-      return this.traverse(t), !1;
+  return l(r, { visitImportDeclaration(n) {
+    const s = n.node.source.value;
+    if (typeof s != "string" || !C(s))
+      return this.traverse(n), !1;
+    for (const a of n.node.specifiers || []) {
+      if (!t.namedTypes.ImportSpecifier.check(a))
+        continue;
+      const { imported: o, local: i } = a;
+      t.namedTypes.Identifier.check(o) && t.namedTypes.Identifier.check(i) && o.name === E && e.set(i.name, o.name);
     }
-  }), e;
+    return this.traverse(n), !1;
+  } }), e;
 }
 function O(r) {
   let e = 0;
-  for (const t of r)
-    e += v.test(t) ? 14 : 8;
+  for (const n of r)
+    e += x.test(n) ? 14 : 8;
   return e;
 }
-function P(r) {
+function S(r) {
   if (r.length === 0)
     return {
       calculatedWidth: 64,
@@ -36,126 +32,196 @@ function P(r) {
       analysis: "No buttons found, using minimum width"
     };
   let e = 0;
-  const t = r.length;
-  for (const [o, a] of r.entries()) {
-    let c = 16;
-    a.hasIcon && (c += 16, a.textContent && (c += 8)), a.textContent && (c += O(a.textContent)), c = Math.max(c, a.hasIcon && !a.textContent ? 32 : 64), e += c, o < t - 1 && (e += 8);
+  const n = r.length;
+  for (const [a, o] of r.entries()) {
+    let i = 16;
+    o.hasIcon && (i += 16, o.textContent && (i += 8)), o.textContent && (i += O(o.textContent));
+    const c = o.hasIcon && !o.textContent ? 32 : 64;
+    i = Math.max(i, c), e += i, a < n - 1 && (e += 8);
   }
   e += 16;
-  const i = Math.ceil(e / 8) * 8, s = `${t} buttons, calculated: ${e}px, final: ${i}px`;
+  const s = Math.ceil(e / 8) * 8;
   return {
-    calculatedWidth: i,
-    buttonCount: t,
-    analysis: s
+    calculatedWidth: s,
+    buttonCount: n,
+    analysis: `${n} buttons, calculated: ${e}px, final: ${s}px`
   };
 }
-function g(r, e) {
-  const { openingElement: t } = r;
-  if (!n.namedTypes.JSXIdentifier.check(t.name))
+function w(r, e) {
+  const { openingElement: n } = r;
+  if (!t.namedTypes.JSXIdentifier.check(n.name))
     return null;
-  const i = t.name.name;
-  if (!e.has(i))
+  const s = n.name.name;
+  if (!e.has(s))
     return null;
-  const s = {
+  const a = {
     hasIcon: !1,
     textContent: ""
   };
-  for (const o of t.attributes || [])
-    n.namedTypes.JSXAttribute.check(o) && n.namedTypes.JSXIdentifier.check(o.name) && o.name.name === "icon" && (s.hasIcon = !0);
+  for (const o of n.attributes || [])
+    if (t.namedTypes.JSXAttribute.check(o) && t.namedTypes.JSXIdentifier.check(o.name) && o.name.name === "icon") {
+      a.hasIcon = !0;
+      break;
+    }
   for (const o of r.children || [])
-    n.namedTypes.JSXText.check(o) ? s.textContent += o.value.trim() : n.namedTypes.JSXExpressionContainer.check(o) && n.namedTypes.StringLiteral.check(o.expression) && (s.textContent += o.expression.value);
-  return s;
+    t.namedTypes.JSXText.check(o) ? a.textContent += o.value.trim() : t.namedTypes.JSXExpressionContainer.check(o) && t.namedTypes.StringLiteral.check(o.expression) && (a.textContent += o.expression.value);
+  return a;
 }
-function k(r, e) {
-  const t = [];
-  return l(r, {
-    visitJSXElement(i) {
-      const s = g(i.node, e);
-      return s && t.push(s), this.traverse(i), !1;
-    }
-  }), t;
+function M(r, e) {
+  const n = [];
+  return l(r, { visitJSXElement(s) {
+    const a = w(s.node, e);
+    return a && n.push(a), this.traverse(s), !1;
+  } }), n;
 }
-function E(r) {
+function F(r) {
   return r.properties.some((e) => {
-    if (n.namedTypes.ObjectProperty.check(e)) {
-      const { key: t } = e;
-      return n.namedTypes.Identifier.check(t) && t.name === "width" || n.namedTypes.StringLiteral.check(t) && t.value === "width";
-    }
-    return !1;
+    if (!t.namedTypes.ObjectProperty.check(e))
+      return !1;
+    const { key: n } = e;
+    return t.namedTypes.Identifier.check(n) ? n.name === "width" : t.namedTypes.StringLiteral.check(n) ? n.value === "width" : !1;
   });
 }
-function w(r) {
+function N(r) {
   return r.properties.find((e) => {
-    if (n.namedTypes.ObjectProperty.check(e) || n.namedTypes.ObjectMethod.check(e)) {
-      const { key: t } = e;
-      return n.namedTypes.Identifier.check(t) && t.name === "render" || n.namedTypes.StringLiteral.check(t) && t.value === "render";
-    }
-    return !1;
+    if (!t.namedTypes.ObjectProperty.check(e) && !t.namedTypes.ObjectMethod.check(e))
+      return !1;
+    const { key: n } = e;
+    return t.namedTypes.Identifier.check(n) ? n.name === "render" : t.namedTypes.StringLiteral.check(n) ? n.value === "render" : !1;
   });
 }
+function b(r, e) {
+  const { callee: n } = r;
+  return t.namedTypes.Identifier.check(n) && n.name === e;
+}
+function A(r) {
+  const [e] = r.arguments;
+  return t.namedTypes.ArrowFunctionExpression.check(e) || t.namedTypes.FunctionExpression.check(e) ? e.body : null;
+}
+function j(r) {
+  const [e] = r.arguments;
+  if (!t.namedTypes.ArrowFunctionExpression.check(e) && !t.namedTypes.FunctionExpression.check(e))
+    return null;
+  const { body: n } = e;
+  if (t.namedTypes.ObjectExpression.check(n))
+    return n;
+  if (t.namedTypes.BlockStatement.check(n)) {
+    for (const s of n.body)
+      if (t.namedTypes.ReturnStatement.check(s) && t.namedTypes.ObjectExpression.check(s.argument))
+        return s.argument;
+  }
+  return null;
+}
 function J(r) {
+  const e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+  return l(r, {
+    visitFunctionDeclaration(s) {
+      const { node: a } = s;
+      return t.namedTypes.Identifier.check(a.id) && e.set(a.id.name, a.body), this.traverse(s), !1;
+    },
+    visitVariableDeclarator(s) {
+      const { node: a } = s;
+      if (!t.namedTypes.Identifier.check(a.id) || !a.init)
+        return this.traverse(s), !1;
+      const o = a.id.name, { init: i } = a;
+      if (t.namedTypes.ArrowFunctionExpression.check(i) || t.namedTypes.FunctionExpression.check(i))
+        return e.set(o, i.body), this.traverse(s), !1;
+      if (t.namedTypes.ObjectExpression.check(i))
+        return n.set(o, i), this.traverse(s), !1;
+      if (t.namedTypes.CallExpression.check(i) && b(i, "useCallback")) {
+        const c = A(i);
+        return c && e.set(o, c), this.traverse(s), !1;
+      }
+      if (t.namedTypes.CallExpression.check(i) && b(i, "useMemo")) {
+        const c = j(i);
+        return c && n.set(o, c), this.traverse(s), !1;
+      }
+      return this.traverse(s), !1;
+    }
+  }), {
+    functionMap: e,
+    objectMap: n
+  };
+}
+function P(r, e) {
+  if (t.namedTypes.ObjectMethod.check(r))
+    return r.body;
+  const { value: n } = r;
+  if (t.namedTypes.ArrowFunctionExpression.check(n) || t.namedTypes.FunctionExpression.check(n))
+    return n.body;
+  if (t.namedTypes.Identifier.check(n)) {
+    const s = e.get(n.name);
+    if (s)
+      return s;
+  }
+  return null;
+}
+function X(r) {
   const { openingElement: e } = r;
-  if (n.namedTypes.JSXIdentifier.check(e.name))
+  if (t.namedTypes.JSXIdentifier.check(e.name))
     return e.name.name;
-  if (n.namedTypes.JSXMemberExpression.check(e.name)) {
-    const { object: t, property: i } = e.name, s = n.namedTypes.JSXIdentifier.check(t) ? t.name : "?", o = n.namedTypes.JSXIdentifier.check(i) ? i.name : "?";
-    return `${s}.${o}`;
+  if (t.namedTypes.JSXMemberExpression.check(e.name)) {
+    const { object: n, property: s } = e.name, a = t.namedTypes.JSXIdentifier.check(n) ? n.name : "?", o = t.namedTypes.JSXIdentifier.check(s) ? s.name : "?";
+    return `${a}.${o}`;
+  }
+  return "Unknown";
+}
+function W(r) {
+  let e = r.parentPath;
+  for (; e; ) {
+    if (t.namedTypes.JSXElement.check(e.node))
+      return X(e.node);
+    e = e.parentPath;
   }
   return "Unknown";
 }
-const N = {
+var $ = {
   name: "operation-column-width",
   description: "Automatically calculate optimal width for operation columns based on button analysis",
   shouldProcess(r) {
     return r.code.includes(T);
   },
   transform(r) {
-    const e = S(r.ast);
+    const e = g(r.ast);
     if (e.size === 0)
-      return { hasChanges: !1, logs: [] };
-    let t = !1;
-    const i = [];
-    return l(r.ast, {
-      visitJSXAttribute(s) {
-        const o = s.node;
-        if (!n.namedTypes.JSXIdentifier.check(o.name) || o.name.name !== T)
-          return this.traverse(s), !1;
-        if (!n.namedTypes.JSXExpressionContainer.check(o.value) || !n.namedTypes.ObjectExpression.check(o.value.expression))
-          return this.traverse(s), !1;
-        const a = o.value.expression;
-        if (E(a))
-          return this.traverse(s), !1;
-        const c = w(a);
-        if (!c)
-          return this.traverse(s), !1;
-        const f = n.namedTypes.ObjectProperty.check(c) ? k(c.value, e) : k(c.body, e);
-        if (f.length === 0)
-          return this.traverse(s), !1;
-        const { calculatedWidth: m, analysis: d } = P(f), p = n.builders.objectProperty(
-          n.builders.identifier("width"),
-          n.builders.numericLiteral(m)
-        );
-        p.comments = [n.builders.commentLine(` Auto-calculated: ${d} `, !0, !1)], a.properties.unshift(p), t = !0;
-        let h = "Unknown", { parentPath: u } = s;
-        for (; u; ) {
-          const { node: y, parentPath: b } = u;
-          if (n.namedTypes.JSXElement.check(y)) {
-            h = J(y);
-            break;
-          }
-          u = b;
-        }
-        return i.push(
-          `📊 ${h}: ${r.fileName}`,
-          `   └─ 🎯 Operation column auto-width: ${m}px (${d})`
-        ), this.traverse(s), !1;
-      }
-    }), {
-      hasChanges: t,
-      logs: i
+      return {
+        hasChanges: !1,
+        logs: []
+      };
+    const { functionMap: n, objectMap: s } = J(r.ast);
+    let a = !1;
+    const o = [];
+    return l(r.ast, { visitJSXAttribute(i) {
+      const c = i.node;
+      if (!t.namedTypes.JSXIdentifier.check(c.name) || c.name.name !== T)
+        return this.traverse(i), !1;
+      if (!t.namedTypes.JSXExpressionContainer.check(c.value))
+        return this.traverse(i), !1;
+      const { expression: f } = c.value;
+      let u = null;
+      if (t.namedTypes.ObjectExpression.check(f) ? u = f : t.namedTypes.Identifier.check(f) && (u = s.get(f.name) ?? null), !u)
+        return this.traverse(i), !1;
+      if (F(u))
+        return this.traverse(i), !1;
+      const d = N(u);
+      if (!d)
+        return this.traverse(i), !1;
+      const m = P(d, n);
+      if (!m)
+        return this.traverse(i), !1;
+      const p = M(m, e);
+      if (p.length === 0)
+        return this.traverse(i), !1;
+      const { calculatedWidth: h, analysis: y } = S(p), k = t.builders.objectProperty(t.builders.identifier("width"), t.builders.numericLiteral(h));
+      k.comments = [t.builders.commentLine(` Auto-calculated: ${y} `, !0, !1)], u.properties.unshift(k), a = !0;
+      const v = W(i);
+      return o.push(`[${v}]: ${r.fileName}`, `   -> Operation column auto-width: ${h}px (${y})`), this.traverse(i), !1;
+    } }), {
+      hasChanges: a,
+      logs: o
     };
   }
 };
 export {
-  N as operationColumnWidthPlugin
+  $ as operationColumnWidthPlugin
 };