IntlayerNode tipi nedir?

IntlayerNode<T> tipi, next-intlayer, react-intlayer, vue-intlayer, preact-intlayer, solid-intlayer, angular-intlayer, svelte-intlayer, lit-intlayer ve vanilla-intlayer gibi intlayer paketleri tarafından sağlanan özel bir tiptir.

Kullanım örneği

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; // şu tipi döndürür: IntlayerNode<string>};

Intlayer neden bir IntlayerNode ekler?

Intlayer, CMS / Görsel Düzenleyici bağlamında Görsel Düzenleyici Seçicilerini (Selectors) oluşturabilmek için bir IntlayerNode ekler.

Bir IntlayerNode; zenginleştirilmiş bir React/Vue/Preact/Solid/Angular/Svelte/Lit/Vanilla düğümüdür, ancak aynı zamanda temel ilkel (primitive) düğümün özelliklerine erişim de sağlar.

Örneğin:

const content = useIntlayer("app");// String Durumucontent.title; // IntlayerNode<string> döndürürcontent.title.value; // Temel içeriği döndürür, burada bir stringcontent.title.toString(); // String döndürürcontent.title.toLowerCase(); // String döndürürString(content.title); // String döndürürcontent.title.toUpperCase(); // Büyük harfe çevrilmiş string döndürürcontent.title.replace("a", "b"); // Değiştirilmiş string döndürür// ...

Bir IntlayerNode'un özelliklerine erişmek çalışacaktır ancak Görsel Düzenleyici'de seçicileri görüntüleme yeteneğini bozacaktır.

IntlayerNode ayrıca sayıları veya IntlayerNode<number> gibi diğer tipleri de sarmalayabilir.