ما هو نوع IntlayerNode؟

نوع IntlayerNode<T> هو نوع خاص توفره حزم intlayer مثل next-intlayer و react-intlayer و vue-intlayer و preact-intlayer و solid-intlayer و angular-intlayer و svelte-intlayer و lit-intlayer و vanilla-intlayer.

مثال على الاستخدام

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; // يرجع النوع: IntlayerNode<string>};

لماذا يقوم Intlayer بإدراج IntlayerNode؟

يقوم Intlayer بإدراج IntlayerNode ليتمكن من عرض محددات المحرر المرئي في سياق نظام إدارة المحتوى (CMS) / المحرر المرئي.

إن IntlayerNode عبارة عن عقدة React/Vue/Preact/Solid/Angular/Svelte/Lit/Vanilla غنية، ولكنها تتيح أيضاً الوصول إلى خصائص العقدة البدائية الأساسية.

على سبيل المثال:

const content = useIntlayer("app");// حالة السلسلة النصية (String)content.title; // يرجع IntlayerNode<string>content.title.value; // يرجع المحتوى الأساسي، هنا سلسلة نصيةcontent.title.toString(); // يرجع سلسلة نصيةcontent.title.toLowerCase(); // يرجع سلسلة نصيةString(content.title); // يرجع سلسلة نصيةcontent.title.toUpperCase(); // يرجع سلسلة نصية بأحرف كبيرةcontent.title.replace("a", "b"); // يرجع سلسلة نصية معدلة// ...

الوصول إلى خصائص IntlayerNode سيعمل، ولكنه سيعطل القدرة على عرض المحددات في المحرر المرئي.

يمكن لـ IntlayerNode أيضاً تغليف الأرقام، أو أنواع أخرى مثل IntlayerNode<number>