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 Durumu
content.title; // IntlayerNode<string> döndürür
content.title.value; // Temel içeriği döndürür, burada bir string

content.title.toString(); // String döndürür
content.title.toLowerCase(); // String döndürür
String(content.title); // String döndürür
content.title.toUpperCase(); // Büyük harfe çevrilmiş string döndürür
content.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.