@topogram/starter-hello-web 0.1.7

package/README.md

@@ -0,0 +1,27 @@
+# Topogram Starter: Hello Web
+
+Package-backed vanilla HTML/CSS/JS starter for `topogram new`.
+
+```bash
+topogram new ./hello-web --template @topogram/starter-hello-web
+```
+
+## Contract
+
+- Catalog id: `hello-web`
+- Surfaces: `web`
+- Generator: `@topogram/generator-vanilla-web`
+- Runtime stack: vanilla HTML/CSS/JS
+- Executable implementation: no
+- Purpose: smallest generated web starter with two pages and one workflow.
+
+## First Run
+
+```bash
+topogram new ./hello-web --template hello-web
+cd ./hello-web
+npm install
+npm run doctor
+npm run check
+npm run generate
+```

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@topogram/starter-hello-web",
+  "version": "0.1.7",
+  "description": "Vanilla HTML/CSS/JS Topogram starter with two pages and one workflow.",
+  "license": "UNLICENSED",
+  "private": false,
+  "type": "module",
+  "files": [
+    "topogram-template.json",
+    "topogram",
+    "topogram.project.json",
+    "README.md"
+  ],
+  "devDependencies": {
+    "@topogram/generator-vanilla-web": "0.1.2"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  }
+}

package/topogram/actors/actor-visitor.tg

@@ -0,0 +1,6 @@
+actor actor_visitor {
+  name "Visitor"
+  description "Person viewing the generated hello web starter"
+
+  status active
+}

package/topogram/capabilities/cap-view-hello.tg

@@ -0,0 +1,9 @@
+capability cap_view_hello {
+  name "View Hello"
+  description "Views the hello starter pages"
+
+  actors [actor_visitor]
+  output [shape_output_hello]
+
+  status active
+}

package/topogram/docs/workflows/workflow-hello.md

@@ -0,0 +1,18 @@
+---
+id: workflow_hello
+kind: workflow
+title: Hello Workflow
+status: canonical
+source_of_truth: topogram
+confidence: high
+review_required: false
+related_capabilities:
+  - cap_view_hello
+related_projections:
+  - proj_ui_web
+tags:
+  - starter
+  - workflow
+---
+
+The visitor opens the hello web starter, reviews the home page, and follows the workflow page to confirm that Topogram can model more than one generated screen.

package/topogram/projections/proj-ui-shared.tg

@@ -0,0 +1,30 @@
+projection proj_ui_shared {
+  name "Hello Shared UI"
+  description "Platform-neutral UI semantics for the hello web starter"
+  platform ui_shared
+
+  realizes [cap_view_hello]
+  outputs [ui_contract]
+
+  ui_app_shell {
+    brand "Topogram Hello"
+    shell topbar
+    global_search false
+    notifications false
+    account_menu false
+    footer none
+  }
+
+  ui_screens {
+    screen hello_home kind detail title "Hello Web" load cap_view_hello view_shape shape_output_hello loading_state none
+    screen hello_workflow kind detail title "Hello Workflow" load cap_view_hello view_shape shape_output_hello loading_state none
+  }
+
+  ui_navigation {
+    group hello label "Hello" placement primary pattern primary
+    screen hello_home group hello label "Home" order 10 visible true default true sitemap include pattern primary
+    screen hello_workflow group hello label "Workflow" order 20 visible true sitemap include pattern primary
+  }
+
+  status active
+}

package/topogram/projections/proj-ui-web.tg

@@ -0,0 +1,27 @@
+projection proj_ui_web {
+  name "Hello Vanilla Web"
+  description "Vanilla HTML/CSS/JS realization for the hello web starter"
+  platform ui_web
+
+  realizes [proj_ui_shared, cap_view_hello]
+  outputs [ui_contract, web_app]
+
+  ui_routes {
+    screen hello_home path /
+    screen hello_workflow path /workflow
+  }
+
+  ui_web {
+    screen hello_home shell topbar
+    screen hello_home layout detail_page
+    screen hello_workflow layout detail_page
+  }
+
+  generator_defaults {
+    profile vanilla
+    language javascript
+    styling css
+  }
+
+  status active
+}

package/topogram/shapes/shape-output-hello.tg

@@ -0,0 +1,11 @@
+shape shape_output_hello {
+  name "Hello Output"
+  description "Small content shape for the hello web starter"
+
+  fields {
+    title text required
+    message text required
+  }
+
+  status active
+}

package/topogram-template.json

@@ -0,0 +1,8 @@
+{
+  "id": "@topogram/starter-hello-web",
+  "version": "0.1.7",
+  "kind": "starter",
+  "description": "Vanilla HTML/CSS/JS starter with two pages and one workflow.",
+  "topogramVersion": "0.1",
+  "includesExecutableImplementation": false
+}

package/topogram.project.json

@@ -0,0 +1,24 @@
+{
+  "version": "0.1",
+  "outputs": {
+    "app": {
+      "path": "./app",
+      "ownership": "generated"
+    }
+  },
+  "topology": {
+    "components": [
+      {
+        "id": "app_web",
+        "type": "web",
+        "projection": "proj_ui_web",
+        "generator": {
+          "id": "@topogram/generator-vanilla-web",
+          "version": "1",
+          "package": "@topogram/generator-vanilla-web"
+        },
+        "port": 5173
+      }
+    ]
+  }
+}