angular-intlayer 8.4.10 → 8.5.1

package/dist/cjs/plugins.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.cjs","names":["renderIntlayerNode","configuration","ContentSelectorWrapperComponent","NodeTypes","enumerationPlugin","conditionPlugin","filePlugin","genderPlugin"],"sources":["../../src/plugins.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport {\n  conditionPlugin,\n  type DeepTransformContent as DeepTransformContentCore,\n  enumerationPlugin,\n  filePlugin,\n  genderPlugin,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  nestedPlugin,\n  type Plugins,\n  translationPlugin,\n} from '@intlayer/core/interpreter';\nimport type { MarkdownContent } from '@intlayer/core/markdown';\nimport type { HTMLContent, InsertionContent } from '@intlayer/core/transpiler';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type {\n  DeclaredLocales,\n  LocalesValues,\n} from '@intlayer/types/module_augmentation';\nimport type { NodeType } from '@intlayer/types/nodeType';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { ContentSelectorWrapperComponent } from './editor/ContentSelector.component';\nimport { renderIntlayerNode } from './renderIntlayerNode';\n\n// Lazy pre-load heavy modules — creates separate code-split chunks\nlet _getMarkdownMetadata: ((s: string) => any) | null = null;\nlet _compile: ((s: string, opts: any) => any) | null = null;\nvoid import('@intlayer/core/markdown').then((m) => {\n  _getMarkdownMetadata = m.getMarkdownMetadata;\n  _compile = m.compile;\n});\n\nlet _markdownInstall: {\n  htmlRuntime: any;\n  useMarkdown: () => { renderMarkdown: (s: string, components?: any) => any };\n} | null = null;\nvoid import('./markdown/installIntlayerMarkdown').then((m) => {\n  _markdownInstall = m as any;\n});\n\n/** ---------------------------------------------\n *  UTILS\n *  --------------------------------------------- */\n\nconst createRuntimeWithOverides = (baseRuntime: any, overrides: any) => ({\n  ...baseRuntime,\n  createElement: (tag: string, props: any, ...children: any[]) => {\n    const override = overrides?.[tag];\n\n    if (override) {\n      const newProps = { ...props, ...override };\n\n      // Merge class attributes intelligently\n      const originalClass = props?.class || props?.className;\n      const overrideClass = override.class || override.className;\n\n      if (originalClass && overrideClass) {\n        newProps.class = `${originalClass} ${overrideClass}`;\n        newProps.className = undefined;\n      }\n\n      return baseRuntime.createElement(tag, newProps, ...children);\n    }\n\n    return baseRuntime.createElement(tag, props, ...children);\n  },\n});\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\nexport interface IntlayerNode<T, P = {}> {\n  value: T;\n  children?: any;\n  additionalProps?: P;\n}\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (_node, { children, ...rest }) =>\n    renderIntlayerNode({\n      ...rest,\n      value: children,\n      children: () => ({\n        component: configuration?.editor.enabled\n          ? ContentSelectorWrapperComponent\n          : children,\n        props: {\n          dictionaryKey: rest.dictionaryKey,\n          keyPath: rest.keyPath,\n        },\n        children: children,\n      }),\n    }),\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<string, { metadata: DeepTransformContent<string> }>\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = _getMarkdownMetadata?.(node) ?? {};\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: node,\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    const render = (components?: any) =>\n      renderIntlayerNode({\n        ...rest,\n        value: node,\n        children: configuration?.editor.enabled\n          ? () => ({\n              component: ContentSelectorWrapperComponent,\n              props: {\n                dictionaryKey: rest.dictionaryKey,\n                keyPath: rest.keyPath,\n                ...components,\n              },\n              children: () => {\n                const { renderMarkdown } = _markdownInstall?.useMarkdown() ?? {\n                  renderMarkdown: () => node,\n                };\n                return renderMarkdown(node, components);\n              },\n            })\n          : () => {\n              const { renderMarkdown } = _markdownInstall?.useMarkdown() ?? {\n                renderMarkdown: () => node,\n              };\n              return renderMarkdown(node, components);\n            },\n        additionalProps: {\n          metadata: metadataNodes,\n        },\n      });\n\n    const createProxy = (element: any, components?: any) =>\n      new Proxy(element, {\n        get(target, prop, receiver) {\n          if (prop === 'value') {\n            return node;\n          }\n          if (prop === 'metadata') {\n            return metadataNodes;\n          }\n\n          if (prop === 'toString') {\n            return () => {\n              const htmlRuntime = _markdownInstall?.htmlRuntime;\n              if (!htmlRuntime || !_compile) return node;\n              const runtime = components\n                ? createRuntimeWithOverides(htmlRuntime, components)\n                : htmlRuntime;\n              return _compile(node, { runtime }) as string;\n            };\n          }\n\n          if (prop === Symbol.toPrimitive) {\n            return () => {\n              const htmlRuntime = _markdownInstall?.htmlRuntime;\n              if (!htmlRuntime || !_compile) return node;\n              const runtime = components\n                ? createRuntimeWithOverides(htmlRuntime, components)\n                : htmlRuntime;\n              return _compile(node, { runtime }) as string;\n            };\n          }\n\n          if (prop === 'use') {\n            return (newComponents?: any) => {\n              const mergedComponents = { ...components, ...newComponents };\n              return createProxy(render(mergedComponents), mergedComponents);\n            };\n          }\n\n          return Reflect.get(target, prop, receiver);\n        },\n      }) as any;\n\n    return createProxy(render() as any);\n  },\n};\n\nexport type MarkdownCond<T, _S, _L extends LocalesValues> = T extends {\n  nodeType: NodeType | string;\n  [NodeTypes.MARKDOWN]: infer M;\n  tags?: infer U;\n  metadata?: infer V;\n}\n  ? IntlayerNode<\n      M,\n      {\n        use: (components?: Record<keyof U, any>) => any;\n        metadata: DeepTransformContent<V>;\n      }\n    >\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeTypes.MARKDOWN,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeTypes.MARKDOWN,\n      },\n    ];\n\n    const children = node[NodeTypes.MARKDOWN];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  HTML PLUGIN\n *  --------------------------------------------- */\n\n/**\n * HTML conditional type.\n *\n * This ensures type safety:\n * - `html('<div>Hello <CustomComponent /></div>').use({ CustomComponent: ... })` - optional but typed\n */\nexport type HTMLPluginCond<T, _S, _L> = T extends {\n  nodeType: NodeType | string;\n  [NodeTypes.HTML]: infer I;\n  tags?: infer U;\n}\n  ? IntlayerNode<\n      I,\n      {\n        use: (components?: Record<keyof U, any>) => any;\n      }\n    >\n  : never;\n\n/** HTML plugin. Replaces node with a function that takes components => IntlayerNode. */\nexport const htmlPlugin: Plugins = {\n  id: 'html-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeTypes.HTML,\n\n  transform: (node: HTMLContent<string>, props) => {\n    const html = node[NodeTypes.HTML];\n    const { plugins, ...rest } = props;\n\n    // Type-safe render function that accepts properly typed components\n    const render = (userComponents?: any) =>\n      renderIntlayerNode({\n        ...rest,\n        value: html,\n        children: configuration?.editor.enabled\n          ? () => ({\n              component: ContentSelectorWrapperComponent,\n              props: {\n                dictionaryKey: rest.dictionaryKey,\n                keyPath: rest.keyPath,\n                ...userComponents,\n              },\n              children: html,\n            })\n          : html,\n      });\n\n    const createProxy = (element: any, components?: any) =>\n      new Proxy(element, {\n        get(target, prop, receiver) {\n          if (prop === 'value') {\n            return html;\n          }\n\n          if (prop === 'toString') {\n            return () => {\n              if (\n                !components ||\n                (typeof components === 'object' &&\n                  Object.keys(components).length === 0)\n              ) {\n                return String(html);\n              }\n              const htmlRuntime = _markdownInstall?.htmlRuntime;\n              if (!htmlRuntime || !_compile) return String(html);\n              const runtime = createRuntimeWithOverides(\n                htmlRuntime,\n                components\n              );\n              return _compile(html, { runtime }) as string;\n            };\n          }\n\n          if (prop === Symbol.toPrimitive) {\n            return () => {\n              if (\n                !components ||\n                (typeof components === 'object' &&\n                  Object.keys(components).length === 0)\n              ) {\n                return String(html);\n              }\n              const htmlRuntime = _markdownInstall?.htmlRuntime;\n              if (!htmlRuntime || !_compile) return String(html);\n              const runtime = createRuntimeWithOverides(\n                htmlRuntime,\n                components\n              );\n              return _compile(html, { runtime }) as string;\n            };\n          }\n\n          if (prop === 'use') {\n            // Return a properly typed function based on custom components\n            return (userComponents?: any) => {\n              const mergedComponents = { ...components, ...userComponents };\n              return createProxy(render(mergedComponents), mergedComponents);\n            };\n          }\n\n          return Reflect.get(target, prop, receiver);\n        },\n      }) as any;\n\n    return createProxy(render() as any);\n  },\n};\n\n/** ---------------------------------------------\n *  INSERTION PLUGIN\n *  --------------------------------------------- */\n\n/**\n * Insertion conditional type.\n */\nexport type InsertionPluginCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeTypes.INSERTION]: infer _I;\n}\n  ? (args: Record<string, string | number>) => string\n  : never;\n\nexport const insertionPlugin: Plugins = {\n  id: 'insertion-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeTypes.INSERTION,\n  transform: (node: InsertionContent, props) => {\n    const { plugins, ...rest } = props;\n\n    // Return a function that performs the interpolation\n    const render = (args: Record<string, string | number> = {}) => {\n      let text = node[NodeTypes.INSERTION] as string;\n      if (args) {\n        Object.entries(args).forEach(([key, value]) => {\n          text = text.replace(\n            new RegExp(`{{\\\\s*${key}\\\\s*}}`, 'g'),\n            String(value)\n          );\n        });\n      }\n      return text;\n    };\n\n    return renderIntlayerNode({\n      ...rest,\n      value: render as any,\n      children: render,\n    });\n  },\n};\n\nexport interface IInterpreterPluginAngular<T, S, L extends LocalesValues> {\n  angularIntlayerNode: IntlayerNodeCond<T>;\n  angularMarkdown: MarkdownCond<T, S, L>;\n  angularHtml: HTMLPluginCond<T, S, L>;\n  angularInsertion: InsertionPluginCond<T>;\n}\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `angular-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = Omit<\n  IInterpreterPluginStateCore,\n  'insertion' // Remove insertion type from core package\n> & {\n  angularIntlayerNode: true;\n  angularMarkdown: true;\n  angularHtml: true;\n  angularInsertion: true;\n};\n\nexport type DeepTransformContent<\n  T,\n  L extends LocalesValues = DeclaredLocales,\n> = DeepTransformContentCore<T, IInterpreterPluginState, L>;\n\n/**\n * Get the plugins array for Angular content transformation.\n * This function is used by both getIntlayer and getDictionary to ensure consistent plugin configuration.\n */\nexport const getPlugins = (\n  locale?: LocalesValues,\n  fallback: boolean = true\n): Plugins[] => [\n  translationPlugin(\n    locale ?? configuration.internationalization.defaultLocale,\n    fallback ? configuration.internationalization.defaultLocale : undefined\n  ),\n  enumerationPlugin,\n  conditionPlugin,\n  nestedPlugin(locale ?? configuration.internationalization.defaultLocale),\n  filePlugin,\n  genderPlugin,\n  intlayerNodePlugins,\n  markdownPlugin,\n  htmlPlugin,\n  insertionPlugin,\n];\n"],"mappings":"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"}
+{"version":3,"file":"plugins.cjs","names":["renderIntlayerNode","isEnabled","ContentSelectorWrapperComponent","compile","NodeTypes","configuration","enumerationPlugin","conditionPlugin","filePlugin","genderPlugin"],"sources":["../../src/plugins.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport {\n  conditionPlugin,\n  type DeepTransformContent as DeepTransformContentCore,\n  enumerationPlugin,\n  filePlugin,\n  genderPlugin,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  nestedPlugin,\n  type Plugins,\n  translationPlugin,\n} from '@intlayer/core/interpreter';\nimport type { MarkdownContent } from '@intlayer/core/markdown';\nimport { compile, getMarkdownMetadata } from '@intlayer/core/markdown';\nimport type { HTMLContent, InsertionContent } from '@intlayer/core/transpiler';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type {\n  DeclaredLocales,\n  LocalesValues,\n} from '@intlayer/types/module_augmentation';\nimport type { NodeType } from '@intlayer/types/nodeType';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { isEnabled } from '../../@intlayer/editor/src/isEnabled';\nimport { ContentSelectorWrapperComponent } from './editor/ContentSelector.component';\nimport { renderIntlayerNode } from './renderIntlayerNode';\n\nlet _markdownInstall: {\n  htmlRuntime: any;\n  useMarkdown: () => { renderMarkdown: (s: string, components?: any) => any };\n} | null = null;\nvoid import('./markdown/installIntlayerMarkdown').then((m) => {\n  _markdownInstall = m as any;\n});\n\n/** ---------------------------------------------\n *  UTILS\n *  --------------------------------------------- */\n\nconst createRuntimeWithOverides = (baseRuntime: any, overrides: any) => ({\n  ...baseRuntime,\n  createElement: (tag: string, props: any, ...children: any[]) => {\n    const override = overrides?.[tag];\n\n    if (override) {\n      const newProps = { ...props, ...override };\n\n      // Merge class attributes intelligently\n      const originalClass = props?.class || props?.className;\n      const overrideClass = override.class || override.className;\n\n      if (originalClass && overrideClass) {\n        newProps.class = `${originalClass} ${overrideClass}`;\n        newProps.className = undefined;\n      }\n\n      return baseRuntime.createElement(tag, newProps, ...children);\n    }\n\n    return baseRuntime.createElement(tag, props, ...children);\n  },\n});\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\nexport interface IntlayerNode<T, P = {}> {\n  value: T;\n  children?: any;\n  additionalProps?: P;\n}\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (_node, { children, ...rest }) =>\n    renderIntlayerNode({\n      ...rest,\n      value: children,\n      children: () => ({\n        component: isEnabled ? ContentSelectorWrapperComponent : children,\n        props: {\n          dictionaryKey: rest.dictionaryKey,\n          keyPath: rest.keyPath,\n        },\n        children: children,\n      }),\n    }),\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<string, { metadata: DeepTransformContent<string> }>\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node) ?? {};\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: node,\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    const render = (components?: any) =>\n      renderIntlayerNode({\n        ...rest,\n        value: node,\n        children: isEnabled\n          ? () => ({\n              component: ContentSelectorWrapperComponent,\n              props: {\n                dictionaryKey: rest.dictionaryKey,\n                keyPath: rest.keyPath,\n                ...components,\n              },\n              children: () => {\n                const { renderMarkdown } = _markdownInstall?.useMarkdown() ?? {\n                  renderMarkdown: () => node,\n                };\n                return renderMarkdown(node, components);\n              },\n            })\n          : () => {\n              const { renderMarkdown } = _markdownInstall?.useMarkdown() ?? {\n                renderMarkdown: () => node,\n              };\n              return renderMarkdown(node, components);\n            },\n        additionalProps: {\n          metadata: metadataNodes,\n        },\n      });\n\n    const createProxy = (element: any, components?: any) =>\n      new Proxy(element, {\n        get(target, prop, receiver) {\n          if (prop === 'value') {\n            return node;\n          }\n          if (prop === 'metadata') {\n            return metadataNodes;\n          }\n\n          if (prop === 'toString') {\n            return () => {\n              const htmlRuntime = _markdownInstall?.htmlRuntime;\n              if (!htmlRuntime || !compile) return node;\n              const runtime = components\n                ? createRuntimeWithOverides(htmlRuntime, components)\n                : htmlRuntime;\n              return compile(node, { runtime }) as string;\n            };\n          }\n\n          if (prop === Symbol.toPrimitive) {\n            return () => {\n              const htmlRuntime = _markdownInstall?.htmlRuntime;\n              if (!htmlRuntime || !compile) return node;\n              const runtime = components\n                ? createRuntimeWithOverides(htmlRuntime, components)\n                : htmlRuntime;\n              return compile(node, { runtime }) as string;\n            };\n          }\n\n          if (prop === 'use') {\n            return (newComponents?: any) => {\n              const mergedComponents = { ...components, ...newComponents };\n              return createProxy(render(mergedComponents), mergedComponents);\n            };\n          }\n\n          return Reflect.get(target, prop, receiver);\n        },\n      }) as any;\n\n    return createProxy(render() as any);\n  },\n};\n\nexport type MarkdownCond<T, _S, _L extends LocalesValues> = T extends {\n  nodeType: NodeType | string;\n  [NodeTypes.MARKDOWN]: infer M;\n  tags?: infer U;\n  metadata?: infer V;\n}\n  ? IntlayerNode<\n      M,\n      {\n        use: (components?: Record<keyof U, any>) => any;\n        metadata: DeepTransformContent<V>;\n      }\n    >\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeTypes.MARKDOWN,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeTypes.MARKDOWN,\n      },\n    ];\n\n    const children = node[NodeTypes.MARKDOWN];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  HTML PLUGIN\n *  --------------------------------------------- */\n\n/**\n * HTML conditional type.\n *\n * This ensures type safety:\n * - `html('<div>Hello <CustomComponent /></div>').use({ CustomComponent: ... })` - optional but typed\n */\nexport type HTMLPluginCond<T, _S, _L> = T extends {\n  nodeType: NodeType | string;\n  [NodeTypes.HTML]: infer I;\n  tags?: infer U;\n}\n  ? IntlayerNode<\n      I,\n      {\n        use: (components?: Record<keyof U, any>) => any;\n      }\n    >\n  : never;\n\n/** HTML plugin. Replaces node with a function that takes components => IntlayerNode. */\nexport const htmlPlugin: Plugins = {\n  id: 'html-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeTypes.HTML,\n\n  transform: (node: HTMLContent<string>, props) => {\n    const html = node[NodeTypes.HTML];\n    const { plugins, ...rest } = props;\n\n    // Type-safe render function that accepts properly typed components\n    const render = (userComponents?: any) =>\n      renderIntlayerNode({\n        ...rest,\n        value: html,\n        children: isEnabled\n          ? () => ({\n              component: ContentSelectorWrapperComponent,\n              props: {\n                dictionaryKey: rest.dictionaryKey,\n                keyPath: rest.keyPath,\n                ...userComponents,\n              },\n              children: html,\n            })\n          : html,\n      });\n\n    const createProxy = (element: any, components?: any) =>\n      new Proxy(element, {\n        get(target, prop, receiver) {\n          if (prop === 'value') {\n            return html;\n          }\n\n          if (prop === 'toString') {\n            return () => {\n              if (\n                !components ||\n                (typeof components === 'object' &&\n                  Object.keys(components).length === 0)\n              ) {\n                return String(html);\n              }\n              const htmlRuntime = _markdownInstall?.htmlRuntime;\n              if (!htmlRuntime || !compile) return String(html);\n              const runtime = createRuntimeWithOverides(\n                htmlRuntime,\n                components\n              );\n              return compile(html, { runtime }) as string;\n            };\n          }\n\n          if (prop === Symbol.toPrimitive) {\n            return () => {\n              if (\n                !components ||\n                (typeof components === 'object' &&\n                  Object.keys(components).length === 0)\n              ) {\n                return String(html);\n              }\n              const htmlRuntime = _markdownInstall?.htmlRuntime;\n              if (!htmlRuntime || !compile) return String(html);\n              const runtime = createRuntimeWithOverides(\n                htmlRuntime,\n                components\n              );\n              return compile(html, { runtime }) as string;\n            };\n          }\n\n          if (prop === 'use') {\n            // Return a properly typed function based on custom components\n            return (userComponents?: any) => {\n              const mergedComponents = { ...components, ...userComponents };\n              return createProxy(render(mergedComponents), mergedComponents);\n            };\n          }\n\n          return Reflect.get(target, prop, receiver);\n        },\n      }) as any;\n\n    return createProxy(render() as any);\n  },\n};\n\n/** ---------------------------------------------\n *  INSERTION PLUGIN\n *  --------------------------------------------- */\n\n/**\n * Insertion conditional type.\n */\nexport type InsertionPluginCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeTypes.INSERTION]: infer _I;\n}\n  ? (args: Record<string, string | number>) => string\n  : never;\n\nexport const insertionPlugin: Plugins = {\n  id: 'insertion-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeTypes.INSERTION,\n  transform: (node: InsertionContent, props) => {\n    const { plugins, ...rest } = props;\n\n    // Return a function that performs the interpolation\n    const render = (args: Record<string, string | number> = {}) => {\n      let text = node[NodeTypes.INSERTION] as string;\n      if (args) {\n        Object.entries(args).forEach(([key, value]) => {\n          text = text.replace(\n            new RegExp(`{{\\\\s*${key}\\\\s*}}`, 'g'),\n            String(value)\n          );\n        });\n      }\n      return text;\n    };\n\n    return renderIntlayerNode({\n      ...rest,\n      value: render as any,\n      children: render,\n    });\n  },\n};\n\nexport interface IInterpreterPluginAngular<T, S, L extends LocalesValues> {\n  angularIntlayerNode: IntlayerNodeCond<T>;\n  angularMarkdown: MarkdownCond<T, S, L>;\n  angularHtml: HTMLPluginCond<T, S, L>;\n  angularInsertion: InsertionPluginCond<T>;\n}\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `angular-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = Omit<\n  IInterpreterPluginStateCore,\n  'insertion' // Remove insertion type from core package\n> & {\n  angularIntlayerNode: true;\n  angularMarkdown: true;\n  angularHtml: true;\n  angularInsertion: true;\n};\n\nexport type DeepTransformContent<\n  T,\n  L extends LocalesValues = DeclaredLocales,\n> = DeepTransformContentCore<T, IInterpreterPluginState, L>;\n\n/**\n * Get the plugins array for Angular content transformation.\n * This function is used by both getIntlayer and getDictionary to ensure consistent plugin configuration.\n */\nexport const getPlugins = (\n  locale?: LocalesValues,\n  fallback: boolean = true\n): Plugins[] => [\n  translationPlugin(\n    locale ?? configuration.internationalization.defaultLocale,\n    fallback ? configuration.internationalization.defaultLocale : undefined\n  ),\n  enumerationPlugin,\n  conditionPlugin,\n  nestedPlugin(locale ?? configuration.internationalization.defaultLocale),\n  filePlugin,\n  genderPlugin,\n  intlayerNodePlugins,\n  markdownPlugin,\n  htmlPlugin,\n  insertionPlugin,\n];\n"],"mappings":"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"}

package/dist/cjs/renderIntlayerNode.cjs

@@ -7,7 +7,8 @@ const renderIntlayerNode = ({ children, value, additionalProps = {} }) => {
 		if (additionalProps && Object.keys(additionalProps).includes(prop)) return additionalProps[prop];
 		return Reflect.get(target, prop, receiver);
 	} });
-	return new Proxy(children, {
+	const target = typeof children === "object" || typeof children === "function" ? children : {};
+	return new Proxy(target, {
 		apply(target, thisArg, argumentsList) {
 			if (typeof value === "function") return Reflect.apply(value, thisArg, argumentsList);
 			return Reflect.apply(target, thisArg, argumentsList);

package/dist/cjs/renderIntlayerNode.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"renderIntlayerNode.cjs","names":[],"sources":["../../src/renderIntlayerNode.ts"],"sourcesContent":["import type { ResolvedEditor } from '@intlayer/types/module_augmentation';\n\nexport type IntlayerNode<T = string, AdditionalProps = {}> = ResolvedEditor<\n  T,\n  any\n> & {\n  value: T;\n} & AdditionalProps;\n\ntype RenderIntlayerNodeProps<T> = {\n  value: T;\n  children: any;\n  additionalProps?: { [key: string]: any };\n};\n\nexport const renderIntlayerNode = <\n  T extends number | string | boolean | undefined | null,\n>({\n  children,\n  value,\n  additionalProps = {},\n}: RenderIntlayerNodeProps<T>): IntlayerNode<T> => {\n  // If children is null or undefined, return a simple object with the value\n  if (children == null) {\n    return new Proxy({} as any, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return value;\n        }\n\n        if (\n          additionalProps &&\n          Object.keys(additionalProps).includes(prop as string)\n        ) {\n          return additionalProps[prop as keyof typeof additionalProps];\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as IntlayerNode<T>;\n  }\n\n  // Return a Proxy that pretends to be the original content\n  // but also has a .value getter and additional props.\n  return new Proxy(children, {\n    apply(target, thisArg, argumentsList) {\n      if (typeof value === 'function') {\n        return Reflect.apply(value as Function, thisArg, argumentsList);\n      }\n      return Reflect.apply(target as Function, thisArg, argumentsList);\n    },\n    get(target, prop, receiver) {\n      if (prop === 'value') {\n        return value;\n      }\n\n      if (prop === 'toString') {\n        return () => {\n          // console.log('renderIntlayerNode toString called for:', value);\n          return String(value);\n        };\n      }\n\n      if (prop === Symbol.toPrimitive) {\n        return () => value;\n      }\n\n      if (\n        additionalProps &&\n        Object.keys(additionalProps).includes(prop as string)\n      ) {\n        return additionalProps[prop as keyof typeof additionalProps];\n      }\n\n      return Reflect.get(target, prop, receiver);\n    },\n  }) as IntlayerNode<T>;\n};\n"],"mappings":";;;AAeA,MAAa,sBAEX,EACA,UACA,OACA,kBAAkB,EAAE,OAC6B;AAEjD,KAAI,YAAY,KACd,QAAO,IAAI,MAAM,EAAE,EAAS,EAC1B,IAAI,QAAQ,MAAM,UAAU;AAC1B,MAAI,SAAS,QACX,QAAO;AAGT,MACE,mBACA,OAAO,KAAK,gBAAgB,CAAC,SAAS,KAAe,CAErD,QAAO,gBAAgB;AAGzB,SAAO,QAAQ,IAAI,QAAQ,MAAM,SAAS;IAE7C,CAAC;AAKJ,QAAO,IAAI,MAAM,UAAU;EACzB,MAAM,QAAQ,SAAS,eAAe;AACpC,OAAI,OAAO,UAAU,WACnB,QAAO,QAAQ,MAAM,OAAmB,SAAS,cAAc;AAEjE,UAAO,QAAQ,MAAM,QAAoB,SAAS,cAAc;;EAElE,IAAI,QAAQ,MAAM,UAAU;AAC1B,OAAI,SAAS,QACX,QAAO;AAGT,OAAI,SAAS,WACX,cAAa;AAEX,WAAO,OAAO,MAAM;;AAIxB,OAAI,SAAS,OAAO,YAClB,cAAa;AAGf,OACE,mBACA,OAAO,KAAK,gBAAgB,CAAC,SAAS,KAAe,CAErD,QAAO,gBAAgB;AAGzB,UAAO,QAAQ,IAAI,QAAQ,MAAM,SAAS;;EAE7C,CAAC"}
+{"version":3,"file":"renderIntlayerNode.cjs","names":[],"sources":["../../src/renderIntlayerNode.ts"],"sourcesContent":["import type { ResolvedEditor } from '@intlayer/types/module_augmentation';\n\nexport type IntlayerNode<T = string, AdditionalProps = {}> = ResolvedEditor<\n  T,\n  any\n> & {\n  value: T;\n} & AdditionalProps;\n\ntype RenderIntlayerNodeProps<T> = {\n  value: T;\n  children: any;\n  additionalProps?: { [key: string]: any };\n};\n\nexport const renderIntlayerNode = <\n  T extends number | string | boolean | undefined | null,\n>({\n  children,\n  value,\n  additionalProps = {},\n}: RenderIntlayerNodeProps<T>): IntlayerNode<T> => {\n  // If children is null or undefined, return a simple object with the value\n  if (children == null) {\n    return new Proxy({} as any, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return value;\n        }\n\n        if (\n          additionalProps &&\n          Object.keys(additionalProps).includes(prop as string)\n        ) {\n          return additionalProps[prop as keyof typeof additionalProps];\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as IntlayerNode<T>;\n  }\n\n  // Proxy target must be an object or function; wrap primitives\n  const target =\n    typeof children === 'object' || typeof children === 'function'\n      ? children\n      : ({} as any);\n\n  // Return a Proxy that pretends to be the original content\n  // but also has a .value getter and additional props.\n  return new Proxy(target, {\n    apply(target, thisArg, argumentsList) {\n      if (typeof value === 'function') {\n        return Reflect.apply(value as Function, thisArg, argumentsList);\n      }\n      return Reflect.apply(target as Function, thisArg, argumentsList);\n    },\n    get(target, prop, receiver) {\n      if (prop === 'value') {\n        return value;\n      }\n\n      if (prop === 'toString') {\n        return () => {\n          // console.log('renderIntlayerNode toString called for:', value);\n          return String(value);\n        };\n      }\n\n      if (prop === Symbol.toPrimitive) {\n        return () => value;\n      }\n\n      if (\n        additionalProps &&\n        Object.keys(additionalProps).includes(prop as string)\n      ) {\n        return additionalProps[prop as keyof typeof additionalProps];\n      }\n\n      return Reflect.get(target, prop, receiver);\n    },\n  }) as IntlayerNode<T>;\n};\n"],"mappings":";;;AAeA,MAAa,sBAEX,EACA,UACA,OACA,kBAAkB,EAAE,OAC6B;AAEjD,KAAI,YAAY,KACd,QAAO,IAAI,MAAM,EAAE,EAAS,EAC1B,IAAI,QAAQ,MAAM,UAAU;AAC1B,MAAI,SAAS,QACX,QAAO;AAGT,MACE,mBACA,OAAO,KAAK,gBAAgB,CAAC,SAAS,KAAe,CAErD,QAAO,gBAAgB;AAGzB,SAAO,QAAQ,IAAI,QAAQ,MAAM,SAAS;IAE7C,CAAC;CAIJ,MAAM,SACJ,OAAO,aAAa,YAAY,OAAO,aAAa,aAChD,WACC,EAAE;AAIT,QAAO,IAAI,MAAM,QAAQ;EACvB,MAAM,QAAQ,SAAS,eAAe;AACpC,OAAI,OAAO,UAAU,WACnB,QAAO,QAAQ,MAAM,OAAmB,SAAS,cAAc;AAEjE,UAAO,QAAQ,MAAM,QAAoB,SAAS,cAAc;;EAElE,IAAI,QAAQ,MAAM,UAAU;AAC1B,OAAI,SAAS,QACX,QAAO;AAGT,OAAI,SAAS,WACX,cAAa;AAEX,WAAO,OAAO,MAAM;;AAIxB,OAAI,SAAS,OAAO,YAClB,cAAa;AAGf,OACE,mBACA,OAAO,KAAK,gBAAgB,CAAC,SAAS,KAAe,CAErD,QAAO,gBAAgB;AAGzB,UAAO,QAAQ,IAAI,QAAQ,MAAM,SAAS;;EAE7C,CAAC"}

package/dist/esm/@intlayer/editor/src/isEnabled.mjs

@@ -0,0 +1,8 @@
+import configuration from "@intlayer/config/built";
+
+//#region ../@intlayer/editor/src/isEnabled.ts
+const isEnabled = process.env["INTLAYER_EDITOR_ENABLED"] !== "false" && configuration.editor?.enabled && typeof window !== "undefined" && window.self !== window.top;
+
+//#endregion
+export { isEnabled };
+//# sourceMappingURL=isEnabled.mjs.map

package/dist/esm/@intlayer/editor/src/isEnabled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isEnabled.mjs","names":[],"sources":["../../../../../../@intlayer/editor/src/isEnabled.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nexport const isEnabled =\n  process.env['INTLAYER_EDITOR_ENABLED'] !== 'false' && // Allow purging a build time using bundler + env var // Keep env['INTLAYER_EDITOR_ENABLED'] syntax for angular to treat it as\n  configuration.editor?.enabled && // Editor enabled in config\n  typeof window !== 'undefined' && // Client side\n  window.self !== window.top; // Is in iframe\n"],"mappings":";;;AAEA,MAAa,YACX,QAAQ,IAAI,+BAA+B,WAC3C,cAAc,QAAQ,WACtB,OAAO,WAAW,eAClB,OAAO,SAAS,OAAO"}

package/dist/esm/UI/IntlayerNode.component.mjs

@@ -0,0 +1,46 @@
+import { __decorateMetadata } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorateMetadata.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.mjs";
+import { ChangeDetectorRef, Component, ElementRef, Input, ViewContainerRef, inject } from "@angular/core";
+
+//#region src/UI/IntlayerNode.component.ts
+let IntlayerNodeComponent = class IntlayerNodeComponent {
+	node;
+	vcr = inject(ViewContainerRef);
+	elRef = inject(ElementRef);
+	cdr = inject(ChangeDetectorRef);
+	ngOnChanges(changes) {
+		if (changes["node"]) this.render();
+	}
+	render() {
+		this.vcr.clear();
+		const host = this.elRef.nativeElement;
+		host.childNodes.forEach((n) => {
+			if (n.nodeType === Node.TEXT_NODE) n.parentNode?.removeChild(n);
+		});
+		if (!this.node) return;
+		const nodeInfo = typeof this.node?.children === "function" ? this.node.children() : this.node;
+		if (nodeInfo?.component && typeof nodeInfo.component !== "string") {
+			const componentRef = this.vcr.createComponent(nodeInfo.component);
+			if (nodeInfo.props) for (const [key, value] of Object.entries(nodeInfo.props)) componentRef.instance[key] = value;
+			if (nodeInfo.children) {
+				const content = nodeInfo.children;
+				if (typeof content === "string" || typeof content === "number") componentRef.location.nativeElement.appendChild(document.createTextNode(String(content)));
+			}
+			this.cdr.markForCheck();
+		} else {
+			const text = this.node?.value ?? this.node?.toString?.() ?? String(this.node);
+			host.appendChild(document.createTextNode(text));
+		}
+	}
+};
+__decorate([Input(), __decorateMetadata("design:type", Object)], IntlayerNodeComponent.prototype, "node", void 0);
+IntlayerNodeComponent = __decorate([Component({
+	selector: "intlayer-node",
+	standalone: true,
+	template: `<ng-container #anchor></ng-container>`,
+	styles: [`:host { display: contents; }`]
+})], IntlayerNodeComponent);
+
+//#endregion
+export { IntlayerNodeComponent };
+//# sourceMappingURL=IntlayerNode.component.mjs.map

package/dist/esm/UI/IntlayerNode.component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntlayerNode.component.mjs","names":[],"sources":["../../../src/UI/IntlayerNode.component.ts"],"sourcesContent":["import {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Input,\n  inject,\n  type OnChanges,\n  type SimpleChanges,\n  type Type,\n  ViewContainerRef,\n} from '@angular/core';\n\n/**\n * A transparent host element that renders Intlayer content nodes.\n *\n * `display: contents` makes the `<intlayer-node>` element invisible in the\n * layout — its children appear as if they were direct children of the parent,\n * so placing this component inside `<h1>`, `<p>`, etc. does not break the\n * document structure.\n *\n * ### Usage\n * ```html\n * <h1><intlayer-node [node]=\"content().title\"></intlayer-node></h1>\n * ```\n */\n@Component({\n  selector: 'intlayer-node',\n  standalone: true,\n  // The ng-content slot is the anchor point for ViewContainerRef.\n  // Wrapping text renders directly inside this host thanks to display:contents.\n  template: `<ng-container #anchor></ng-container>`,\n  // display:contents collapses the host box so it is layout-transparent.\n  styles: [`:host { display: contents; }`],\n})\nexport class IntlayerNodeComponent implements OnChanges {\n  @Input() node: any;\n\n  private vcr = inject(ViewContainerRef);\n  private elRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private cdr = inject(ChangeDetectorRef);\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['node']) {\n      this.render();\n    }\n  }\n\n  private render() {\n    // Clear previously created views / text nodes\n    this.vcr.clear();\n    const host = this.elRef.nativeElement;\n    // Remove any raw text nodes we injected directly on previous renders\n    host.childNodes.forEach((n) => {\n      if (n.nodeType === Node.TEXT_NODE) n.parentNode?.removeChild(n);\n    });\n\n    if (!this.node) return;\n\n    // The node returned by the Angular plugin is a Proxy whose `.children`\n    // property is a function returning component info (editor on) or the raw\n    // value (editor off).\n    const nodeInfo =\n      typeof this.node?.children === 'function'\n        ? this.node.children()\n        : this.node;\n\n    if (nodeInfo?.component && typeof nodeInfo.component !== 'string') {\n      // ── Editor enabled path: create the ContentSelectorWrapper component ──\n      const componentRef = this.vcr.createComponent(\n        nodeInfo.component as Type<any>\n      );\n\n      if (nodeInfo.props) {\n        for (const [key, value] of Object.entries(nodeInfo.props)) {\n          (componentRef.instance as any)[key] = value;\n        }\n      }\n\n      if (nodeInfo.children) {\n        const content = nodeInfo.children;\n        if (typeof content === 'string' || typeof content === 'number') {\n          componentRef.location.nativeElement.appendChild(\n            document.createTextNode(String(content))\n          );\n        }\n      }\n\n      this.cdr.markForCheck();\n    } else {\n      // ── Editor disabled path: render plain text inside the host ──────────\n      const text =\n        this.node?.value ?? this.node?.toString?.() ?? String(this.node);\n      // Append a text node directly inside the host element.\n      // Because the host has `display: contents`, this text is layout-wise a\n      // direct child of the surrounding element (e.g. <h1>).\n      host.appendChild(document.createTextNode(text));\n    }\n  }\n}\n"],"mappings":";;;;;AAkCO,kCAAM,sBAA2C;CACtD,AAAS;CAET,AAAQ,MAAM,OAAO,iBAAiB;CACtC,AAAQ,QAAQ,OAAgC,WAAW;CAC3D,AAAQ,MAAM,OAAO,kBAAkB;CAEvC,YAAY,SAA8B;AACxC,MAAI,QAAQ,QACV,MAAK,QAAQ;;CAIjB,AAAQ,SAAS;AAEf,OAAK,IAAI,OAAO;EAChB,MAAM,OAAO,KAAK,MAAM;AAExB,OAAK,WAAW,SAAS,MAAM;AAC7B,OAAI,EAAE,aAAa,KAAK,UAAW,GAAE,YAAY,YAAY,EAAE;IAC/D;AAEF,MAAI,CAAC,KAAK,KAAM;EAKhB,MAAM,WACJ,OAAO,KAAK,MAAM,aAAa,aAC3B,KAAK,KAAK,UAAU,GACpB,KAAK;AAEX,MAAI,UAAU,aAAa,OAAO,SAAS,cAAc,UAAU;GAEjE,MAAM,eAAe,KAAK,IAAI,gBAC5B,SAAS,UACV;AAED,OAAI,SAAS,MACX,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,SAAS,MAAM,CACvD,CAAC,aAAa,SAAiB,OAAO;AAI1C,OAAI,SAAS,UAAU;IACrB,MAAM,UAAU,SAAS;AACzB,QAAI,OAAO,YAAY,YAAY,OAAO,YAAY,SACpD,cAAa,SAAS,cAAc,YAClC,SAAS,eAAe,OAAO,QAAQ,CAAC,CACzC;;AAIL,QAAK,IAAI,cAAc;SAClB;GAEL,MAAM,OACJ,KAAK,MAAM,SAAS,KAAK,MAAM,YAAY,IAAI,OAAO,KAAK,KAAK;AAIlE,QAAK,YAAY,SAAS,eAAe,KAAK,CAAC;;;;YA5DlD,OAAO;oCAVT,UAAU;CACT,UAAU;CACV,YAAY;CAGZ,UAAU;CAEV,QAAQ,CAAC,+BAA+B;CACzC,CAAC"}

package/dist/esm/UI/index.mjs

@@ -0,0 +1,3 @@
+import { IntlayerNodeComponent } from "./IntlayerNode.component.mjs";
+
+export { IntlayerNodeComponent };

package/dist/esm/client/index.mjs

@@ -1,10 +1,10 @@
-import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, provideIntlayer } from "./installIntlayer.mjs";
+import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient } from "./intlayerToken.mjs";
+import { installIntlayer, provideIntlayer } from "./installIntlayer.mjs";
 import { useDictionary } from "./useDictionary.mjs";
 import { useDictionaryAsync } from "./useDictionaryAsync.mjs";
 import { useLoadDynamic } from "./useLoadDynamic.mjs";
 import { useDictionaryDynamic } from "./useDictionaryDynamic.mjs";
-import { useIntl } from "./useIntl.mjs";
 import { isUpdatableNode, useIntlayer } from "./useIntlayer.mjs";
 import { useLocale } from "./useLocale.mjs";
 
-export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, isUpdatableNode, provideIntlayer, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntl, useIntlayer, useLoadDynamic, useLocale };
+export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, isUpdatableNode, provideIntlayer, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntlayer, useLoadDynamic, useLocale };

package/dist/esm/client/installIntlayer.mjs

@@ -1,41 +1,18 @@
-import { __decorate } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.mjs";
-import configuration from "@intlayer/config/built";
-import { Injectable, InjectionToken, signal } from "@angular/core";
+import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient } from "./intlayerToken.mjs";
+import { provideIntlayerEditor } from "../editor/useEditor.mjs";
 
 //#region src/client/installIntlayer.ts
-const INTLAYER_TOKEN = new InjectionToken("intlayer");
-/**
-* Singleton instance
-*/
-let instance = null;
-let IntlayerProvider = class IntlayerProvider {
-	isCookieEnabled = signal(true);
-	_locale = signal(configuration.internationalization?.defaultLocale);
-	locale = this._locale.asReadonly();
-	setLocale = (locale) => {
-		this._locale.set(locale);
-	};
-};
-IntlayerProvider = __decorate([Injectable({ providedIn: "root" })], IntlayerProvider);
-/**
-* Create and return a single IntlayerProvider instance
-*/
-const createIntlayerClient = (locale, isCookieEnabled = true) => {
-	if (instance) return instance;
-	instance = new IntlayerProvider();
-	if (locale) instance.setLocale(locale);
-	instance.isCookieEnabled.set(isCookieEnabled);
-	return instance;
-};
 /**
 * Provides Intlayer to your Angular application.
 *
-* This function should be used in your application's provider list (e.g., in `app.config.ts`)
-* to initialize the Intlayer service.
+* Registers the Intlayer locale token **and** automatically starts the Intlayer
+* editor client (when the editor is enabled) via `provideAppInitializer`.
+*
+* This is the recommended way to set up Intlayer in `app.config.ts`.
 *
 * @param locale - Initial locale to use.
 * @param isCookieEnabled - Whether to store the locale in cookies.
-* @returns A provider configuration for Intlayer.
+* @returns An array of Angular providers for Intlayer.
 *
 * @example
 * ```ts
@@ -44,16 +21,17 @@ const createIntlayerClient = (locale, isCookieEnabled = true) => {
 * import { provideIntlayer } from 'angular-intlayer';
 *
 * export const appConfig: ApplicationConfig = {
-*   providers: [
-*     provideIntlayer({ locale: 'en' }),
-*   ],
+*   providers: [provideIntlayer()],
 * };
 * ```
 */
-const provideIntlayer = (locale, isCookieEnabled = true) => ({
-	provide: INTLAYER_TOKEN,
-	useValue: installIntlayer(locale, isCookieEnabled)
-});
+const provideIntlayer = (locale, isCookieEnabled = true) => {
+	const client = installIntlayer(locale, isCookieEnabled);
+	return [{
+		provide: INTLAYER_TOKEN,
+		useValue: client
+	}, provideIntlayerEditor(client)];
+};
 /**
 * Helper to install the Intlayer provider.
 */

package/dist/esm/client/installIntlayer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"installIntlayer.mjs","names":[],"sources":["../../../src/client/installIntlayer.ts"],"sourcesContent":["import { Injectable, InjectionToken, type Signal, signal } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\n\nexport const INTLAYER_TOKEN = new InjectionToken<IntlayerProvider>('intlayer');\n\n/**\n * Singleton instance\n */\nlet instance: IntlayerProvider | null = null;\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class IntlayerProvider {\n  isCookieEnabled = signal(true);\n  private _locale = signal<LocalesValues>(\n    configuration.internationalization?.defaultLocale as LocalesValues\n  );\n\n  readonly locale: Signal<LocalesValues> = this._locale.asReadonly();\n\n  setLocale = (locale: LocalesValues) => {\n    this._locale.set(locale);\n  };\n}\n\n/**\n * Create and return a single IntlayerProvider instance\n */\nexport const createIntlayerClient = (\n  locale?: LocalesValues,\n  isCookieEnabled = true\n): IntlayerProvider => {\n  if (instance) return instance;\n\n  instance = new IntlayerProvider();\n\n  if (locale) {\n    instance.setLocale(locale);\n  }\n  instance.isCookieEnabled.set(isCookieEnabled);\n\n  return instance;\n};\n\n/**\n * Provides Intlayer to your Angular application.\n *\n * This function should be used in your application's provider list (e.g., in `app.config.ts`)\n * to initialize the Intlayer service.\n *\n * @param locale - Initial locale to use.\n * @param isCookieEnabled - Whether to store the locale in cookies.\n * @returns A provider configuration for Intlayer.\n *\n * @example\n * ```ts\n * // app.config.ts\n * import { ApplicationConfig } from '@angular/core';\n * import { provideIntlayer } from 'angular-intlayer';\n *\n * export const appConfig: ApplicationConfig = {\n *   providers: [\n *     provideIntlayer({ locale: 'en' }),\n *   ],\n * };\n * ```\n */\nexport const provideIntlayer = (\n  locale?: LocalesValues,\n  isCookieEnabled = true\n) => ({\n  provide: INTLAYER_TOKEN,\n  useValue: installIntlayer(locale, isCookieEnabled),\n});\n\n/**\n * Helper to install the Intlayer provider.\n */\nexport const installIntlayer = (\n  locale?: LocalesValues,\n  isCookieEnabled = true\n) => {\n  const client = createIntlayerClient(locale, isCookieEnabled);\n\n  // Note: Angular editor installation will be handled differently\n  // installIntlayerEditor();\n\n  return client;\n};\n"],"mappings":";;;;;AAIA,MAAa,iBAAiB,IAAI,eAAiC,WAAW;;;;AAK9E,IAAI,WAAoC;AAKjC,6BAAM,iBAAiB;CAC5B,kBAAkB,OAAO,KAAK;CAC9B,AAAQ,UAAU,OAChB,cAAc,sBAAsB,cACrC;CAED,AAAS,SAAgC,KAAK,QAAQ,YAAY;CAElE,aAAa,WAA0B;AACrC,OAAK,QAAQ,IAAI,OAAO;;;+BAZ3B,WAAW,EACV,YAAY,QACb,CAAC;;;;AAiBF,MAAa,wBACX,QACA,kBAAkB,SACG;AACrB,KAAI,SAAU,QAAO;AAErB,YAAW,IAAI,kBAAkB;AAEjC,KAAI,OACF,UAAS,UAAU,OAAO;AAE5B,UAAS,gBAAgB,IAAI,gBAAgB;AAE7C,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;AA0BT,MAAa,mBACX,QACA,kBAAkB,UACd;CACJ,SAAS;CACT,UAAU,gBAAgB,QAAQ,gBAAgB;CACnD;;;;AAKD,MAAa,mBACX,QACA,kBAAkB,SACf;AAMH,QALe,qBAAqB,QAAQ,gBAAgB"}
+{"version":3,"file":"installIntlayer.mjs","names":[],"sources":["../../../src/client/installIntlayer.ts"],"sourcesContent":["import type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { provideIntlayerEditor } from '../editor/useEditor';\nimport {\n  createIntlayerClient,\n  INTLAYER_TOKEN,\n  IntlayerProvider,\n} from './intlayerToken';\n\nexport { createIntlayerClient, INTLAYER_TOKEN, IntlayerProvider };\n\n/**\n * Provides Intlayer to your Angular application.\n *\n * Registers the Intlayer locale token **and** automatically starts the Intlayer\n * editor client (when the editor is enabled) via `provideAppInitializer`.\n *\n * This is the recommended way to set up Intlayer in `app.config.ts`.\n *\n * @param locale - Initial locale to use.\n * @param isCookieEnabled - Whether to store the locale in cookies.\n * @returns An array of Angular providers for Intlayer.\n *\n * @example\n * ```ts\n * // app.config.ts\n * import { ApplicationConfig } from '@angular/core';\n * import { provideIntlayer } from 'angular-intlayer';\n *\n * export const appConfig: ApplicationConfig = {\n *   providers: [provideIntlayer()],\n * };\n * ```\n */\nexport const provideIntlayer = (\n  locale?: LocalesValues,\n  isCookieEnabled = true\n) => {\n  const client = installIntlayer(locale, isCookieEnabled);\n\n  return [\n    { provide: INTLAYER_TOKEN, useValue: client },\n    provideIntlayerEditor(client),\n  ];\n};\n\n/**\n * Helper to install the Intlayer provider.\n */\nexport const installIntlayer = (\n  locale?: LocalesValues,\n  isCookieEnabled = true\n) => {\n  return createIntlayerClient(locale, isCookieEnabled);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,mBACX,QACA,kBAAkB,SACf;CACH,MAAM,SAAS,gBAAgB,QAAQ,gBAAgB;AAEvD,QAAO,CACL;EAAE,SAAS;EAAgB,UAAU;EAAQ,EAC7C,sBAAsB,OAAO,CAC9B;;;;;AAMH,MAAa,mBACX,QACA,kBAAkB,SACf;AACH,QAAO,qBAAqB,QAAQ,gBAAgB"}

package/dist/esm/client/intlayerToken.mjs

@@ -0,0 +1,31 @@
+import configuration from "@intlayer/config/built";
+import { InjectionToken, signal } from "@angular/core";
+
+//#region src/client/intlayerToken.ts
+var IntlayerProvider = class {
+	isCookieEnabled = signal(true);
+	_locale = signal(configuration.internationalization?.defaultLocale);
+	locale = this._locale.asReadonly();
+	setLocale = (locale) => {
+		this._locale.set(locale);
+	};
+};
+const INTLAYER_TOKEN = new InjectionToken("intlayer");
+/**
+* Singleton instance
+*/
+let instance = null;
+/**
+* Create and return a single IntlayerProvider instance
+*/
+const createIntlayerClient = (locale, isCookieEnabled = true) => {
+	if (instance) return instance;
+	instance = new IntlayerProvider();
+	if (locale) instance.setLocale(locale);
+	instance.isCookieEnabled.set(isCookieEnabled);
+	return instance;
+};
+
+//#endregion
+export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient };
+//# sourceMappingURL=intlayerToken.mjs.map

package/dist/esm/client/intlayerToken.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"intlayerToken.mjs","names":[],"sources":["../../../src/client/intlayerToken.ts"],"sourcesContent":["import { InjectionToken, type Signal, signal } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\n\nexport class IntlayerProvider {\n  isCookieEnabled = signal(true);\n  private _locale = signal<LocalesValues>(\n    configuration.internationalization?.defaultLocale as LocalesValues\n  );\n\n  readonly locale: Signal<LocalesValues> = this._locale.asReadonly();\n\n  setLocale = (locale: LocalesValues) => {\n    this._locale.set(locale);\n  };\n}\n\nexport const INTLAYER_TOKEN = new InjectionToken<IntlayerProvider>('intlayer');\n\n/**\n * Singleton instance\n */\nlet instance: IntlayerProvider | null = null;\n\n/**\n * Create and return a single IntlayerProvider instance\n */\nexport const createIntlayerClient = (\n  locale?: LocalesValues,\n  isCookieEnabled = true\n): IntlayerProvider => {\n  if (instance) return instance;\n\n  instance = new IntlayerProvider();\n\n  if (locale) {\n    instance.setLocale(locale);\n  }\n  instance.isCookieEnabled.set(isCookieEnabled);\n\n  return instance;\n};\n"],"mappings":";;;;AAIA,IAAa,mBAAb,MAA8B;CAC5B,kBAAkB,OAAO,KAAK;CAC9B,AAAQ,UAAU,OAChB,cAAc,sBAAsB,cACrC;CAED,AAAS,SAAgC,KAAK,QAAQ,YAAY;CAElE,aAAa,WAA0B;AACrC,OAAK,QAAQ,IAAI,OAAO;;;AAI5B,MAAa,iBAAiB,IAAI,eAAiC,WAAW;;;;AAK9E,IAAI,WAAoC;;;;AAKxC,MAAa,wBACX,QACA,kBAAkB,SACG;AACrB,KAAI,SAAU,QAAO;AAErB,YAAW,IAAI,kBAAkB;AAEjC,KAAI,OACF,UAAS,UAAU,OAAO;AAE5B,UAAS,gBAAgB,IAAI,gBAAgB;AAE7C,QAAO"}

package/dist/esm/client/useDictionary.mjs

@@ -1,5 +1,5 @@
 import { getDictionary } from "../getDictionary.mjs";
-import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { INTLAYER_TOKEN } from "./intlayerToken.mjs";
 import { computed, inject } from "@angular/core";
 
 //#region src/client/useDictionary.ts

package/dist/esm/client/useDictionary.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionary.mjs","names":[],"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["import { computed, inject, type Signal } from '@angular/core';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { getDictionary } from '../getDictionary';\nimport type { DeepTransformContent } from '../plugins';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\n\nexport const useDictionary = <T extends Dictionary>(\n  dictionary: T,\n  locale?: LocalesValues\n): Signal<DeepTransformContent<T['content']>> => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(() => locale ?? intlayer?.locale());\n\n  /** a *stable* reactive dictionary object */\n  const content = computed(() =>\n    getDictionary<T, LocalesValues>(dictionary, localeTarget())\n  );\n\n  return content; // all consumers keep full reactivity\n};\n"],"mappings":";;;;;AAOA,MAAa,iBACX,YACA,WAC+C;CAC/C,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAAe,UAAU,UAAU,QAAQ,CAAC;AAOjE,QAJgB,eACd,cAAgC,YAAY,cAAc,CAAC,CAC5D"}
+{"version":3,"file":"useDictionary.mjs","names":[],"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["import { computed, inject, type Signal } from '@angular/core';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { getDictionary } from '../getDictionary';\nimport type { DeepTransformContent } from '../plugins';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\n\nexport const useDictionary = <T extends Dictionary>(\n  dictionary: T,\n  locale?: LocalesValues\n): Signal<DeepTransformContent<T['content']>> => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(() => locale ?? intlayer?.locale());\n\n  /** a *stable* reactive dictionary object */\n  const content = computed(\n    () => getDictionary<T, LocalesValues>(dictionary, localeTarget()) as any\n  );\n\n  return content; // all consumers keep full reactivity\n};\n"],"mappings":";;;;;AAOA,MAAa,iBACX,YACA,WAC+C;CAC/C,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAAe,UAAU,UAAU,QAAQ,CAAC;AAOjE,QAJgB,eACR,cAAgC,YAAY,cAAc,CAAC,CAClE"}

package/dist/esm/client/useDictionaryAsync.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { INTLAYER_TOKEN } from "./intlayerToken.mjs";
 import { useDictionary } from "./useDictionary.mjs";
 import configuration from "@intlayer/config/built";
 import { computed, inject } from "@angular/core";

package/dist/esm/client/useDictionaryAsync.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryAsync.mjs","names":[],"sources":["../../../src/client/useDictionaryAsync.ts"],"sourcesContent":["'use client';\n\nimport { computed, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { LocalesValues, StrictModeLocaleMap } from '@intlayer/types/module_augmentation';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\nimport { useDictionary } from './useDictionary';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryAsync = async <T extends Dictionary>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  locale?: LocalesValues\n) => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(\n    () =>\n      locale ??\n      intlayer?.locale() ??\n      configuration?.internationalization.defaultLocale\n  );\n\n  const dictionary = await dictionaryPromise[localeTarget()]?.();\n\n  return useDictionary(dictionary, localeTarget() as any);\n};\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAa,qBAAqB,OAChC,mBACA,WACG;CACH,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAEjB,UACA,UAAU,QAAQ,IAClB,eAAe,qBAAqB,cACvC;AAID,QAAO,cAFY,MAAM,kBAAkB,cAAc,KAAK,EAE7B,cAAc,CAAQ"}
+{"version":3,"file":"useDictionaryAsync.mjs","names":[],"sources":["../../../src/client/useDictionaryAsync.ts"],"sourcesContent":["'use client';\n\nimport { computed, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type {\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types/module_augmentation';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\nimport { useDictionary } from './useDictionary';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryAsync = async <T extends Dictionary>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  locale?: LocalesValues\n) => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(\n    () =>\n      locale ??\n      intlayer?.locale() ??\n      configuration?.internationalization.defaultLocale\n  );\n\n  const dictionary = await (dictionaryPromise as any)[localeTarget()]?.();\n\n  return useDictionary(dictionary, localeTarget() as any);\n};\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAa,qBAAqB,OAChC,mBACA,WACG;CACH,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAEjB,UACA,UAAU,QAAQ,IAClB,eAAe,qBAAqB,cACvC;AAID,QAAO,cAFY,MAAO,kBAA0B,cAAc,KAAK,EAEtC,cAAc,CAAQ"}

package/dist/esm/client/useDictionaryDynamic.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { INTLAYER_TOKEN } from "./intlayerToken.mjs";
 import { useDictionary } from "./useDictionary.mjs";
 import { useLoadDynamic } from "./useLoadDynamic.mjs";
 import configuration from "@intlayer/config/built";

package/dist/esm/client/useDictionaryDynamic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryDynamic.mjs","names":[],"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport { computed, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { DictionaryKeys, LocalesValues, StrictModeLocaleMap } from '@intlayer/types/module_augmentation';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\nimport { useDictionary } from './useDictionary';\nimport { useLoadDynamic } from './useLoadDynamic';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryDynamic = <\n  T extends Dictionary,\n  K extends DictionaryKeys,\n>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  key: K,\n  locale?: LocalesValues\n) => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(\n    () =>\n      locale ??\n      intlayer?.locale() ??\n      configuration?.internationalization.defaultLocale\n  );\n\n  const dictionary = useLoadDynamic<T>(\n    `${String(key)}.${localeTarget()}`,\n    dictionaryPromise[localeTarget()]?.()\n  ) as T;\n\n  return useDictionary(dictionary, localeTarget() as any);\n};\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAa,wBAIX,mBACA,KACA,WACG;CACH,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAEjB,UACA,UAAU,QAAQ,IAClB,eAAe,qBAAqB,cACvC;AAOD,QAAO,cALY,eACjB,GAAG,OAAO,IAAI,CAAC,GAAG,cAAc,IAChC,kBAAkB,cAAc,KAAK,CACtC,EAEgC,cAAc,CAAQ"}
+{"version":3,"file":"useDictionaryDynamic.mjs","names":[],"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport { computed, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type {\n  DictionaryKeys,\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types/module_augmentation';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\nimport { useDictionary } from './useDictionary';\nimport { useLoadDynamic } from './useLoadDynamic';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryDynamic = <\n  T extends Dictionary,\n  K extends DictionaryKeys,\n>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  key: K,\n  locale?: LocalesValues\n) => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(\n    () =>\n      locale ??\n      intlayer?.locale() ??\n      configuration?.internationalization.defaultLocale\n  );\n\n  const dictionary = useLoadDynamic<T>(\n    `${String(key)}.${localeTarget()}`,\n    (dictionaryPromise as any)[localeTarget()]?.()\n  ) as T;\n\n  return useDictionary(dictionary, localeTarget() as any);\n};\n"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAa,wBAIX,mBACA,KACA,WACG;CACH,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAEjB,UACA,UAAU,QAAQ,IAClB,eAAe,qBAAqB,cACvC;AAOD,QAAO,cALY,eACjB,GAAG,OAAO,IAAI,CAAC,GAAG,cAAc,IAC/B,kBAA0B,cAAc,KAAK,CAC/C,EAEgC,cAAc,CAAQ"}

package/dist/esm/client/useIntlayer.mjs

@@ -1,5 +1,5 @@
 import { getIntlayer } from "../getIntlayer.mjs";
-import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { INTLAYER_TOKEN } from "./intlayerToken.mjs";
 import { computed, inject } from "@angular/core";
 
 //#region src/client/useIntlayer.ts

package/dist/esm/client/useIntlayer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayer.mjs","names":[],"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["import { computed, inject, type Signal } from '@angular/core';\nimport type { DictionaryKeys, DictionaryRegistryContent, LocalesValues } from '@intlayer/types/module_augmentation';\nimport { getIntlayer } from '../getIntlayer';\nimport type { DeepTransformContent } from '../plugins';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\n\n/** guard utility - true only for objects generated by `renderIntlayerNode()` */\nexport const isUpdatableNode = (\n  val: unknown\n): val is { __update: (n: unknown) => void } =>\n  !!val &&\n  typeof val === 'object' &&\n  typeof (val as any).__update === 'function';\n\n/**\n * Angular hook that picks one dictionary by its key and returns its reactive content.\n *\n * It utilizes Angular signals to provide deep reactivity, ensuring your components\n * update automatically when the locale changes.\n *\n * @param key - The unique key of the dictionary to retrieve.\n * @param locale - Optional locale to override the current context locale.\n * @returns The transformed dictionary content.\n *\n * @example\n * ```ts\n * import { Component } from '@angular/core';\n * import { useIntlayer } from 'angular-intlayer';\n *\n * @Component({\n *   standalone: true,\n *   selector: 'app-my-component',\n *   template: `<div>{{ content().myField.value }}</div>`,\n * })\n * export class MyComponent {\n *   content = useIntlayer('my-dictionary-key');\n * }\n * ```\n */\nexport const useIntlayer = <T extends DictionaryKeys, L extends LocalesValues>(\n  key: T,\n  locale?: LocalesValues\n): Signal<DeepTransformContent<DictionaryRegistryContent<T>>> => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN)!;\n\n  /** which locale should we use right now? */\n  const localeTarget = computed(() => locale ?? intlayer.locale());\n\n  /** a *stable* reactive dictionary object */\n  // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  const content = computed(() => getIntlayer<T, L>(key, localeTarget() as L));\n\n  return content; // all consumers keep full reactivity\n};\n"],"mappings":";;;;;;AAOA,MAAa,mBACX,QAEA,CAAC,CAAC,OACF,OAAO,QAAQ,YACf,OAAQ,IAAY,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BnC,MAAa,eACX,KACA,WAC+D;CAC/D,MAAM,WAAW,OAAyB,eAAe;;CAGzD,MAAM,eAAe,eAAe,UAAU,SAAS,QAAQ,CAAC;AAMhE,QAFgB,eAAe,YAAkB,KAAK,cAAc,CAAM,CAAC"}
+{"version":3,"file":"useIntlayer.mjs","names":[],"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["import { computed, inject, type Signal } from '@angular/core';\nimport type {\n  DictionaryKeys,\n  DictionaryRegistryContent,\n  LocalesValues,\n} from '@intlayer/types/module_augmentation';\nimport { getIntlayer } from '../getIntlayer';\nimport type { DeepTransformContent } from '../plugins';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\n\n/** guard utility - true only for objects generated by `renderIntlayerNode()` */\nexport const isUpdatableNode = (\n  val: unknown\n): val is { __update: (n: unknown) => void } =>\n  !!val &&\n  typeof val === 'object' &&\n  typeof (val as any).__update === 'function';\n\n/**\n * Angular hook that picks one dictionary by its key and returns its reactive content.\n *\n * It utilizes Angular signals to provide deep reactivity, ensuring your components\n * update automatically when the locale changes.\n *\n * @param key - The unique key of the dictionary to retrieve.\n * @param locale - Optional locale to override the current context locale.\n * @returns The transformed dictionary content.\n *\n * @example\n * ```ts\n * import { Component } from '@angular/core';\n * import { useIntlayer } from 'angular-intlayer';\n *\n * @Component({\n *   standalone: true,\n *   selector: 'app-my-component',\n *   template: `<div>{{ content().myField.value }}</div>`,\n * })\n * export class MyComponent {\n *   content = useIntlayer('my-dictionary-key');\n * }\n * ```\n */\nexport const useIntlayer = <T extends DictionaryKeys, L extends LocalesValues>(\n  key: T,\n  locale?: LocalesValues\n): Signal<DeepTransformContent<DictionaryRegistryContent<T>>> => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN)!;\n\n  /** which locale should we use right now? */\n  const localeTarget = computed(() => locale ?? intlayer.locale());\n\n  /** a *stable* reactive dictionary object */\n  // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  const content = computed(\n    () => getIntlayer<T, L>(key, localeTarget() as L) as any\n  );\n\n  return content; // all consumers keep full reactivity\n};\n"],"mappings":";;;;;;AAWA,MAAa,mBACX,QAEA,CAAC,CAAC,OACF,OAAO,QAAQ,YACf,OAAQ,IAAY,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BnC,MAAa,eACX,KACA,WAC+D;CAC/D,MAAM,WAAW,OAAyB,eAAe;;CAGzD,MAAM,eAAe,eAAe,UAAU,SAAS,QAAQ,CAAC;AAQhE,QAJgB,eACR,YAAkB,KAAK,cAAc,CAAM,CAClD"}

package/dist/esm/client/useLocale.mjs

@@ -1,4 +1,4 @@
-import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { INTLAYER_TOKEN } from "./intlayerToken.mjs";
 import { setLocaleInStorage } from "./useLocaleStorage.mjs";
 import configuration from "@intlayer/config/built";
 import { computed, inject } from "@angular/core";

package/dist/esm/editor/EditorProvider.component.mjs

@@ -0,0 +1,20 @@
+import { __decorateMetadata } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorateMetadata.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.mjs";
+import { useEditor } from "./useEditor.mjs";
+import { Component } from "@angular/core";
+
+//#region src/editor/EditorProvider.component.ts
+let EditorProviderComponent = class EditorProviderComponent {
+	constructor() {
+		useEditor();
+	}
+};
+EditorProviderComponent = __decorate([Component({
+	selector: "intlayer-editor-provider",
+	standalone: true,
+	template: `<ng-content />`
+}), __decorateMetadata("design:paramtypes", [])], EditorProviderComponent);
+
+//#endregion
+export { EditorProviderComponent };
+//# sourceMappingURL=EditorProvider.component.mjs.map

package/dist/esm/editor/EditorProvider.component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorProvider.component.mjs","names":[],"sources":["../../../src/editor/EditorProvider.component.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { useEditor } from './useEditor';\n\n/**\n * Drop-in Angular equivalent of React's `EditorProvider`.\n *\n * Wrap your root component (or any subtree) with this component to automatically\n * start the Intlayer editor client.  The editor will be started on mount and\n * stopped when this component is destroyed.\n *\n * @example\n * ```html\n * <!-- app.component.html -->\n * <intlayer-editor-provider>\n *   <router-outlet />\n * </intlayer-editor-provider>\n * ```\n *\n * ```ts\n * // app.component.ts\n * import { EditorProviderComponent } from 'angular-intlayer';\n *\n * @Component({\n *   imports: [EditorProviderComponent],\n *   …\n * })\n * export class AppComponent {}\n * ```\n */\n@Component({\n  selector: 'intlayer-editor-provider',\n  standalone: true,\n  template: `<ng-content />`,\n})\nexport class EditorProviderComponent {\n  constructor() {\n    useEditor();\n  }\n}\n"],"mappings":";;;;;;AAkCO,oCAAM,wBAAwB;CACnC,cAAc;AACZ,aAAW;;;sCAPd,UAAU;CACT,UAAU;CACV,YAAY;CACZ,UAAU;CACX,CAAC"}

package/dist/esm/editor/index.mjs

@@ -0,0 +1,5 @@
+import { ContentSelectorWrapperComponent } from "./ContentSelector.component.mjs";
+import { provideIntlayerEditor, useEditor } from "./useEditor.mjs";
+import { EditorProviderComponent } from "./EditorProvider.component.mjs";
+
+export { ContentSelectorWrapperComponent, EditorProviderComponent, provideIntlayerEditor, useEditor };

package/dist/esm/editor/useEditor.mjs

@@ -1,30 +1,64 @@
-import { INTLAYER_TOKEN } from "../client/installIntlayer.mjs";
-import { DestroyRef, Injector, effect, inject, runInInjectionContext } from "@angular/core";
+import { INTLAYER_TOKEN } from "../client/intlayerToken.mjs";
+import { DestroyRef, Injector, effect, inject, provideAppInitializer, runInInjectionContext, signal } from "@angular/core";
 import { isEnabled } from "@intlayer/editor/isEnabled";
 
 //#region src/editor/useEditor.ts
-const useEditor = () => {
-	if (process.env.INTLAYER_EDITOR_ENABLED === "false" || !isEnabled) return;
+/**
+* Initialises the Intlayer editor client singleton when the editor is enabled.
+* Syncs the current locale from the provided Intlayer client into the editor
+* manager so the editor always knows which locale the app is displaying.
+*
+* Must be called inside an Angular injection context (e.g. a component
+* constructor, `provideAppInitializer`, or `runInInjectionContext`).
+*
+* @param client - The IntlayerProvider instance to sync locale from.
+*   When omitted the function injects `INTLAYER_TOKEN` from the DI tree,
+*   so it still works when called directly from a component.
+*/
+const useEditor = (client) => {
+	if (!isEnabled) return;
 	const destroyRef = inject(DestroyRef, { optional: true });
-	const client = inject(INTLAYER_TOKEN, { optional: true });
 	const injector = inject(Injector);
+	const resolvedClient = client ?? inject(INTLAYER_TOKEN, { optional: true });
+	const manager = signal(null);
+	let stopped = false;
 	import("@intlayer/editor").then(({ initEditorClient }) => {
-		const manager = initEditorClient();
-		if (client) {
-			const effectRef = runInInjectionContext(injector, () => effect(() => {
-				const locale = client.locale();
-				if (locale) manager.currentLocale.set(locale);
-			}));
-			destroyRef?.onDestroy(() => effectRef.destroy());
-		}
+		if (stopped) return;
+		manager.set(initEditorClient());
 	});
+	const effectRef = runInInjectionContext(injector, () => effect(() => {
+		const m = manager();
+		const locale = resolvedClient?.locale();
+		if (m && locale) m.currentLocale.set(locale);
+	}));
 	destroyRef?.onDestroy(() => {
+		stopped = true;
+		effectRef.destroy();
+		manager.set(null);
 		import("@intlayer/editor").then(({ stopEditorClient }) => {
 			stopEditorClient();
 		});
 	});
 };
+/**
+* Angular provider that wires `useEditor` into the application initialisation
+* phase via `provideAppInitializer`.
+*
+* `provideIntlayer()` already calls this internally, so you only need this
+* function when you want to manage providers individually.
+*
+* @example
+* ```ts
+* // app.config.ts
+* import { provideIntlayer, provideIntlayerEditor } from 'angular-intlayer';
+*
+* export const appConfig: ApplicationConfig = {
+*   providers: [provideIntlayer(), provideIntlayerEditor()],
+* };
+* ```
+*/
+const provideIntlayerEditor = (client) => provideAppInitializer(() => useEditor(client));
 
 //#endregion
-export { useEditor };
+export { provideIntlayerEditor, useEditor };
 //# sourceMappingURL=useEditor.mjs.map

package/dist/esm/editor/useEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEditor.mjs","names":[],"sources":["../../../src/editor/useEditor.ts"],"sourcesContent":["import {\n  DestroyRef,\n  effect,\n  Injector,\n  inject,\n  runInInjectionContext,\n} from '@angular/core';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from '../client';\n\nexport const useEditor = () => {\n  if (process.env.INTLAYER_EDITOR_ENABLED === 'false' || !isEnabled) return;\n\n  const destroyRef = inject(DestroyRef, { optional: true });\n  const client = inject<IntlayerProvider>(INTLAYER_TOKEN, {\n    optional: true,\n  } as any);\n  const injector = inject(Injector);\n\n  import('@intlayer/editor').then(({ initEditorClient }) => {\n    const manager = initEditorClient();\n\n    if (client) {\n      const effectRef = runInInjectionContext(injector, () =>\n        effect(() => {\n          const locale = client.locale();\n          if (locale) manager.currentLocale.set(locale as Locale);\n        })\n      );\n      destroyRef?.onDestroy(() => effectRef.destroy());\n    }\n  });\n\n  destroyRef?.onDestroy(() => {\n    import('@intlayer/editor').then(({ stopEditorClient }) => {\n      stopEditorClient();\n    });\n  });\n};\n"],"mappings":";;;;;AAWA,MAAa,kBAAkB;AAC7B,KAAI,QAAQ,IAAI,4BAA4B,WAAW,CAAC,UAAW;CAEnE,MAAM,aAAa,OAAO,YAAY,EAAE,UAAU,MAAM,CAAC;CACzD,MAAM,SAAS,OAAyB,gBAAgB,EACtD,UAAU,MACX,CAAQ;CACT,MAAM,WAAW,OAAO,SAAS;AAEjC,QAAO,oBAAoB,MAAM,EAAE,uBAAuB;EACxD,MAAM,UAAU,kBAAkB;AAElC,MAAI,QAAQ;GACV,MAAM,YAAY,sBAAsB,gBACtC,aAAa;IACX,MAAM,SAAS,OAAO,QAAQ;AAC9B,QAAI,OAAQ,SAAQ,cAAc,IAAI,OAAiB;KACvD,CACH;AACD,eAAY,gBAAgB,UAAU,SAAS,CAAC;;GAElD;AAEF,aAAY,gBAAgB;AAC1B,SAAO,oBAAoB,MAAM,EAAE,uBAAuB;AACxD,qBAAkB;IAClB;GACF"}
+{"version":3,"file":"useEditor.mjs","names":[],"sources":["../../../src/editor/useEditor.ts"],"sourcesContent":["import {\n  DestroyRef,\n  effect,\n  Injector,\n  inject,\n  provideAppInitializer,\n  runInInjectionContext,\n  signal,\n} from '@angular/core';\nimport type { EditorStateManager } from '@intlayer/editor';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\n// Import from the standalone token file to avoid a circular dependency:\n//   installIntlayer.ts → useEditor.ts → ../client → installIntlayer.ts\nimport { INTLAYER_TOKEN, type IntlayerProvider } from '../client/intlayerToken';\n\n/**\n * Initialises the Intlayer editor client singleton when the editor is enabled.\n * Syncs the current locale from the provided Intlayer client into the editor\n * manager so the editor always knows which locale the app is displaying.\n *\n * Must be called inside an Angular injection context (e.g. a component\n * constructor, `provideAppInitializer`, or `runInInjectionContext`).\n *\n * @param client - The IntlayerProvider instance to sync locale from.\n *   When omitted the function injects `INTLAYER_TOKEN` from the DI tree,\n *   so it still works when called directly from a component.\n */\nexport const useEditor = (client?: IntlayerProvider | null): void => {\n  if (!isEnabled) return;\n\n  const destroyRef = inject(DestroyRef, { optional: true });\n  const injector = inject(Injector);\n\n  // Resolve the client: use the passed-in reference or fall back to injection.\n  const resolvedClient =\n    client ??\n    inject<IntlayerProvider>(INTLAYER_TOKEN, { optional: true } as any);\n\n  // `manager` signal is set once the async import resolves.\n  // Using a signal lets an `effect()` react to it becoming available.\n  const manager = signal<EditorStateManager | null>(null);\n\n  // Guard: prevents the async callback from acting after the view is destroyed.\n  let stopped = false;\n\n  // Initialise the editor client\n  import('@intlayer/editor').then(({ initEditorClient }) => {\n    if (stopped) return;\n    manager.set(initEditorClient());\n  });\n\n  // Keep the editor locale in sync with the Angular locale signal\n  const effectRef = runInInjectionContext(injector, () =>\n    effect(() => {\n      const m = manager();\n      const locale = resolvedClient?.locale();\n      if (m && locale) m.currentLocale.set(locale as Locale);\n    })\n  );\n\n  // Tear down on destroy\n  destroyRef?.onDestroy(() => {\n    stopped = true;\n    effectRef.destroy();\n    manager.set(null);\n    import('@intlayer/editor').then(({ stopEditorClient }) => {\n      stopEditorClient();\n    });\n  });\n};\n\n/**\n * Angular provider that wires `useEditor` into the application initialisation\n * phase via `provideAppInitializer`.\n *\n * `provideIntlayer()` already calls this internally, so you only need this\n * function when you want to manage providers individually.\n *\n * @example\n * ```ts\n * // app.config.ts\n * import { provideIntlayer, provideIntlayerEditor } from 'angular-intlayer';\n *\n * export const appConfig: ApplicationConfig = {\n *   providers: [provideIntlayer(), provideIntlayerEditor()],\n * };\n * ```\n */\nexport const provideIntlayerEditor = (client?: IntlayerProvider | null) =>\n  provideAppInitializer(() => useEditor(client));\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,MAAa,aAAa,WAA2C;AACnE,KAAI,CAAC,UAAW;CAEhB,MAAM,aAAa,OAAO,YAAY,EAAE,UAAU,MAAM,CAAC;CACzD,MAAM,WAAW,OAAO,SAAS;CAGjC,MAAM,iBACJ,UACA,OAAyB,gBAAgB,EAAE,UAAU,MAAM,CAAQ;CAIrE,MAAM,UAAU,OAAkC,KAAK;CAGvD,IAAI,UAAU;AAGd,QAAO,oBAAoB,MAAM,EAAE,uBAAuB;AACxD,MAAI,QAAS;AACb,UAAQ,IAAI,kBAAkB,CAAC;GAC/B;CAGF,MAAM,YAAY,sBAAsB,gBACtC,aAAa;EACX,MAAM,IAAI,SAAS;EACnB,MAAM,SAAS,gBAAgB,QAAQ;AACvC,MAAI,KAAK,OAAQ,GAAE,cAAc,IAAI,OAAiB;GACtD,CACH;AAGD,aAAY,gBAAgB;AAC1B,YAAU;AACV,YAAU,SAAS;AACnB,UAAQ,IAAI,KAAK;AACjB,SAAO,oBAAoB,MAAM,EAAE,uBAAuB;AACxD,qBAAkB;IAClB;GACF;;;;;;;;;;;;;;;;;;;AAoBJ,MAAa,yBAAyB,WACpC,4BAA4B,UAAU,OAAO,CAAC"}

package/dist/esm/format/index.mjs

@@ -0,0 +1,11 @@
+import { useUnit } from "./useUnit.mjs";
+import { useDate } from "./useDate.mjs";
+import { useNumber } from "./useNumber.mjs";
+import { useRelativeTime } from "./useRelativeTime.mjs";
+import { useCompact } from "./useCompact.mjs";
+import { useIntl } from "./useIntl.mjs";
+import { useList } from "./useList.mjs";
+import { usePercentage } from "./usePercentage.mjs";
+import { useCurrency } from "./useCurrency.mjs";
+
+export { useCompact, useCurrency, useDate, useIntl, useList, useNumber, usePercentage, useRelativeTime, useUnit };

package/dist/esm/format/useCompact.mjs

@@ -0,0 +1,16 @@
+import { INTLAYER_TOKEN } from "../client/intlayerToken.mjs";
+import { computed, inject } from "@angular/core";
+import { compact } from "@intlayer/core/formatters";
+
+//#region src/format/useCompact.ts
+const useCompact = () => {
+	const intlayer = inject(INTLAYER_TOKEN);
+	return computed(() => (...args) => compact(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+export { useCompact };
+//# sourceMappingURL=useCompact.mjs.map