@wrrdev/fenix-ui 1.0.4 → 1.0.5

package/dist/fenix-ui3.esm.js

@@ -0,0 +1,82 @@
+const fenixComponentMap = {
+  "fx-button": "@wrrdev/fenix-ui/button",
+  "fx-badge": "@wrrdev/fenix-ui/badge",
+  "fx-spinner": "@wrrdev/fenix-ui/spinner",
+  "fx-select": "@wrrdev/fenix-ui/select",
+  "fx-multiselect": "@wrrdev/fenix-ui/multiselect",
+  "fx-input": "@wrrdev/fenix-ui/input",
+  "fx-switch": "@wrrdev/fenix-ui/switch",
+  "fx-calendar": "@wrrdev/fenix-ui/calendar",
+  "fx-datepicker": "@wrrdev/fenix-ui/datepicker",
+  "fx-checkbox": "@wrrdev/fenix-ui/checkbox",
+  "fx-radio": "@wrrdev/fenix-ui/radio",
+  "fx-table": "@wrrdev/fenix-ui/table",
+  "fx-floatlabel": "@wrrdev/fenix-ui/floatlabel",
+  "fx-textarea": "@wrrdev/fenix-ui/textarea",
+  "fx-dialog": "@wrrdev/fenix-ui/dialog",
+  "fx-drawer": "@wrrdev/fenix-ui/drawer",
+  "fx-toast": "@wrrdev/fenix-ui/toast",
+  "fx-tooltip": "@wrrdev/fenix-ui/tooltip",
+  "fx-tabs": "@wrrdev/fenix-ui/tabs",
+  "fx-tab-panel": "@wrrdev/fenix-ui/tabs",
+  "fx-progress": "@wrrdev/fenix-ui/progress",
+  "fx-skeleton": "@wrrdev/fenix-ui/skeleton",
+  "fx-alert": "@wrrdev/fenix-ui/alert",
+  "fx-dropdown": "@wrrdev/fenix-ui/dropdown",
+  "fx-dropdown-item": "@wrrdev/fenix-ui/dropdown",
+  "fx-pagination": "@wrrdev/fenix-ui/pagination",
+  "fx-autocomplete": "@wrrdev/fenix-ui/autocomplete"
+};
+const TAG_RE = /<(fx-[a-z][a-z-]*)(?=[\s/>])/g;
+function transformSource(code, options = {}) {
+  const pkg = options.packageName ?? "@wrrdev/fenix-ui";
+  const resolve = (sub) => pkg === "@wrrdev/fenix-ui" ? sub : sub.replace("@wrrdev/fenix-ui", pkg);
+  const needed = /* @__PURE__ */ new Set();
+  for (const m of code.matchAll(TAG_RE)) {
+    const sub = fenixComponentMap[m[1]];
+    if (sub) {
+      const target = resolve(sub);
+      if (!code.includes(`'${target}'`) && !code.includes(`"${target}"`)) {
+        needed.add(target);
+      }
+    }
+  }
+  if (!needed.size) return code;
+  const lines = [...needed].map((s) => `import '${s}';`);
+  const vueScript = /(<script[^>]*>)\n/.exec(code);
+  if (vueScript) {
+    return code.replace(vueScript[0], `${vueScript[1]}
+${lines.join("\n")}
+`);
+  }
+  let lastEnd = -1;
+  for (const m of code.matchAll(/^[ \t]*import\b[^;]*?['"][^'"]+['"];?[^\S\n]*$/gm)) {
+    lastEnd = Math.max(lastEnd, m.index + m[0].length);
+  }
+  if (lastEnd === -1) return `${lines.join("\n")}
+${code}`;
+  return `${code.slice(0, lastEnd)}
+${lines.join("\n")}${code.slice(lastEnd)}`;
+}
+function shouldTransform(id) {
+  return !id.includes("node_modules") && !id.endsWith(".d.ts") && !id.endsWith(".css") && /\.(ts|js|tsx|jsx|vue|html|svelte)$/.test(id);
+}
+function FenixAutoImport(options = {}) {
+  return {
+    name: "fenix-ui-auto-import",
+    enforce: "pre",
+    transform(code, id) {
+      if (!shouldTransform(id)) return void 0;
+      const result = transformSource(code, options);
+      if (result === code) return void 0;
+      return { code: result, map: null };
+    }
+  };
+}
+export {
+  FenixAutoImport,
+  fenixComponentMap,
+  shouldTransform,
+  transformSource
+};
+//# sourceMappingURL=fenix-ui3.esm.js.map

package/dist/fenix-ui3.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fenix-ui3.esm.js","sources":["../src/plugins/auto-import.ts","../src/plugins/index.ts"],"sourcesContent":["/**\r\n * Registro de tags → subpaths para o auto-import.\r\n * Mantido em um módulo próprio (sem depender de DOM) para ser usado\r\n * também no build do cliente via plugin.\r\n */\r\nexport const fenixComponentMap: Record<string, string> = {\r\n  'fx-button': '@wrrdev/fenix-ui/button',\r\n  'fx-badge': '@wrrdev/fenix-ui/badge',\r\n  'fx-spinner': '@wrrdev/fenix-ui/spinner',\r\n  'fx-select': '@wrrdev/fenix-ui/select',\r\n  'fx-multiselect': '@wrrdev/fenix-ui/multiselect',\r\n  'fx-input': '@wrrdev/fenix-ui/input',\r\n  'fx-switch': '@wrrdev/fenix-ui/switch',\r\n  'fx-calendar': '@wrrdev/fenix-ui/calendar',\r\n  'fx-datepicker': '@wrrdev/fenix-ui/datepicker',\r\n  'fx-checkbox': '@wrrdev/fenix-ui/checkbox',\r\n  'fx-radio': '@wrrdev/fenix-ui/radio',\r\n  'fx-table': '@wrrdev/fenix-ui/table',\r\n  'fx-floatlabel': '@wrrdev/fenix-ui/floatlabel',\r\n  'fx-textarea': '@wrrdev/fenix-ui/textarea',\r\n  'fx-dialog': '@wrrdev/fenix-ui/dialog',\r\n  'fx-drawer': '@wrrdev/fenix-ui/drawer',\r\n  'fx-toast': '@wrrdev/fenix-ui/toast',\r\n  'fx-tooltip': '@wrrdev/fenix-ui/tooltip',\r\n  'fx-tabs': '@wrrdev/fenix-ui/tabs',\r\n  'fx-tab-panel': '@wrrdev/fenix-ui/tabs',\r\n  'fx-progress': '@wrrdev/fenix-ui/progress',\r\n  'fx-skeleton': '@wrrdev/fenix-ui/skeleton',\r\n  'fx-alert': '@wrrdev/fenix-ui/alert',\r\n  'fx-dropdown': '@wrrdev/fenix-ui/dropdown',\r\n  'fx-dropdown-item': '@wrrdev/fenix-ui/dropdown',\r\n    'fx-pagination': '@wrrdev/fenix-ui/pagination',\r\n  'fx-autocomplete': '@wrrdev/fenix-ui/autocomplete',\r\n};\r\n\r\nconst TAG_RE = /<(fx-[a-z][a-z-]*)(?=[\\s/>])/g;\r\n\r\nexport interface AutoImportOptions {\r\n  /** Prefixo do pacote (padrão '@wrrdev/fenix-ui'). */\r\n  packageName?: string;\r\n}\r\n\r\n/**\r\n * Injeta `import '<subpath>'` para cada componente fx-* usado no código\r\n * que ainda não foi importado. Retorna o código transformado ou o original.\r\n */\r\nexport function transformSource(code: string, options: AutoImportOptions = {}): string {\r\n  const pkg = options.packageName ?? '@wrrdev/fenix-ui';\r\n  // Subpaths do mapa são reescritos quando um pacote custom é informado.\r\n  const resolve = (sub: string): string =>\r\n    pkg === '@wrrdev/fenix-ui' ? sub : sub.replace('@wrrdev/fenix-ui', pkg);\r\n\r\n  // Componentes usados e ainda não importados explicitamente.\r\n  const needed = new Set<string>();\r\n  for (const m of code.matchAll(TAG_RE)) {\r\n    const sub = fenixComponentMap[m[1]];\r\n    if (sub) {\r\n      const target = resolve(sub);\r\n      if (!code.includes(`'${target}'`) && !code.includes(`\"${target}\"`)) {\r\n        needed.add(target);\r\n      }\r\n    }\r\n  }\r\n  if (!needed.size) return code;\r\n\r\n  const lines = [...needed].map((s) => `import '${s}';`);\r\n\r\n  // Arquivo único (.vue): injeta logo após a abertura do <script>.\r\n  const vueScript = /(<script[^>]*>)\\n/.exec(code);\r\n  if (vueScript) {\r\n    return code.replace(vueScript[0], `${vueScript[1]}\\n${lines.join('\\n')}\\n`);\r\n  }\r\n\r\n  // TS/JS: injeta após o último import existente (ou no topo).\r\n  let lastEnd = -1;\r\n  for (const m of code.matchAll(/^[ \\t]*import\\b[^;]*?['\"][^'\"]+['\"];?[^\\S\\n]*$/gm)) {\r\n    lastEnd = Math.max(lastEnd, m.index + m[0].length);\r\n  }\r\n  if (lastEnd === -1) return `${lines.join('\\n')}\\n${code}`;\r\n  return `${code.slice(0, lastEnd)}\\n${lines.join('\\n')}${code.slice(lastEnd)}`;\r\n}\r\n\r\n/** Verifica se o arquivo deve ser transformado. */\r\nexport function shouldTransform(id: string): boolean {\r\n  return (\r\n    !id.includes('node_modules') &&\r\n    !id.endsWith('.d.ts') &&\r\n    !id.endsWith('.css') &&\r\n    /\\.(ts|js|tsx|jsx|vue|html|svelte)$/.test(id)\r\n  );\r\n}\r\n\r\n","/**\n * Plugin de AUTO-IMPORT para Vite/Rollup.\n *\n * O usuário escreve apenas `<fx-button>`, `<fx-select>` etc. no template/código;\n * este plugin detecta as tags em tempo de build e injeta os imports dos\n * subpaths correspondentes — mantendo o tree-shaking (só entra no bundle\n * o que é usado).\n *\n * Uso no projeto do cliente (vite.config.ts):\n *   import { FenixAutoImport } from '@wrrdev/fenix-ui/auto-import';\n *   export default { plugins: [FenixAutoImport()] };\n */\nimport {\n  transformSource,\n  shouldTransform,\n  type AutoImportOptions,\n} from './auto-import';\n\nexport interface FenixPlugin {\n  name: string;\n  enforce: 'pre';\n  transform: (\n    code: string,\n    id: string,\n  ) => { code: string; map: null } | undefined;\n}\n\nexport function FenixAutoImport(options: AutoImportOptions = {}): FenixPlugin {\n  return {\n    name: 'fenix-ui-auto-import',\n    enforce: 'pre',\n    transform(code, id) {\n      if (!shouldTransform(id)) return undefined;\n      const result = transformSource(code, options);\n      if (result === code) return undefined;\n      return { code: result, map: null };\n    },\n  };\n}\n\nexport { transformSource, shouldTransform, fenixComponentMap } from './auto-import';\nexport type { AutoImportOptions } from './auto-import';\n"],"names":[],"mappings":"AAKO,MAAM,oBAA4C;AAAA,EACvD,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,oBAAoB;AAAA,EAClB,iBAAiB;AAAA,EACnB,mBAAmB;AACrB;AAEA,MAAM,SAAS;AAWR,SAAS,gBAAgB,MAAc,UAA6B,IAAY;AACrF,QAAM,MAAM,QAAQ,eAAe;AAEnC,QAAM,UAAU,CAAC,QACf,QAAQ,qBAAqB,MAAM,IAAI,QAAQ,oBAAoB,GAAG;AAGxE,QAAM,6BAAa,IAAA;AACnB,aAAW,KAAK,KAAK,SAAS,MAAM,GAAG;AACrC,UAAM,MAAM,kBAAkB,EAAE,CAAC,CAAC;AAClC,QAAI,KAAK;AACP,YAAM,SAAS,QAAQ,GAAG;AAC1B,UAAI,CAAC,KAAK,SAAS,IAAI,MAAM,GAAG,KAAK,CAAC,KAAK,SAAS,IAAI,MAAM,GAAG,GAAG;AAClE,eAAO,IAAI,MAAM;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACA,MAAI,CAAC,OAAO,KAAM,QAAO;AAEzB,QAAM,QAAQ,CAAC,GAAG,MAAM,EAAE,IAAI,CAAC,MAAM,WAAW,CAAC,IAAI;AAGrD,QAAM,YAAY,oBAAoB,KAAK,IAAI;AAC/C,MAAI,WAAW;AACb,WAAO,KAAK,QAAQ,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC;AAAA,EAAK,MAAM,KAAK,IAAI,CAAC;AAAA,CAAI;AAAA,EAC5E;AAGA,MAAI,UAAU;AACd,aAAW,KAAK,KAAK,SAAS,kDAAkD,GAAG;AACjF,cAAU,KAAK,IAAI,SAAS,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM;AAAA,EACnD;AACA,MAAI,YAAY,GAAI,QAAO,GAAG,MAAM,KAAK,IAAI,CAAC;AAAA,EAAK,IAAI;AACvD,SAAO,GAAG,KAAK,MAAM,GAAG,OAAO,CAAC;AAAA,EAAK,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,MAAM,OAAO,CAAC;AAC7E;AAGO,SAAS,gBAAgB,IAAqB;AACnD,SACE,CAAC,GAAG,SAAS,cAAc,KAC3B,CAAC,GAAG,SAAS,OAAO,KACpB,CAAC,GAAG,SAAS,MAAM,KACnB,qCAAqC,KAAK,EAAE;AAEhD;AC/DO,SAAS,gBAAgB,UAA6B,IAAiB;AAC5E,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,UAAU,MAAM,IAAI;AAClB,UAAI,CAAC,gBAAgB,EAAE,EAAG,QAAO;AACjC,YAAM,SAAS,gBAAgB,MAAM,OAAO;AAC5C,UAAI,WAAW,KAAM,QAAO;AAC5B,aAAO,EAAE,MAAM,QAAQ,KAAK,KAAA;AAAA,IAC9B;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,19 +1,24 @@
 {
   "name": "@wrrdev/fenix-ui",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "FenixUI Design System Web nativo (Web Components + Shadow DOM + Design Tokens) com tree-shaking por componente.",
   "type": "module",
   "license": "ISC",
-  "keywords":["UI", "UX", "Componentes", "Fenix", "FenixUI"],
-    "files": [
+  "keywords": [
+    "UI",
+    "UX",
+    "Componentes",
+    "Fenix",
+    "FenixUI"
+  ],
+  "files": [
     "dist",
     "README.md"
   ],
-    "publishConfig": {
+  "publishConfig": {
     "access": "public",
     "tag": "latest"
   },
-
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -143,6 +148,10 @@
       "types": "./dist/core/jsx.d.ts",
       "import": "./dist/core/jsx.js"
     },
+    "./vue": {
+      "types": "./dist/core/vue.d.ts",
+      "import": "./dist/core/vue.js"
+    },
     "./components/*": {
       "types": "./dist/components/*/index.d.ts",
       "import": "./dist/components/*/index.js"
@@ -163,11 +172,14 @@
     "publish": "npm publish --access public --tag latest"
   },
   "devDependencies": {
+    "@babel/types": "^8.0.4",
     "@types/node": "^22.7.4",
     "jsdom": "^25.0.1",
     "typescript": "^5.6.2",
     "vite": "^5.4.8",
-    "vitest": "^2.1.2"
+    "vitest": "^2.1.2",
+    "vue": "^3.5.13",
+    "vue-tsc": "^3.0.4"
   },
   "dependencies": {
     "postcss": "^8.5.26"