@vef-framework/dev 2.0.11 → 2.1.0

package/dist/es/vite/plugin-conventional-config.js

@@ -1,27 +1,24 @@
-import { createChunksConfig as u } from "./chunks.js";
-import { DEFAULT_SERVER_PORT as p, ASSETS_DIR as e, VEF_FRAMEWORK_VERSION as m, DEFAULT_OUTPUT_DIR as c, ENV_BUILD_PREFIX as f, ENV_APP_PREFIX as v, ENV_DIR as h, PUBLIC_DIR as D } from "./constants.js";
-import { defineConstants as d } from "./define.js";
-import { createPostcssConfig as E } from "./postcss.js";
-function g({
-  appName: t,
-  appVersion: s,
-  basePublicPath: r,
-  projectDir: o,
-  outputDir: i,
-  serverPort: n,
-  proxies: a
-}) {
+import { ASSETS_DIR as t, ENV_APP_PREFIX as m, ENV_BUILD_PREFIX as p, PUBLIC_DIR as f, VEF_FRAMEWORK_VERSION as v } from "./constants.js";
+import { createChunksConfig as d } from "./chunks.js";
+import { defineConstants as h } from "./define.js";
+import { createPostcssConfig as D } from "./postcss.js";
+function E(e) {
+  const s = `VEF Framework v${v}`, r = e ? ` App version v${e}.` : "", o = (/* @__PURE__ */ new Date()).toISOString();
+  return `/*! Powered by ${s}.${r} Built at ${o} */`;
+}
+function g({ appName: e, appVersion: s, basePublicPath: r, projectDir: o, outputDir: n, serverPort: i, proxies: a }) {
   return {
     name: "vef-framework:conventional-config",
-    config(_, { command: l }) {
+    config(P, { command: u }) {
+      const c = u === "serve", l = n ?? "dist";
       return {
         appType: "spa",
         root: o,
         base: r,
-        publicDir: D,
-        envDir: h,
-        envPrefix: [f, v],
-        define: d(t, s, l === "serve"),
+        publicDir: f,
+        envDir: "env",
+        envPrefix: [p, m],
+        define: h(e, s, c),
         css: {
           transformer: "postcss",
           modules: {
@@ -30,24 +27,15 @@ function g({
             exportGlobals: !0,
             hashPrefix: "vef"
           },
-          postcss: E(),
-          preprocessorOptions: {
-            scss: {}
-          }
-        },
-        resolve: {
-          dedupe: ["react", "react-dom"]
-        },
-        optimizeDeps: {
-          exclude: [],
-          esbuildOptions: {
-            plugins: []
-          }
+          postcss: D(),
+          preprocessorOptions: { scss: {} }
         },
+        resolve: { dedupe: ["react", "react-dom"] },
+        optimizeDeps: {},
         build: {
-          outDir: i ?? c,
+          outDir: l,
           target: "es2024",
-          assetsDir: e,
+          assetsDir: t,
           assetsInlineLimit: 10240,
           reportCompressedSize: !1,
           chunkSizeWarningLimit: 5120,
@@ -56,20 +44,18 @@ function g({
           cssMinify: !0,
           sourcemap: !1,
           rollupOptions: {
-            input: {
-              main: "index.html"
-            },
+            input: { main: "index.html" },
             output: {
-              banner: `/*! Powered by VEF Framework v${m}.${s ? ` App version v${s}.` : ""} Built at ${(/* @__PURE__ */ new Date()).toISOString()} */`,
-              chunkFileNames: `${e}/js/[name]-[hash].js`,
-              entryFileNames: `${e}/js/[name]-[hash].js`,
-              assetFileNames: `${e}/[ext]/[name]-[hash].[ext]`,
-              manualChunks: u()
+              banner: E(s),
+              chunkFileNames: `${t}/js/[name]-[hash].js`,
+              entryFileNames: `${t}/js/[name]-[hash].js`,
+              assetFileNames: `${t}/[ext]/[name]-[hash].[ext]`,
+              manualChunks: d()
             }
           }
         },
         server: {
-          port: n || p,
+          port: i || 3833,
           strictPort: !0,
           host: !0,
           allowedHosts: !0,

package/dist/es/vite/plugin-eslint.js

@@ -1,5 +1,10 @@
 import e from "vite-plugin-eslint2";
-function r() {
+var r = ["*.{js,ts,json,yaml,md}", "src/**/*.{ts,tsx,json,yaml,md}"], t = [
+  "node_modules",
+  "virtual:",
+  "vef:"
+];
+function s() {
   return e({
     fix: !1,
     test: !1,
@@ -7,13 +12,13 @@ function r() {
     build: !1,
     cache: !0,
     cacheLocation: "node_modules/.cache/.eslintcache",
-    include: ["*.{js,ts,json,yaml,md}", "src/**/*.{ts,tsx,json,yaml,md}"],
-    exclude: ["node_modules", "virtual:", "vef:"],
+    include: r,
+    exclude: t,
     emitError: !0,
     emitWarning: !0,
     emitWarningAsError: !0
   });
 }
 export {
-  r as createEslintPlugin
+  s as createEslintPlugin
 };

package/dist/es/vite/plugin-html.js

@@ -1,5 +1,5 @@
 import { minify as o } from "html-minifier-terser";
-const i = "index.html", a = `
+var t = "index.html", a = `
 <!doctype html>
 <html lang="en">
   <head>
@@ -142,60 +142,57 @@ const i = "index.html", a = `
     <script type="module" src="src/main.ts"><\/script>
   </body>
 </html>
-`;
-function l() {
-  return [
-    {
-      name: "vef-framework:html",
-      resolveId(t) {
-        return t === i ? i : null;
-      },
-      load(t) {
-        return t === i ? a : null;
-      },
-      transformIndexHtml: {
-        order: "pre",
-        handler: () => a
-      }
+`, r = {
+  collapseBooleanAttributes: !0,
+  collapseInlineTagWhitespace: !0,
+  collapseWhitespace: !0,
+  conservativeCollapse: !1,
+  html5: !0,
+  keepClosingSlash: !0,
+  minifyCSS: !0,
+  minifyJS: !0,
+  minifyURLs: !0,
+  noNewlinesBeforeTagClose: !0,
+  quoteCharacter: '"',
+  removeAttributeQuotes: !1,
+  removeComments: !0,
+  removeEmptyAttributes: !0,
+  removeEmptyElements: !1,
+  removeOptionalTags: !1,
+  removeRedundantAttributes: !0,
+  removeScriptTypeAttributes: !1,
+  removeStyleLinkTypeAttributes: !1,
+  removeTagWhitespace: !1,
+  sortAttributes: !0,
+  sortClassName: !0,
+  trimCustomFragments: !0,
+  useShortDoctype: !0
+};
+function l(e) {
+  return e.type === "asset" && typeof e.source == "string" && e.fileName === t;
+}
+function d() {
+  return [{
+    name: "vef-framework:html",
+    resolveId(e) {
+      return e === t ? t : null;
     },
-    {
-      name: "vef-framework:html-minify",
-      enforce: "post",
-      async generateBundle(t, n) {
-        for (const e of Object.values(n))
-          e.type === "asset" && typeof e.source == "string" && e.fileName === i && (e.source = await o(
-            e.source,
-            {
-              collapseBooleanAttributes: !0,
-              collapseInlineTagWhitespace: !0,
-              collapseWhitespace: !0,
-              conservativeCollapse: !1,
-              keepClosingSlash: !0,
-              minifyCSS: !0,
-              minifyJS: !0,
-              minifyURLs: !0,
-              noNewlinesBeforeTagClose: !0,
-              quoteCharacter: '"',
-              removeAttributeQuotes: !1,
-              removeComments: !0,
-              removeEmptyAttributes: !0,
-              removeOptionalTags: !1,
-              removeRedundantAttributes: !0,
-              removeScriptTypeAttributes: !1,
-              removeTagWhitespace: !1,
-              removeEmptyElements: !1,
-              removeStyleLinkTypeAttributes: !1,
-              sortAttributes: !0,
-              sortClassName: !0,
-              trimCustomFragments: !0,
-              useShortDoctype: !0,
-              html5: !0
-            }
-          ));
-      }
+    load(e) {
+      return e === t ? a : null;
+    },
+    transformIndexHtml: {
+      order: "pre",
+      handler: () => a
+    }
+  }, {
+    name: "vef-framework:html-minify",
+    enforce: "post",
+    async generateBundle(e, n) {
+      for (const i of Object.values(n))
+        l(i) && (i.source = await o(i.source, r));
     }
-  ];
+  }];
 }
 export {
-  l as createHtmlPlugin
+  d as createHtmlPlugin
 };

package/dist/es/vite/plugin-icons.js

@@ -1,16 +1,17 @@
-import { resolve as e, dirname as l } from "node:path";
-import { fileURLToPath as r } from "node:url";
+import { dirname as e, resolve as r } from "node:path";
+import { fileURLToPath as l } from "node:url";
 import t from "unplugin-icons/vite";
-function n(o) {
+var a = e(l(import.meta.url));
+function c(o) {
   return t({
     autoInstall: !1,
     compiler: "jsx",
     jsx: "react",
     defaultClass: "inline-block",
     scale: 1.2,
-    collectionsNodeResolvePath: [o, e(l(r(import.meta.url)), "..")]
+    collectionsNodeResolvePath: [o, r(a, "..")]
   });
 }
 export {
-  n as createIconsPlugin
+  c as createIconsPlugin
 };

package/dist/es/vite/plugin-injection.js

@@ -1,15 +1,5 @@
 function e() {
-  return {
-    name: "vef-framework:injection"
-    //     transform(code, id) {
-    //       if (basename(dirname(id)) === "src" && basename(id).startsWith("main.ts")) {
-    //         return `import "@vef-react/components/styles.layer.css";
-    // import "@vef-react/starter/styles.layer.css";
-    // ${code}`;
-    //       }
-    //       return null;
-    //     }
-  };
+  return { name: "vef-framework:injection" };
 }
 export {
   e as createInjectionPlugin

package/dist/es/vite/plugin-react.js

@@ -1,66 +1,24 @@
-import c from "@vitejs/plugin-react";
-import e from "chalk";
-function d({
-  useEmotion: i = !1,
-  useCompiler: a = !0,
-  babelPlugins: t
-} = {}) {
-  return c({
-    babel: {
-      plugins: [
-        ...i ? [
-          [
-            "@emotion",
-            {
-              sourceMap: !0,
-              autoLabel: "never",
-              cssPropOptimization: !0
-            }
-          ]
-        ] : [],
-        ...a ? [
-          [
-            "react-compiler",
-            {
-              /**
-               * `annotation`: Only compile functions that are explicitly marked with "use memo"
-               * `infer`: Use smart heuristics to identify React components and hooks
-               * Compilation conditions:
-               * Functions explicitly marked with "use memo"
-               * Functions named according to component or hook conventions (PascalCase or use prefix) that create JSX or call other hooks
-               */
-              compilationMode: "infer",
-              panicThreshold: "none",
-              target: "19",
-              logger: {
-                logEvent(l, o) {
-                  switch (o.kind) {
-                    case "CompileSuccess":
-                      break;
-                    case "CompileError": {
-                      if (console.error(`${e.blueBright("[Compiler]")} ❌ ${e.redBright(`Skipped: ${l}`)}`), console.error(e.red(`Reason: ${o.detail.reason}`)), o.detail.description && console.error(e.red(`Details: ${o.detail.description}`)), o.detail.loc) {
-                        const { line: r, column: s } = o.detail.loc.start;
-                        console.error(e.red(`Location: Line ${r}, Column ${s}`));
-                      }
-                      o.detail.suggestions && console.error(e.yellow(`Suggestions: ${o.detail.suggestions.map((r) => r.description).join(" | ")}`));
-                      break;
-                    }
-                    case "CompileSkip":
-                      console.info(`${e.blueBright("[Compiler]")} ℹ️ ${e.gray(`Skipped: ${l}`)}`, o);
-                  }
-                }
-              }
-            }
-          ]
-        ] : [],
-        "jotai/babel/plugin-debug-label",
-        "jotai/babel/plugin-react-refresh",
-        ...t ?? []
-      ]
-    },
-    jsxImportSource: i ? "@emotion/react" : void 0
-  });
+import i from "@rolldown/plugin-babel";
+import n, { reactCompilerPreset as u } from "@vitejs/plugin-react";
+import o from "jotai-babel/preset";
+var a = ["@emotion", {
+  sourceMap: !0,
+  autoLabel: "never",
+  cssPropOptimization: !0
+}];
+function s(e, t) {
+  const r = [];
+  return e && r.push(a), t && r.push(...t), r;
+}
+function l(e) {
+  return e ? [o, u()] : [o];
+}
+function f({ useEmotion: e = !1, useCompiler: t = !0, babelPlugins: r } = {}) {
+  return [n({ jsxImportSource: e ? "@emotion/react" : void 0 }), i({
+    plugins: s(e, r),
+    presets: l(t)
+  })];
 }
 export {
-  d as createReactPlugin
+  f as createReactPlugin
 };

package/dist/es/vite/plugin-router.js

@@ -1,44 +1,51 @@
-import { resolve as t } from "node:path";
-import { tanstackRouter as n } from "@tanstack/router-plugin/vite";
-import { SRC_DIR as r, ROUTER_DIR as s, PAGES_DIR as u } from "./constants.js";
-function c(e, o = "browser") {
-  return n({
-    routesDirectory: t(e, r, u),
-    generatedRouteTree: t(e, r, s, "router.gen.ts"),
-    quoteStyle: "double",
-    semicolons: !0,
-    disableTypes: !1,
-    addExtensions: !1,
-    disableLogging: !1,
-    routeFileIgnorePattern: "components|hooks|helpers|store|states|types|styles",
-    indexToken: "index",
-    routeToken: "route",
-    enableRouteGeneration: !0,
-    autoCodeSplitting: !0,
-    routeTreeFileHeader: [
-      "/* eslint-disable */",
-      "// @ts-nocheck",
-      "// noinspection JSUnusedGlobalSymbols",
-      'import { createRouter } from "@vef-framework/starter";',
-      'import { routerContext as context } from "./context";'
-    ],
-    routeTreeFileFooter: [
-      `const router = createRouter({
-  history: "${o}",
+import { PAGES_DIR as o, ROUTER_DIR as n } from "./constants.js";
+import { resolve as r } from "node:path";
+import { tanstackRouter as u } from "@tanstack/router-plugin/vite";
+var s = "components|hooks|helpers|store|states|types|styles";
+function a() {
+  return [
+    "/* eslint-disable */",
+    "// @ts-nocheck",
+    "// noinspection JSUnusedGlobalSymbols",
+    'import { createRouter } from "@vef-framework/starter";',
+    'import { routerContext as context } from "./context";'
+  ];
+}
+function i(e) {
+  return [
+    `const router = createRouter({
+  history: "${e}",
   routeTree,
   context
 });
 `,
-      `declare module "@tanstack/react-router" {
+    `declare module "@tanstack/react-router" {
   interface Register {
   router: typeof router;
 }
 }
 `,
-      "export default router;"
-    ]
+    "export default router;"
+  ];
+}
+function R(e, t = "browser") {
+  return u({
+    routesDirectory: r(e, "src", o),
+    generatedRouteTree: r(e, "src", n, "router.gen.ts"),
+    quoteStyle: "double",
+    semicolons: !0,
+    disableTypes: !1,
+    addExtensions: !1,
+    disableLogging: !1,
+    routeFileIgnorePattern: s,
+    indexToken: "index",
+    routeToken: "route",
+    enableRouteGeneration: !0,
+    autoCodeSplitting: !0,
+    routeTreeFileHeader: a(),
+    routeTreeFileFooter: i(t)
   });
 }
 export {
-  c as createRouterPlugin
+  R as createRouterPlugin
 };

package/dist/es/vite/plugin-stylelint.js

@@ -1,5 +1,10 @@
 import e from "vite-plugin-stylelint";
-function r() {
+var r = ["src/**/*.{css,scss}"], t = [
+  "node_modules",
+  "virtual:",
+  "vef:"
+];
+function i() {
   return e({
     fix: !1,
     test: !1,
@@ -7,13 +12,13 @@ function r() {
     build: !1,
     cache: !0,
     cacheLocation: "node_modules/.cache/.stylelintcache",
-    include: ["src/**/*.{css,scss}"],
-    exclude: ["node_modules", "virtual:", "vef:"],
+    include: r,
+    exclude: t,
     emitError: !0,
     emitWarning: !0,
     emitWarningAsError: !0
   });
 }
 export {
-  r as createStylelintPlugin
+  i as createStylelintPlugin
 };

package/dist/es/vite/plugin-svgr.js

@@ -8,10 +8,7 @@ function s() {
       jsx: "automatic"
     },
     svgrOptions: {
-      plugins: [
-        "@svgr/plugin-svgo",
-        "@svgr/plugin-jsx"
-      ],
+      plugins: ["@svgr/plugin-svgo", "@svgr/plugin-jsx"],
       icon: !1,
       dimensions: !1,
       prettier: !0,
@@ -31,9 +28,7 @@ function s() {
           "preset-default",
           {
             name: "prefixIds",
-            params: {
-              prefix: "vef"
-            }
+            params: { prefix: "vef" }
           },
           {
             name: "cleanupIds",

package/dist/es/vite/plugin-tsconfig-paths.js

@@ -1,9 +1,6 @@
-import o from "vite-tsconfig-paths";
-function n(t) {
-  return o({
-    root: t
-  });
+function t() {
+  return { tsconfigPaths: !0 };
 }
 export {
-  n as createTsconfigPathsPlugin
+  t as createTsconfigPathsResolveConfig
 };

package/dist/types/src/lint/commitlint.d.ts

@@ -0,0 +1,2 @@
+import { UserConfig } from '@commitlint/types';
+export declare function defineCommitlintConfig(): UserConfig;

package/dist/types/src/lint/local-react-plugin.d.ts

@@ -0,0 +1,29 @@
+import { Linter, Rule } from 'eslint';
+export declare const localReactPlugin: {
+    rules: {
+        "jsx-no-duplicate-props": {
+            create(context: Rule.RuleContext): {
+                JSXOpeningElement(node: unknown): void;
+            };
+            meta: {
+                docs: {
+                    description: string;
+                };
+                messages: {
+                    noDuplicateProps: string;
+                };
+                schema: {
+                    additionalProperties: false;
+                    properties: {
+                        ignoreCase: {
+                            type: "boolean";
+                        };
+                    };
+                    type: "object";
+                }[];
+                type: "problem";
+            };
+        };
+    };
+};
+export declare const localReactRules: Linter.RulesRecord;

package/dist/types/src/lint/stylelint.d.ts

@@ -0,0 +1,2 @@
+import { Config } from 'stylelint';
+export declare function defineStylelintConfig(): Config;

package/dist/types/{vite → src/vite}/chunks.d.ts

@@ -1,10 +1,5 @@
 import { UnionToTuple } from 'type-fest';
 import { BuildEnvironmentOptions } from 'vite';
 type ManualChunksOption = NonNullable<UnionToTuple<NonNullable<NonNullable<BuildEnvironmentOptions["rollupOptions"]>["output"]>>[0]["manualChunks"]>;
-/**
- * Create the chunks config
- *
- * @returns The chunks config
- */
 export declare function createChunksConfig(): ManualChunksOption;
 export {};

package/dist/types/src/vite/config.d.ts

@@ -0,0 +1,12 @@
+import { PluginOption, ProxyOptions, UserConfig, UserConfigExport } from 'vite';
+import { AutoEnhancePlugin } from './plugin-auto-enhance';
+import { ReactPluginOptions } from './plugin-react';
+export interface DefineConfigOptions {
+    resolve?: Pick<NonNullable<UserConfig["resolve"]>, "alias" | "conditions">;
+    plugins?: PluginOption[];
+    autoEnhancePlugins?: AutoEnhancePlugin[];
+    routerHistory?: "hash" | "browser";
+    react?: ReactPluginOptions;
+    proxies?: Record<string, string | ProxyOptions>;
+}
+export declare function defineViteConfig(options?: DefineConfigOptions): UserConfigExport;

package/dist/types/src/vite/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const VEF_FRAMEWORK_VERSION = "1.0.0";
+export declare const PUBLIC_DIR = "public";
+export declare const ENV_DIR = "env";
+export declare const ASSETS_DIR = "assets";
+export declare const ENV_APP_PREFIX = "VEF_APP_";
+export declare const ENV_BUILD_PREFIX = "VEF_BUILD_";
+export declare const SRC_DIR = "src";
+export declare const DEFAULT_OUTPUT_DIR = "dist";
+export declare const DEFAULT_SERVER_PORT = 3833;
+export declare const DEFAULT_APP_NAME = "APP";
+export declare const PAGES_DIR = "pages";
+export declare const ROUTER_DIR = "router";

package/dist/types/src/vite/define.d.ts

@@ -0,0 +1,4 @@
+import { UserConfig } from 'vite';
+type DefineConfig = NonNullable<UserConfig["define"]>;
+export declare function defineConstants(appName: string | undefined, appVersion: string, isDev: boolean): DefineConfig;
+export {};

package/dist/types/src/vite/plugin-app-config.d.ts

@@ -0,0 +1,19 @@
+import { PluginOption } from 'vite';
+export interface PluginAppConfigOptions {
+    /**
+     * The base public path
+     */
+    basePublicPath?: string;
+    /**
+     * The output directory of the build
+     */
+    outputDir?: string;
+    /**
+     * The name of the app
+     */
+    appName?: string;
+}
+/**
+ * Create the app config plugin for runtime configuration injection
+ */
+export declare function createAppConfigPlugin({ basePublicPath, outputDir, appName }: PluginAppConfigOptions): PluginOption;

package/dist/types/{vite → src/vite}/plugin-auto-enhance/core.d.ts

@@ -8,28 +8,13 @@ export declare class AutoEnhanceCore {
     private plugins;
     private options;
     constructor(options?: Except<AutoEnhanceOptions, "plugins">);
-    /**
-     * Register a sub-plugin
-     */
     registerPlugin(plugin: AutoEnhancePlugin): void;
-    /**
-     * Register multiple sub-plugins
-     */
     registerPlugins(plugins: AutoEnhancePlugin[]): void;
-    /**
-     * Check if file should be processed
-     */
-    private shouldProcessFile;
-    /**
-     * Create processing context
-     */
-    private createTransformationContext;
-    /**
-     * Execute transformation
-     */
-    transform(code: string, id: string): TransformResult | null;
-    /**
-     * Get registered plugin information
-     */
     getRegisteredPlugins(): Array<Pick<AutoEnhancePlugin, "name" | "description">>;
+    transform(code: string, id: string): TransformResult | null;
+    private shouldProcessFile;
+    private buildTransformInfo;
+    private executeTransform;
+    private getActivePlugins;
+    private runPlugins;
 }