@shapeshift-labs/frontier-blueprint

v0.1.0

Published

14 days ago

Serializable Blueprint and Prefab flyweight templates for Frontier apps.

0High
0Medium
0Low

shapeshift-labs

frontier blueprint prefab flyweight scene state patch prototype

@shapeshift-labs/frontier-blueprint

Serializable Blueprint and Prefab flyweight templates for Frontier apps. The package keeps authored instances compact by storing only params, overrides, additions, removals, and deterministic id remaps; materialized state and scene graph patches are produced on demand.

npm: @shapeshift-labs/frontier-blueprint
source: siliconjungle/-shapeshift-labs-frontier-blueprint
license: MIT

Related Packages

The published Frontier package family is generated from one shared package catalog so READMEs stay in sync across packages:

@shapeshift-labs/frontier: Core JSON diff/apply, compact patch tuples, JSON Pointer, equality, clone, validation, Unicode helpers, and tiny dependency-free runtime budget/scheduler primitives.
@shapeshift-labs/frontier-query: Shared query-key, selector path, condition, entity identity, and table-shape primitives.
@shapeshift-labs/frontier-codec: Patch serialization, binary frames, canonical JSON, and patch-history codecs.
@shapeshift-labs/frontier-engine: Stateful planned diff engine, adaptive profiles, schema plans, and engine-level history helpers.
@shapeshift-labs/frontier-state: Patch-routed app-state subscriptions, owned commits, maintained views, and path mapping.
@shapeshift-labs/frontier-dataflow: Serializable incremental dataflow and materialized-view graphs for Frontier apps, including selectors, dependency DAGs, filters, joins, aggregations, stale paths, recompute budgets, output patches, provenance records, and proof of why derived views changed.
@shapeshift-labs/frontier-state-cache: Normalized query-result cache with entity/query watchers, persistence, change logs, optimistic layers, scheduled persistence, and mutation bridge.
@shapeshift-labs/frontier-state-cache-idb: IndexedDB persistence adapter for Frontier state-cache snapshots and durable change logs.
@shapeshift-labs/frontier-state-cache-file: Structured file persistence adapter for Frontier state-cache snapshots and change logs.
@shapeshift-labs/frontier-state-cache-sql: SQL persistence adapter for Frontier state-cache snapshots and change logs.
@shapeshift-labs/frontier-schema: JSON Schema validation, Frontier profile generation, CloudEvent envelopes, and query/table schema helpers.
@shapeshift-labs/frontier-migrations: Boundary-first data migrations, import normalization, plugin/API version mapping, versioned envelopes, graph diagnostics, patch path rewrites, dry-run reports, and current-shape rehydration.
@shapeshift-labs/frontier-event-log: Bounded event logs, replay cursors, consumer acknowledgements, keyed compaction, checkpoints, and Frontier patch event records.
@shapeshift-labs/frontier-inspect: Cross-package inspection/evidence bundles, registry graph snapshots, feature/resource impact reports, timeline/event normalization, redaction, JSONL import/export, and AI-readable app feature maps.
@shapeshift-labs/frontier-scheduler: Deterministic work scheduling, lanes, cancellation, backpressure, frame policies, replay snapshots, and work graphs.
@shapeshift-labs/frontier-logging: Opt-in structured logging, browser telemetry, scheduled sinks, file sinks, exporters, benchmark traces, and Frontier patch/update summaries.
@shapeshift-labs/frontier-mutation: Explicit mutation and selector plans compiled to Frontier patches or CRDT operations.
@shapeshift-labs/frontier-effects: Serializable effect descriptors and resource graphs for Frontier apps, including fetch, storage, timers, navigation, workers, clipboard, broadcast, WebSocket, stream, policy metadata, runtime records, redaction, JSONL, proof helpers, and registry graph output.
@shapeshift-labs/frontier-policy: Serializable policy and capability decisions for Frontier apps, effects, views, sync, routes, traces, and AI tools.
@shapeshift-labs/frontier-tools: Serializable app action/tool manifests for AI-operable Frontier apps, including availability, validation, dry-run plans, patch previews, effect/tool constraints, execution records, rollback links, and registry graph output.
@shapeshift-labs/frontier-sandbox: Runtime-agnostic sandbox contracts for Frontier patch-producing actions, including manifests, declared reads/writes/capabilities, host-validated patch/effect/event/log results, dynamic source modules, source event replay, and structural runtime adapters.
@shapeshift-labs/frontier-sandbox-quickjs: QuickJS/WebAssembly runtime adapter for Frontier sandbox actions, including invocation/runtime isolation modes, deadline and memory limits, dynamic source execution, and patch/effect result normalization.
@shapeshift-labs/frontier-workflow: Serializable durable workflow/process manifests for Frontier apps, including steps, waits, approvals, timers, retries, expected patches, compensation, records, timelines, and registry graph output.
@shapeshift-labs/frontier-worker: Serializable worker and edge task descriptors for Frontier apps, including queues, idempotency keys, retry and timeout policy, declared reads/writes/effects, snapshots, patch outputs, produced assets, execution records, logs, trace links, proof hashes, dedupe indexes, and registry graph output.
@shapeshift-labs/frontier-assets: Serializable asset and content provenance graphs for Frontier apps, including source files, generated variants, thumbnails, LOD chunks, shader/material dependencies, transforms, hashes, owners, runtime consumers, review plans, registry graph output, and impact queries.
@shapeshift-labs/frontier-triggers: Capability-gated event trigger registry, scoped event envelopes, listener/reaction rules, structured rejection, deterministic event-to-action scheduling, replay/provenance records, and registry graph output.
@shapeshift-labs/frontier-virtual: DOM-neutral virtualization, layout providers, range materialization, grids, spatial/frustum indexes, patch invalidation, camera anchors, and serializable layout state.
@shapeshift-labs/frontier-scene: Patch-native 2D/3D scene graph, transform propagation, bounds queries, virtual/culling adapters, spatial invalidation, and camera/frustum materialization.
@shapeshift-labs/frontier-pathfinding: Patch-native grid pathfinding, typed-array A*/Dijkstra search, flow fields, connected components, line-of-sight smoothing, dirty-cell invalidation, and scheduler-friendly path jobs.
@shapeshift-labs/frontier-lod: Patch-native level-of-detail and significance selection for rendering and computation workloads, compact typed hot paths, multi-observer selection, budget degradation, materialization frames, and scheduler work plans.
@shapeshift-labs/frontier-route: DOM-neutral app/game route resources, route and scene manifests, match/resolve/transition planning, dependency metadata, sessions, registry graph output, and impact queries.
@shapeshift-labs/frontier-trace: Serializable traces, spans, events, causal links, W3C trace context helpers, timeline/resource/path queries, critical-path analysis, registry graph output, JSONL/proof helpers, Chrome trace export, and redaction for app-wide feature observability.
@shapeshift-labs/frontier-manifest: Build/static feature manifests for owners, routes, actions, states, migrations, tests, source files, assets, resources, tasks, dependency metadata, registry graph output, feature maps, JSONL export, and impact queries.
@shapeshift-labs/frontier-view: Renderer-neutral view manifests, type defaults, validation frames, action bindings, visual channels, virtual/LOD hints, and data-to-representation mapping for Frontier apps.
@shapeshift-labs/frontier-design: Renderer-neutral design-system tokens, semantic roles, recipes, target style frames, CSS variable output, and registry graph evidence for Frontier apps.
@shapeshift-labs/frontier-canvas: Renderer-neutral infinite canvas surfaces for Frontier apps, including camera and viewport math, pan/zoom plans, grid materialization, snapping, hit testing, selection handles, extensible tool dispatch, frame records, registry graph output, and impact/proof helpers.
@shapeshift-labs/frontier-canvas-tools: Renderer-neutral editor tools, state machines, transform handles, permissions, async records, and AI action bridges for Frontier canvas surfaces.
@shapeshift-labs/frontier-dom: Patch-native DOM and host renderer bindings, manifest hydration, JSX runtime/compiler helpers, SSR, devtools, and logging bridges.
@shapeshift-labs/frontier-playwright: Playwright/headless automation probes for Frontier state, DOM, devtools, marks, and timeline queries.
@shapeshift-labs/frontier-test: Serializable test/spec evidence manifests for Frontier apps, including fixtures, commands, expected patches/effects/routes/policies, coverage declarations, run plans, run records, report adapters, replay proofs, fuzzers, benchmarks, registry graph output, and impact queries.
@shapeshift-labs/frontier-history: Serializable temporal explanation and causality records for Frontier apps, including field-change explanations, action/workflow/policy/effect/trace/test provenance, audit windows, undo planning, registry/provenance graph output, JSONL replay bundles, and proof hashes.
@shapeshift-labs/frontier-application: Serializable whole-application graph and impact queries for Frontier apps, including features, owners, packages, routes, views, actions, mutations, state paths, effects, workers, assets, tests, traces, policies, workflows, migrations, benchmarks, registry graph output, feature maps, JSONL bundles, and proof hashes.
@shapeshift-labs/frontier-linter: Serializable Frontier lint rules, diagnostics, fixes, reports, and fast rule execution for package catalogs, registry graphs, application maps, manifests, traces, policies, workflows, workers, assets, tests, benchmarks, and source snippets.
@shapeshift-labs/frontier-crdt: Native CRDT documents, update tooling, awareness, branches, conflict introspection, version frames, and undo.
@shapeshift-labs/frontier-crdt-sync: CRDT sync endpoints, repo/storage/provider contracts, scheduled sync work, document URLs, local networks, model checking, forensics, and text binding contracts.
@shapeshift-labs/frontier-crdt-websocket: WebSocket client/server transports for Frontier CRDT sync providers.
@shapeshift-labs/frontier-react: React external-store hooks and adapters for Frontier state, cache, and CRDT surfaces.
@shapeshift-labs/frontier-richtext: Rich text Delta normalization/application, marks, embeds, ranges, and cursor/selection transforms for local editor integrations.
@shapeshift-labs/frontier-realtime: Shared realtime command, tick, snapshot, prediction, reconciliation, interpolation, rollback, message, and delta primitives.
@shapeshift-labs/frontier-realtime-server: Authoritative realtime room, tick, command validation, rate-limit, session, and snapshot-history runtime.
@shapeshift-labs/frontier-realtime-websocket: WebSocket client, wire, and Node room-server transport for Frontier realtime.
@shapeshift-labs/frontier-game: Game-facing entity, component, player, room, ownership, spatial interest, rollback, physics, and replication helpers above realtime.

Package source repositories:

Install

npm install @shapeshift-labs/frontier @shapeshift-labs/frontier-blueprint

Usage

import {
  compileBlueprintProjection,
  createBlueprintCatalog
} from '@shapeshift-labs/frontier-blueprint';

const catalog = createBlueprintCatalog({
  blueprints: [{
    id: 'enemy.slime.v1',
    template: {
      id: '{{instanceId}}',
      type: 'enemy',
      hp: { $param: 'hp', default: 20 },
      sprite: 'slime',
      scene: {
        id: '{{id.root}}',
        parent: null,
        local: { x: { $param: 'x', default: 0 }, y: { $param: 'y', default: 0 } }
      }
    },
    variants: {
      elite: {
        params: { hp: 40 },
        overrides: { '/sprite': 'slime-elite' }
      }
    }
  }],
  instances: [{
    id: 'enemy-42',
    blueprint: 'enemy.slime.v1',
    variant: 'elite',
    params: { x: 12, y: 4 },
    overrides: { '/hp': 35 }
  }]
});

const projection = compileBlueprintProjection(catalog, undefined, {
  targetPath: '/entities'
});

state.commitPatch(projection.patch);
// /entities/enemy-42 is ordinary Frontier state.

API

import {
  compileBlueprintCatalog,
  compileBlueprintOverridePatch,
  compileBlueprintPatch,
  compileBlueprintProjection,
  compileBlueprintRevertPatch,
  commitBlueprintInstance,
  commitBlueprintPatch,
  createBlueprint,
  createBlueprintCatalog,
  createBlueprintInstance,
  createBlueprintProof,
  createBlueprintRegistryGraph,
  decodeBlueprintJsonl,
  defineBlueprint,
  defineBlueprintInstance,
  encodeBlueprintJsonl,
  materializeBlueprintInstance,
  redactBlueprintValue,
  validateBlueprintCatalog,
  type FrontierBlueprint,
  type FrontierBlueprintCatalog,
  type FrontierBlueprintInstance,
  type FrontierBlueprintMaterialization,
  type FrontierBlueprintProjection
} from '@shapeshift-labs/frontier-blueprint';

The root package depends only on @shapeshift-labs/frontier. State engines, scene graphs, DOM bindings, tools, and game runtimes consume the package through structural patch targets and ordinary materialized JSON.

Flyweight Instances

A blueprint instance stores the link to a template plus only divergent data:

{
  "id": "enemy-42",
  "blueprint": "enemy.slime.v1",
  "variant": "elite",
  "params": { "x": 12, "y": 4 },
  "overrides": { "/hp": 35 },
  "removals": ["/loot/rareDrop"]
}

materializeBlueprintInstance() resolves the effective value. compileBlueprintProjection() writes those effective values into a maintained app-state projection, so frontier-state, frontier-dom, selectors, tools, and tests can read concrete paths such as /entities/enemy-42/hp.

State And Scene Integration

compileBlueprintPatch() emits a normal Frontier patch for one instance. compileBlueprintProjection() emits one patch per instance under a target path. commitBlueprintPatch() accepts any object with commitPatch(patch) or commit(patch), which covers both frontier-state and frontier-scene.

For scene graphs, templates can use deterministic local id placeholders:

{
  "id": "{{id.root}}",
  "children": ["{{id.sprite}}"],
  "userData": { "entityId": "{{instanceId}}" }
}

The default remap is instanceId:localId, and callers can pass an idMap when a host needs stable authored ids.

Override Writes

compileBlueprintOverridePatch() converts edits made against materialized state back into compact instance overlays:

const edit = compileBlueprintOverridePatch(catalog, instance, [
  [0, ['hp'], 9]
], {
  instancePath: '/blueprintInstances/enemy-42',
  effectivePath: '/entities/enemy-42'
});

state.commitPatch(edit.patch);

The source-of-truth instance remains compact, while the maintained projection receives the same concrete effective patch.

Benchmarks

Run the package-local benchmark:

npm run bench

Current benchmark coverage is Frontier-only and focuses on package-local behavior. These are Frontier-only package measurements, not competitor comparisons:

catalog creation and compilation
materializing flyweight instances with params, variants, overlays, and id remaps
projection patch emission for app state and scene-friendly maps
projection-with-materialization control path for tooling that needs provenance metadata
effective edit compilation back into compact overrides
validation, registry graph, JSONL, proof, and redaction helpers

Latest local run on Node v26.1.0, darwin arm64, 5,000 instances and 30 rounds:

materialize-instance: 6.58 us median, 7.43 us p95
projection-patch-5000: 16.55 ms median, 17.38 ms p95
projection-materializations-5000: 39.68 ms median, 42.09 ms p95
override-compile: 4.91 us median, 5.77 us p95
published-blueprint-root: 35.6 KiB reachable JS, 11.4 KiB types
physical-blueprint-root: 9.18 ms median cold import, 16.80 ms p95

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

@shapeshift-labs/frontier-blueprint

Related Packages

Install

Usage

API

Flyweight Instances

State And Scene Integration

Override Writes

Benchmarks