Skip to content

v0.9.0 Release Notes

Release Date: 2026-07-27

Highlights

  • RoadmapTimeline & InitiativeTracker Components - New Lit web components for visualizing roadmap journeys and tracking initiatives
  • Roadmap Page Generation - Static site generator now produces roadmap timeline pages from JourneyRoadmap data
  • Vitest Test Framework - Component and schema tests with jsdom for browser environment
  • Ecosystem Dependencies - Updated to prism-maturity v0.14.0 with goal categories, JSON Schema validation, and MCP

What's New

RoadmapTimeline Component

Interactive timeline visualization for capability journeys over periods:

<roadmap-timeline theme="dark" show-confidence show-commitment show-legend>
  <script type="application/json">
    {
      "id": "roadmap-1",
      "name": "Platform Roadmap",
      "capabilityJourneys": [
        {
          "capabilityId": "k8s",
          "name": "Kubernetes",
          "currentState": { "maturityLevel": "M2" },
          "targetStates": [
            { "periodId": "q3-2026", "maturityLevel": "M3", "confidence": 0.8 }
          ]
        }
      ]
    }
  </script>
</roadmap-timeline>

Features:

  • Capability journeys displayed as timeline rows
  • Period columns showing maturity progression
  • Confidence and commitment indicators
  • Filter by current/future periods
  • Color schemes: default, heatmap, monochrome

InitiativeTracker Component

Track and filter initiatives by status, team, or period:

<initiative-tracker group-by="status" sort-by="name" theme="light">
  <script type="application/json">
    {
      "initiatives": [
        {
          "id": "init-1",
          "name": "Zero Trust Implementation",
          "status": "in_progress",
          "teamId": "platform"
        }
      ]
    }
  </script>
</initiative-tracker>

Features:

  • Group by status, team, or period
  • Sort by name, status, or team
  • Status color coding (proposed, planned, in_progress, completed, on_hold, cancelled)
  • Click-through to initiative details

Roadmap Page Generation

The site generator now creates roadmap pages from roadmap.json files:

prism site generate --stack=./platform-team/ --output=./dist

Generated structure: 

dist/
├── platform-team/
│   ├── index.html           # Capability grid
│   ├── roadmap/
│   │   └── index.html       # Roadmap timeline page
│   └── {capability-id}.html

When --prism-ui-js is provided, the page uses the <roadmap-timeline> Lit component. Otherwise, it renders a static HTML table.

Test Infrastructure

Added vitest for component and schema testing:

cd viewer/
pnpm test              # Run tests
pnpm test:watch        # Watch mode
pnpm test:coverage     # Coverage report

Test files: - components.test.ts - Lit component tests - maturity.test.ts - Maturity schema validation - roadmap.test.ts - Roadmap schema validation

Demo Pages

Development demo pages at viewer/demo/:

cd viewer/
pnpm demo              # Build and serve demos
pnpm demo:open         # Open in browser

Dependencies

Module Version Change
prism-maturity v0.14.0 Updated (adds categories, MCP, JSON Schema validation)
prism-capability v0.7.1 Updated
prism-roadmap v0.16.1 Updated
prism-core v0.4.0 Updated
uiforge v0.4.0 Replaces dashforge
jsonschema/v6 v6.0.2 Added (transitive)

viewer/ devDependencies:

Package Version Change
vitest v4.1.10 Added
jsdom v29.1.1 Added
@testing-library/dom v10.4.1 Added

Documentation

Installation

go install github.com/grokify/prism/cmd/prism@v0.9.0

For the TypeScript/JavaScript package:

npm install @grokify/prism@0.9.0

Breaking Changes

None. This is a feature release with additive changes only.

Migration from v0.8.x

No migration required. Existing capability stacks work unchanged.

To use the new roadmap features:

  1. Add roadmap.json to your capability stack directories
  2. Regenerate your site with prism site generate
  3. Optionally include @grokify/prism components for interactive visualization