@fluenti/react 0.3.4 → 0.4.0-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluenti/react",
-  "version": "0.3.4",
+  "version": "0.4.0-rc.0",
   "type": "module",
   "description": "React bindings for Fluenti — I18nProvider, useI18n, Trans/Plural/Select components",
   "homepage": "https://fluenti.dev",
@@ -16,6 +16,10 @@
   "publishConfig": {
     "access": "public"
   },
+  "sideEffects": [
+    "./dist/index.js",
+    "./dist/index.cjs"
+  ],
   "keywords": [
     "i18n",
     "internationalization",
@@ -40,6 +44,16 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./components": {
+      "import": {
+        "types": "./dist/components-entry.d.ts",
+        "default": "./dist/components-entry.js"
+      },
+      "require": {
+        "types": "./dist/components-entry.d.ts",
+        "default": "./dist/components-entry.cjs"
+      }
+    },
     "./server": {
       "import": {
         "types": "./dist/server.d.ts",
@@ -75,8 +89,8 @@
     }
   },
   "dependencies": {
-    "@fluenti/core": "0.3.4",
-    "@fluenti/vite-plugin": "0.3.4"
+    "@fluenti/core": "0.4.0-rc.0",
+    "@fluenti/vite-plugin": "0.4.0-rc.0"
   },
   "devDependencies": {
     "typescript": "^5.9",

package/dist/icu-rich-C9wQm3XF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icu-rich-C9wQm3XF.js","names":[],"sources":["../src/components/trans-core.ts","../src/components/icu-rich.tsx"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  cloneElement,\n  createElement,\n  Fragment,\n  type ReactNode,\n  type ReactElement,\n} from 'react'\nimport { hashMessage, offsetIndices } from '@fluenti/core/internal'\n\nexport { hashMessage }\n\n/**\n * Extract a message string and component list from React children.\n *\n * Converts:\n *   <Trans>Hello <b>{name}</b>, welcome!</Trans>\n * Into:\n *   message: \"Hello <0>{name}</0>, welcome!\"\n *   components: [<b>{name}</b>]\n *\n * @internal\n */\nexport function extractMessage(children: ReactNode): {\n  message: string\n  components: ReactElement[]\n} {\n  const components: ReactElement[] = []\n  let message = ''\n\n  Children.forEach(children, (child) => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      message += String(child)\n    } else if (isValidElement(child)) {\n      if (child.type === Fragment) {\n        const inner = extractMessage((child.props as { children?: ReactNode }).children)\n        message += offsetIndices(inner.message, components.length)\n        components.push(...inner.components)\n        return\n      }\n\n      const idx = components.length\n      const inner = extractMessage((child.props as { children?: ReactNode }).children)\n      components.push(child)\n      components.push(...inner.components)\n      if (inner.message === '' && inner.components.length === 0) {\n        message += `<${idx}/>`\n      } else {\n        message += `<${idx}>${offsetIndices(inner.message, idx + 1)}</${idx}>`\n      }\n    }\n  })\n\n  return { message, components }\n}\n\n/**\n * Reconstruct a translated message string back into React elements.\n *\n * Parses \"<0>content</0>\" tags and replaces them with cloned components.\n *\n * @internal\n */\nexport function reconstruct(\n  translated: string,\n  components: ReactElement[],\n): ReactNode {\n  const COMBINED_RE = /<(\\d+)(?:\\/>|(>)([\\s\\S]*?)<\\/\\1>)/g\n  const result: ReactNode[] = []\n  let lastIndex = 0\n  let keyCounter = 0\n  let match: RegExpExecArray | null\n\n  COMBINED_RE.lastIndex = 0\n  match = COMBINED_RE.exec(translated)\n\n  while (match !== null) {\n    if (match.index > lastIndex) {\n      result.push(translated.slice(lastIndex, match.index))\n    }\n\n    const idx = Number(match[1])\n    const isSelfClosing = match[2] === undefined\n    const innerText = match[3] ?? ''\n    const component = components[idx]\n\n    if (component) {\n      // Use keyCounter (not idx) so duplicate component indices get unique keys\n      const key = `trans-${keyCounter++}`\n      if (isSelfClosing) {\n        result.push(cloneElement(component, { key }))\n      } else {\n        const innerContent = reconstruct(innerText, components)\n        result.push(cloneElement(component, { key }, innerContent))\n      }\n    } else {\n      // Only push non-empty text to avoid inserting blank DOM nodes\n      if (innerText) result.push(innerText)\n    }\n\n    lastIndex = COMBINED_RE.lastIndex\n    match = COMBINED_RE.exec(translated)\n  }\n\n  if (lastIndex < translated.length) {\n    result.push(translated.slice(lastIndex))\n  }\n\n  return result.length === 1 ? result[0]! : createElement(Fragment, null, ...result)\n}\n","import type { MessageDescriptor } from '@fluenti/core'\nimport {\n  buildICUPluralMessage,\n  buildICUSelectMessage,\n  normalizeSelectForms,\n  offsetIndices,\n} from '@fluenti/core/internal'\nimport type { ReactElement, ReactNode } from 'react'\nimport { extractMessage, reconstruct } from './trans-core'\n\nexport { buildICUPluralMessage, buildICUSelectMessage, normalizeSelectForms }\n\nexport interface RichMessagePart {\n  message: string\n  components: ReactElement[]\n}\n\nexport function serializeRichNode(node: ReactNode): RichMessagePart {\n  const extracted = extractMessage(node)\n  return {\n    message: extracted.message,\n    components: extracted.components,\n  }\n}\n\nexport function serializeRichForms<T extends string>(\n  keys: readonly T[],\n  forms: Partial<Record<T, ReactNode>> & Record<string, ReactNode | undefined>,\n): {\n  messages: Partial<Record<T, string>> & Record<string, string>\n  components: ReactElement[]\n} {\n  const components: ReactElement[] = []\n  const messages: Record<string, string> = {}\n\n  for (const key of keys) {\n    const value = forms[key]\n    if (value === undefined) continue\n    const extracted = serializeRichNode(value)\n    messages[key] = offsetIndices(extracted.message, components.length)\n    components.push(...extracted.components)\n  }\n\n  for (const [key, value] of Object.entries(forms)) {\n    if (keys.includes(key as T) || value === undefined) continue\n    const extracted = serializeRichNode(value)\n    messages[key] = offsetIndices(extracted.message, components.length)\n    components.push(...extracted.components)\n  }\n\n  return { messages: messages as Partial<Record<T, string>> & Record<string, string>, components }\n}\n\nexport function renderRichTranslation(\n  descriptor: MessageDescriptor,\n  values: Record<string, unknown> | undefined,\n  translate: (descriptor: MessageDescriptor, values?: Record<string, unknown>) => string,\n  components: ReactElement[],\n): ReactNode {\n  const translated = translate(descriptor, values)\n  return components.length > 0 ? reconstruct(translated, components) : translated\n}\n"],"mappings":";;;AAwBA,SAAgB,EAAe,GAG7B;CACA,IAAM,IAA6B,EAAE,EACjC,IAAU;AAyBd,QAvBA,EAAS,QAAQ,IAAW,MAAU;AACpC,MAAI,OAAO,KAAU,YAAY,OAAO,KAAU,SAChD,MAAW,OAAO,EAAM;WACf,EAAe,EAAM,EAAE;AAChC,OAAI,EAAM,SAAS,GAAU;IAC3B,IAAM,IAAQ,EAAgB,EAAM,MAAmC,SAAS;AAEhF,IADA,KAAW,EAAc,EAAM,SAAS,EAAW,OAAO,EAC1D,EAAW,KAAK,GAAG,EAAM,WAAW;AACpC;;GAGF,IAAM,IAAM,EAAW,QACjB,IAAQ,EAAgB,EAAM,MAAmC,SAAS;AAGhF,GAFA,EAAW,KAAK,EAAM,EACtB,EAAW,KAAK,GAAG,EAAM,WAAW,EAChC,EAAM,YAAY,MAAM,EAAM,WAAW,WAAW,IACtD,KAAW,IAAI,EAAI,MAEnB,KAAW,IAAI,EAAI,GAAG,EAAc,EAAM,SAAS,IAAM,EAAE,CAAC,IAAI,EAAI;;GAGxE,EAEK;EAAE;EAAS;EAAY;;AAUhC,SAAgB,EACd,GACA,GACW;CACX,IAAM,IAAc,sCACd,IAAsB,EAAE,EAC1B,IAAY,GACZ,IAAa,GACb;AAKJ,MAHA,EAAY,YAAY,GACxB,IAAQ,EAAY,KAAK,EAAW,EAE7B,MAAU,OAAM;AACrB,EAAI,EAAM,QAAQ,KAChB,EAAO,KAAK,EAAW,MAAM,GAAW,EAAM,MAAM,CAAC;EAGvD,IAAM,IAAM,OAAO,EAAM,GAAG,EACtB,IAAgB,EAAM,OAAO,KAAA,GAC7B,IAAY,EAAM,MAAM,IACxB,IAAY,EAAW;AAE7B,MAAI,GAAW;GAEb,IAAM,IAAM,SAAS;AACrB,OAAI,EACF,GAAO,KAAK,EAAa,GAAW,EAAE,QAAK,CAAC,CAAC;QACxC;IACL,IAAM,IAAe,EAAY,GAAW,EAAW;AACvD,MAAO,KAAK,EAAa,GAAW,EAAE,QAAK,EAAE,EAAa,CAAC;;SAIzD,KAAW,EAAO,KAAK,EAAU;AAIvC,EADA,IAAY,EAAY,WACxB,IAAQ,EAAY,KAAK,EAAW;;AAOtC,QAJI,IAAY,EAAW,UACzB,EAAO,KAAK,EAAW,MAAM,EAAU,CAAC,EAGnC,EAAO,WAAW,IAAI,EAAO,KAAM,EAAc,GAAU,MAAM,GAAG,EAAO;;;;AC5FpF,SAAgB,EAAkB,GAAkC;CAClE,IAAM,IAAY,EAAe,EAAK;AACtC,QAAO;EACL,SAAS,EAAU;EACnB,YAAY,EAAU;EACvB;;AAGH,SAAgB,EACd,GACA,GAIA;CACA,IAAM,IAA6B,EAAE,EAC/B,IAAmC,EAAE;AAE3C,MAAK,IAAM,KAAO,GAAM;EACtB,IAAM,IAAQ,EAAM;AACpB,MAAI,MAAU,KAAA,EAAW;EACzB,IAAM,IAAY,EAAkB,EAAM;AAE1C,EADA,EAAS,KAAO,EAAc,EAAU,SAAS,EAAW,OAAO,EACnE,EAAW,KAAK,GAAG,EAAU,WAAW;;AAG1C,MAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,EAAM,EAAE;AAChD,MAAI,EAAK,SAAS,EAAS,IAAI,MAAU,KAAA,EAAW;EACpD,IAAM,IAAY,EAAkB,EAAM;AAE1C,EADA,EAAS,KAAO,EAAc,EAAU,SAAS,EAAW,OAAO,EACnE,EAAW,KAAK,GAAG,EAAU,WAAW;;AAG1C,QAAO;EAAY;EAAiE;EAAY;;AAGlG,SAAgB,EACd,GACA,GACA,GACA,GACW;CACX,IAAM,IAAa,EAAU,GAAY,EAAO;AAChD,QAAO,EAAW,SAAS,IAAI,EAAY,GAAY,EAAW,GAAG"}

package/dist/icu-rich-DQtv128R.cjs

@@ -1,2 +0,0 @@
-let e=require(`react`),t=require(`@fluenti/core/internal`);function n(r){let i=[],a=``;return e.Children.forEach(r,r=>{if(typeof r==`string`||typeof r==`number`)a+=String(r);else if((0,e.isValidElement)(r)){if(r.type===e.Fragment){let e=n(r.props.children);a+=(0,t.offsetIndices)(e.message,i.length),i.push(...e.components);return}let o=i.length,s=n(r.props.children);i.push(r),i.push(...s.components),s.message===``&&s.components.length===0?a+=`<${o}/>`:a+=`<${o}>${(0,t.offsetIndices)(s.message,o+1)}</${o}>`}}),{message:a,components:i}}function r(t,n){let i=/<(\d+)(?:\/>|(>)([\s\S]*?)<\/\1>)/g,a=[],o=0,s=0,c;for(i.lastIndex=0,c=i.exec(t);c!==null;){c.index>o&&a.push(t.slice(o,c.index));let l=Number(c[1]),u=c[2]===void 0,d=c[3]??``,f=n[l];if(f){let t=`trans-${s++}`;if(u)a.push((0,e.cloneElement)(f,{key:t}));else{let i=r(d,n);a.push((0,e.cloneElement)(f,{key:t},i))}}else d&&a.push(d);o=i.lastIndex,c=i.exec(t)}return o<t.length&&a.push(t.slice(o)),a.length===1?a[0]:(0,e.createElement)(e.Fragment,null,...a)}function i(e){let t=n(e);return{message:t.message,components:t.components}}function a(e,n){let r=[],a={};for(let o of e){let e=n[o];if(e===void 0)continue;let s=i(e);a[o]=(0,t.offsetIndices)(s.message,r.length),r.push(...s.components)}for(let[o,s]of Object.entries(n)){if(e.includes(o)||s===void 0)continue;let n=i(s);a[o]=(0,t.offsetIndices)(n.message,r.length),r.push(...n.components)}return{messages:a,components:r}}function o(e,t,n,i){let a=n(e,t);return i.length>0?r(a,i):a}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=icu-rich-DQtv128R.cjs.map

package/dist/icu-rich-DQtv128R.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icu-rich-DQtv128R.cjs","names":[],"sources":["../src/components/trans-core.ts","../src/components/icu-rich.tsx"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  cloneElement,\n  createElement,\n  Fragment,\n  type ReactNode,\n  type ReactElement,\n} from 'react'\nimport { hashMessage, offsetIndices } from '@fluenti/core/internal'\n\nexport { hashMessage }\n\n/**\n * Extract a message string and component list from React children.\n *\n * Converts:\n *   <Trans>Hello <b>{name}</b>, welcome!</Trans>\n * Into:\n *   message: \"Hello <0>{name}</0>, welcome!\"\n *   components: [<b>{name}</b>]\n *\n * @internal\n */\nexport function extractMessage(children: ReactNode): {\n  message: string\n  components: ReactElement[]\n} {\n  const components: ReactElement[] = []\n  let message = ''\n\n  Children.forEach(children, (child) => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      message += String(child)\n    } else if (isValidElement(child)) {\n      if (child.type === Fragment) {\n        const inner = extractMessage((child.props as { children?: ReactNode }).children)\n        message += offsetIndices(inner.message, components.length)\n        components.push(...inner.components)\n        return\n      }\n\n      const idx = components.length\n      const inner = extractMessage((child.props as { children?: ReactNode }).children)\n      components.push(child)\n      components.push(...inner.components)\n      if (inner.message === '' && inner.components.length === 0) {\n        message += `<${idx}/>`\n      } else {\n        message += `<${idx}>${offsetIndices(inner.message, idx + 1)}</${idx}>`\n      }\n    }\n  })\n\n  return { message, components }\n}\n\n/**\n * Reconstruct a translated message string back into React elements.\n *\n * Parses \"<0>content</0>\" tags and replaces them with cloned components.\n *\n * @internal\n */\nexport function reconstruct(\n  translated: string,\n  components: ReactElement[],\n): ReactNode {\n  const COMBINED_RE = /<(\\d+)(?:\\/>|(>)([\\s\\S]*?)<\\/\\1>)/g\n  const result: ReactNode[] = []\n  let lastIndex = 0\n  let keyCounter = 0\n  let match: RegExpExecArray | null\n\n  COMBINED_RE.lastIndex = 0\n  match = COMBINED_RE.exec(translated)\n\n  while (match !== null) {\n    if (match.index > lastIndex) {\n      result.push(translated.slice(lastIndex, match.index))\n    }\n\n    const idx = Number(match[1])\n    const isSelfClosing = match[2] === undefined\n    const innerText = match[3] ?? ''\n    const component = components[idx]\n\n    if (component) {\n      // Use keyCounter (not idx) so duplicate component indices get unique keys\n      const key = `trans-${keyCounter++}`\n      if (isSelfClosing) {\n        result.push(cloneElement(component, { key }))\n      } else {\n        const innerContent = reconstruct(innerText, components)\n        result.push(cloneElement(component, { key }, innerContent))\n      }\n    } else {\n      // Only push non-empty text to avoid inserting blank DOM nodes\n      if (innerText) result.push(innerText)\n    }\n\n    lastIndex = COMBINED_RE.lastIndex\n    match = COMBINED_RE.exec(translated)\n  }\n\n  if (lastIndex < translated.length) {\n    result.push(translated.slice(lastIndex))\n  }\n\n  return result.length === 1 ? result[0]! : createElement(Fragment, null, ...result)\n}\n","import type { MessageDescriptor } from '@fluenti/core'\nimport {\n  buildICUPluralMessage,\n  buildICUSelectMessage,\n  normalizeSelectForms,\n  offsetIndices,\n} from '@fluenti/core/internal'\nimport type { ReactElement, ReactNode } from 'react'\nimport { extractMessage, reconstruct } from './trans-core'\n\nexport { buildICUPluralMessage, buildICUSelectMessage, normalizeSelectForms }\n\nexport interface RichMessagePart {\n  message: string\n  components: ReactElement[]\n}\n\nexport function serializeRichNode(node: ReactNode): RichMessagePart {\n  const extracted = extractMessage(node)\n  return {\n    message: extracted.message,\n    components: extracted.components,\n  }\n}\n\nexport function serializeRichForms<T extends string>(\n  keys: readonly T[],\n  forms: Partial<Record<T, ReactNode>> & Record<string, ReactNode | undefined>,\n): {\n  messages: Partial<Record<T, string>> & Record<string, string>\n  components: ReactElement[]\n} {\n  const components: ReactElement[] = []\n  const messages: Record<string, string> = {}\n\n  for (const key of keys) {\n    const value = forms[key]\n    if (value === undefined) continue\n    const extracted = serializeRichNode(value)\n    messages[key] = offsetIndices(extracted.message, components.length)\n    components.push(...extracted.components)\n  }\n\n  for (const [key, value] of Object.entries(forms)) {\n    if (keys.includes(key as T) || value === undefined) continue\n    const extracted = serializeRichNode(value)\n    messages[key] = offsetIndices(extracted.message, components.length)\n    components.push(...extracted.components)\n  }\n\n  return { messages: messages as Partial<Record<T, string>> & Record<string, string>, components }\n}\n\nexport function renderRichTranslation(\n  descriptor: MessageDescriptor,\n  values: Record<string, unknown> | undefined,\n  translate: (descriptor: MessageDescriptor, values?: Record<string, unknown>) => string,\n  components: ReactElement[],\n): ReactNode {\n  const translated = translate(descriptor, values)\n  return components.length > 0 ? reconstruct(translated, components) : translated\n}\n"],"mappings":"2DAwBA,SAAgB,EAAe,EAG7B,CACA,IAAM,EAA6B,EAAE,CACjC,EAAU,GAyBd,OAvBA,EAAA,SAAS,QAAQ,EAAW,GAAU,CACpC,GAAI,OAAO,GAAU,UAAY,OAAO,GAAU,SAChD,GAAW,OAAO,EAAM,8BACA,EAAM,CAAE,CAChC,GAAI,EAAM,OAAS,EAAA,SAAU,CAC3B,IAAM,EAAQ,EAAgB,EAAM,MAAmC,SAAS,CAChF,IAAA,EAAA,EAAA,eAAyB,EAAM,QAAS,EAAW,OAAO,CAC1D,EAAW,KAAK,GAAG,EAAM,WAAW,CACpC,OAGF,IAAM,EAAM,EAAW,OACjB,EAAQ,EAAgB,EAAM,MAAmC,SAAS,CAChF,EAAW,KAAK,EAAM,CACtB,EAAW,KAAK,GAAG,EAAM,WAAW,CAChC,EAAM,UAAY,IAAM,EAAM,WAAW,SAAW,EACtD,GAAW,IAAI,EAAI,IAEnB,GAAW,IAAI,EAAI,IAAA,EAAA,EAAA,eAAiB,EAAM,QAAS,EAAM,EAAE,CAAC,IAAI,EAAI,KAGxE,CAEK,CAAE,UAAS,aAAY,CAUhC,SAAgB,EACd,EACA,EACW,CACX,IAAM,EAAc,qCACd,EAAsB,EAAE,CAC1B,EAAY,EACZ,EAAa,EACb,EAKJ,IAHA,EAAY,UAAY,EACxB,EAAQ,EAAY,KAAK,EAAW,CAE7B,IAAU,MAAM,CACjB,EAAM,MAAQ,GAChB,EAAO,KAAK,EAAW,MAAM,EAAW,EAAM,MAAM,CAAC,CAGvD,IAAM,EAAM,OAAO,EAAM,GAAG,CACtB,EAAgB,EAAM,KAAO,IAAA,GAC7B,EAAY,EAAM,IAAM,GACxB,EAAY,EAAW,GAE7B,GAAI,EAAW,CAEb,IAAM,EAAM,SAAS,MACrB,GAAI,EACF,EAAO,MAAA,EAAA,EAAA,cAAkB,EAAW,CAAE,MAAK,CAAC,CAAC,KACxC,CACL,IAAM,EAAe,EAAY,EAAW,EAAW,CACvD,EAAO,MAAA,EAAA,EAAA,cAAkB,EAAW,CAAE,MAAK,CAAE,EAAa,CAAC,OAIzD,GAAW,EAAO,KAAK,EAAU,CAGvC,EAAY,EAAY,UACxB,EAAQ,EAAY,KAAK,EAAW,CAOtC,OAJI,EAAY,EAAW,QACzB,EAAO,KAAK,EAAW,MAAM,EAAU,CAAC,CAGnC,EAAO,SAAW,EAAI,EAAO,IAAA,EAAA,EAAA,eAAoB,EAAA,SAAU,KAAM,GAAG,EAAO,CC5FpF,SAAgB,EAAkB,EAAkC,CAClE,IAAM,EAAY,EAAe,EAAK,CACtC,MAAO,CACL,QAAS,EAAU,QACnB,WAAY,EAAU,WACvB,CAGH,SAAgB,EACd,EACA,EAIA,CACA,IAAM,EAA6B,EAAE,CAC/B,EAAmC,EAAE,CAE3C,IAAK,IAAM,KAAO,EAAM,CACtB,IAAM,EAAQ,EAAM,GACpB,GAAI,IAAU,IAAA,GAAW,SACzB,IAAM,EAAY,EAAkB,EAAM,CAC1C,EAAS,IAAA,EAAA,EAAA,eAAqB,EAAU,QAAS,EAAW,OAAO,CACnE,EAAW,KAAK,GAAG,EAAU,WAAW,CAG1C,IAAK,GAAM,CAAC,EAAK,KAAU,OAAO,QAAQ,EAAM,CAAE,CAChD,GAAI,EAAK,SAAS,EAAS,EAAI,IAAU,IAAA,GAAW,SACpD,IAAM,EAAY,EAAkB,EAAM,CAC1C,EAAS,IAAA,EAAA,EAAA,eAAqB,EAAU,QAAS,EAAW,OAAO,CACnE,EAAW,KAAK,GAAG,EAAU,WAAW,CAG1C,MAAO,CAAY,WAAiE,aAAY,CAGlG,SAAgB,EACd,EACA,EACA,EACA,EACW,CACX,IAAM,EAAa,EAAU,EAAY,EAAO,CAChD,OAAO,EAAW,OAAS,EAAI,EAAY,EAAY,EAAW,CAAG"}