ns-octane

A NativeScript app rendered by Octane. No React, no virtual DOM, no DOM shim.

Octane compiles components ahead of time. For a renderer-owned .tsx it emits a static plan plus a slot table rather than a tree of elements:

universalPlan("nativescript", {
  kind: "host", type: "gridlayout", props: { rows: "*,auto,auto,auto,*" },
  children: [{ kind: "host", type: "label", bindings: [["row", 0]], … }]
})

At runtime that plan turns into a batch of create / update / insert / event / destroy commands. Applying those commands to @nativescript/core views is the entire port.

How it is wired

Octane ships octane/universal/native, a host-neutral runtime with no dependency on its DOM half — built for JS environments without DOM globals, which is exactly NativeScript. The integration is four small modules in src/octane/, following the shape @octanejs/three uses for its non-DOM renderer:

@octanejs/vite-plugin runs alongside @nativescript/vite, with the renderer scoped to src/**/*.tsx by rule. Everything else stays untouched.

Three details worth knowing before editing:

• Tag names are lowercase — , , ``. They match the driver's registry keys. Unknown or camelCase names are a type error, not a blank screen.
• Props are view properties, not attributes. The driver assigns them onto the instance, so anything on the @nativescript/core class works and is typed as such.
• Text is a host node. Octane lowers Hi to a #text child; the driver keeps those viewless and folds them into the parent's text, since NativeScript has no text nodes.

Styling

Tailwind v4 through @nativescript/tailwind, which auto-registers its PostCSS chain — no postcss.config.js or tailwind.config.js. app.css imports theme and utiliti