@slexkit/runtime

Component-free SlexKit runtime entry.

This package re-exports slexkit/runtime; it is not a standalone physical runtime package yet. Install slexkit alongside it.

Install

npm install slexkit @slexkit/runtime

Usage

import { mount, register, attachComponentDisposer } from "@slexkit/runtime";

Use this entry to register custom components instead of the bundled Svelte components. The full Svelte component set is available via @slexkit/components-svelte.

What's included

All core engine APIs without component registrations:

• Mount & lifecycle: mount, ingest, boot, disposeNamespace
• Component registry: register, getRenderer, attachComponentDisposer
• Secure runtime: mountSecureArtifact, createSecureRuntime, setSlexKitRuntimeUrl, getSlexKitRuntimeUrl
• Markdown hosting: createSlexKitMarkdownRuntimeHost, getSlexKitMarkdownRuntimeHost, installSlexKitMarkdownRuntimeHost
• Diagnostics: parseSlexSource, diagnoseSlexKitSource, formatSlexKitDiagnostic
• Error types: SlexKitSyntaxError, SlexKitRuntimeError

Note: the runtime entry does not auto-register any components. Register custom renderers or import @slexkit/components-svelte for the official Svelte component set.

With custom components

import { mount, register, attachComponentDisposer } from "@slexkit/runtime";

register("text", (props, name, ctx) => {
  const el = document.createElement("span");
  el.textContent = props.text ?? "";
  return el;
}, { state: "none" });

mount({
  namespace: "demo",
  g: {},
  layout: { "text:hello": { text: "Hello, World!" } },
}, document.getElementById("app"));

Documentation

• SlexKit Runtime model
• Usage guide
• Packages