Cos'è il tipo IntlayerNode?

    Il tipo IntlayerNode<T> è un tipo speciale fornito dai pacchetti di intlayer come next-intlayer, react-intlayer, vue-intlayer, preact-intlayer, solid-intlayer, angular-intlayer, svelte-intlayer, lit-intlayer e vanilla-intlayer.

    Esempio di utilizzo

    src/app.content.tsx
    import { t, type Dictionary } from "intlayer";
import type { ComponentChildren } from "preact";

const appContent = {
  key: "app",
  content: {
    title: "Vite + Preact",
  },
} satisfies Dictionary;

export default appContent;
    src/App.tsx
    import { useIntlayer } from "react-intlayer";const AppContent = () => {const { title } = useIntlayer("app");return title; // restituisce il tipo: IntlayerNode&lt;string&gt;};

    Perché Intlayer inserisce un IntlayerNode?

    Intlayer inserisce un IntlayerNode per poter renderizzare i Selettori dell'editor visuale nel contesto del CMS / Editor Visuale.

    Demo Editor Visuale

    Un IntlayerNode è un nodo React/Vue/Preact/Solid/Angular/Svelte/Lit/Vanilla arricchito, ma permette anche di accedere alle proprietà del nodo primitivo di base.

    Per esempio:

    js
    const content = useIntlayer("app");// Caso di una stringacontent.title; // Restituisce IntlayerNode&lt;string&gt;content.title.value; // Restituisce il contenuto di base, in questo caso una stringacontent.title.toString(); // Restituisce una stringacontent.title.toLowerCase(); // Restituisce una stringaString(content.title); // Restituisce una stringacontent.title.toUpperCase(); // Restituisce una stringa in maiuscolocontent.title.replace("a", "b"); // Restituisce una stringa modificata// ...
    Accedere alle proprietà di un IntlayerNode funzionerà, ma interromperà la capacità di visualizzare i selettori nell'Editor Visuale.
    L'IntlayerNode può anche avvolgere numeri o altri tipi come IntlayerNode<number>