XTend

XTend is a local-first Web Component and RMT toolkit for building framework-neutral web applications. It gives you a manifest-based component loader, a library of XTend UI custom elements, XTendRMT for declarative app shells, and Fabric for coordinated runtime work.

Use XTend when you want browser-native UI primitives, local module loading, typed component contracts and a path from simple HTML pages to RMT-driven app shells without depending on a CDN.

Packages

Package	Use it for
@ccslabs/xtend	The complete XTend stack: loader, UI components, RMT, Fabric, CLI, compiler and docs.
@ccslabs/xtend-rmt	XTendRMT runtime, browser bundle, core types and schema.
@ccslabs/xtend-fabric	Runtime lanes, hydration policy helpers and RMT lane mapping.
@ccslabs/xtend-cli	Scaffold and builder commands.
@ccslabs/xtend-compiler	RMT compiler, parser, linter and language-server tooling.

Install

npm install @ccslabs/xtend

For a local checkout, install dependencies and start the development server:

npm install
npm run dev:local

Minimal Browser Host

<script type="module" src="/xtend-loader.js" data-manifest="/components/manifest.json"></script>

<x-section label="Quick Start">
  <h1>Hello XTend</h1>
  <x-button variant="primary">Start</x-button>
</x-section>

The loader reads components/manifest.json, loads the requested custom elements and keeps the default path local.

RMT App Shells

XTendRMT lets you describe an app shell in a readable .rmt source: state, selectors, actions, events, resources, surfaces and scheduling live in one document. Host adapters connect the compiled records to XTend UI, XRouter, Fabric and browser APIs.

xt rmt lint app.rmt
xt rmt lint app.rmt --json
node tools/rmt-language-server/server.js

Documentation

The Developer Center is bilingual and lives in docs/de and docs/en:

• German start page: docs/de/README.md
• English start page: docs/en/README.md
• Quick Start: docs/en/quick-start-guide.md
• RMT overview: docs/en/xtendrmt-overview.md
• Component reference: docs/en/components.md

Local Checks

npm run test:docs-public-quality
npm run test:docs-rmt-pilot
npm run test:docs-php-ssr-prehydration
npm run test:rmt-tooling-docs

Release-surface checks are tracked through package metadata in package.json. After adding public package exports or component infrastructure modules, run the surface checks that match the changed entry points.

metadata: xtend.epic13PackageExportLock
release readiness: xtend.epic13Rc1Readiness
release acceptance: xtend.epic13ReleaseOwnerAcceptance
network evidence: xtend.epic13ConditionalNetworkEvidence
local gate: node scripts/run_xtend_tests.js epic13-package-export-lock --json
package artifact: npm run pack:dry-run:report
example exports: ./maraca, ./maraca/runtime
conditional network ci: xtend.epic13ConditionalNetworkEvidenceCi
conditional network script: npm run test:epic13-conditional-network-evidence-ci
conditional network schema: xtend.epic13.conditional-network-evidence-ci.v1
release pack evidence: xtend.epic13ReleaseReportPackDryRunEvidence
release pack script: npm run test:epic13-release-report-pack-dry-run-evidence
release pack schema: xtend.epic13.release-report-pack-dry-run-evidence.v1

License

XTend is licensed under the Apache License 2.0. See LICENSE for details.