@stackkit-translate/js

Vanilla JavaScript API for @stackkit-translate/core — createTranslateHost(), bindDom(), and optional enterprise helpers without a framework.

Current release: 1.0.0 — Depends on @stackkit-translate/core ^1.0.0. See monorepo CHANGELOG.

Live demo: Interactive demo — vanilla panel uses bindDom().

Keywords: translate i18n vanilla-js dom localization

Install

npm install @stackkit-translate/core @stackkit-translate/js @stackkit-translate/http

Usage — translate host

import { createFetchLoader } from "@stackkit-translate/http";
import { createTranslateHost } from "@stackkit-translate/js";

const host = createTranslateHost({
  lang: "en",
  fallbackLang: "en",
  loader: createFetchLoader({ prefix: "/assets/i18n/", suffix: ".json" }),
  bindRoot: document.getElementById("app")!
});

await host.translate.use("fr");
host.translate.t("DEMO.WELCOME", { name: "Ada" });

Usage — declarative DOM binding

<div id="app">
  <h1 data-i18n="DEMO.WELCOME" data-i18n-params='{"name":"Ada"}'></h1>
  <p data-i18n="FEATURES.RUNTIME"></p>
</div>

import { createTranslateHost } from "@stackkit-translate/js";

const host = createTranslateHost({
  lang: "en",
  loader,
  bindRoot: document.getElementById("app")!
});
// bindDom() runs automatically — updates on lang change

Usage — enterprise host

import { createEnterpriseTranslateHost } from "@stackkit-translate/js";
import { TRANSLATE_DEMO_LICENSE_KEY } from "@stackkit-translate/enterprise";

const host = createEnterpriseTranslateHost({
  lang: "en",
  loader,
  licenseKey: TRANSLATE_DEMO_LICENSE_KEY,
  bindRoot: document.getElementById("app")!
});

API (selected)

| Export | Description | | --- | --- | | createTranslateHost(config) | Core instance + optional bindRoot DOM sync. | | createEnterpriseTranslateHost(config) | Host with enterprise licence wiring. | | bindDom(root, translate) | Attribute-driven data-i18n updates. |

Related packages

• @stackkit-translate/core — engine.
• @stackkit-translate/angular — Angular service/pipe.
• @stackkit-translate/react — React provider.

License

MIT