Apa itu tipe IntlayerNode?

Tipe IntlayerNode<T> adalah tipe khusus yang disediakan oleh paket-paket intlayer seperti next-intlayer, react-intlayer, vue-intlayer, preact-intlayer, solid-intlayer, angular-intlayer, svelte-intlayer, lit-intlayer, dan vanilla-intlayer.

Contoh penggunaan

import { t, type Dictionary } from "intlayer";
import type { ComponentChildren } from "preact";

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

export default appContent;

import { useIntlayer } from "react-intlayer";const AppContent = () => {const { title } = useIntlayer("app");return title; // mengembalikan tipe: IntlayerNode<string>};

Mengapa Intlayer menyisipkan IntlayerNode?

Intlayer menyisipkan IntlayerNode agar dapat merender Selektor Editor Visual dalam konteks CMS / Editor Visual.

IntlayerNode adalah node React/Vue/Preact/Solid/Angular/Svelte/Lit/Vanilla yang diperkaya, tetapi juga memungkinkan akses ke properti dari node primitif dasar.

Sebagai contoh:

const content = useIntlayer("app");// Kasus Stringcontent.title; // Mengembalikan IntlayerNode<string>content.title.value; // Mengembalikan konten dasar, dalam hal ini sebuah stringcontent.title.toString(); // Mengembalikan stringcontent.title.toLowerCase(); // Mengembalikan stringString(content.title); // Mengembalikan stringcontent.title.toUpperCase(); // Mengembalikan string huruf besarcontent.title.replace("a", "b"); // Mengembalikan string yang dimodifikasi// ...

Mengakses properti dari IntlayerNode akan berfungsi, tetapi akan mematahkan kemampuan untuk menampilkan selektor di Editor Visual.

IntlayerNode juga dapat membungkus angka, atau tipe lain seperti IntlayerNode<number>