@monimesl/dot-cli 0.1.0-alpha.7 → 0.1.0-alpha.9

package/dist/templates/showcase/pages/text/controller.ts

@@ -3,8 +3,8 @@ import state from './state';
 export default definePage({
   initialState: state,
   mutations: {
-    addOne: (state) => ({ quantity: state.quantity + 1 }),
-    removeOne: (state) => ({ quantity: Math.max(0, state.quantity - 1) }),
-    toggleNickname: (state) => ({ nickname: state.nickname === null ? 'Countess' : null }),
+    addTicket: (state) => ({ tickets: state.tickets + 1 }),
+    removeTicket: (state) => ({ tickets: Math.max(0, state.tickets - 1) }),
+    toggleStageName: (state) => ({ stageName: state.stageName === null ? 'Lady M' : null }),
   },
 });

package/dist/templates/showcase/pages/text/state.ts

@@ -1,7 +1,8 @@
 export default {
-  name: 'Ada',
-  nickname: null as string | null,
-  price: 2.5,
-  quantity: 4,
-  tags: ['fast', 'small', 'typed'],
+  name: 'Mariama',
+  stageName: null as string | null,
+  // Le, in the leone since 2022, when it dropped three zeros.
+  price: 150,
+  tickets: 4,
+  genres: ['kriofusion', 'palm-wine', 'gumbe'],
 };

package/dist/templates/showcase/pages/text/view.dml

@@ -2,12 +2,21 @@
   <Text variant="title">Text and bindings</Text>
 
   <View variant="card" gap="small">
-    <Text variant="title">A title</Text>
-    <Text>Body text, the default</Text>
-    <Text variant="caption" tone="muted">A caption</Text>
+    <Text variant="title">Palm-wine</Text>
+    <Text>Guitar music for a calm evening. This is body text.</Text>
+    <Text variant="caption" tone="muted">S. E. Rogie and Ebenezer Calendar, in a caption</Text>
     <Text>Text can hold{{ ' ' }}<Text variant="title">bigger</Text>{{ ' ' }}and{{ ' ' }}<Text variant="caption" tone="muted">smaller</Text>{{ ' ' }}words.</Text>
   </View>
 
+  <Text variant="caption" tone="muted">Links open a web page or run something on this page</Text>
+  <View variant="card" gap="small">
+    <Text>Read about{{ ' ' }}<Link href="https://en.wikipedia.org/wiki/Music_of_Sierra_Leone">the music of Sierra Leone</Link>{{ ' ' }}on Wikipedia, in the phone's browser.</Text>
+    <View direction="row" gap="medium">
+      <Link onTap="addTicket">Add a ticket below</Link>
+      <Link tone="danger" onTap="removeTicket">Remove one</Link>
+    </View>
+  </View>
+
   <Text variant="caption" tone="muted">Tones, weights and alignment</Text>
   <View variant="card" gap="small">
     <View direction="row" wrap gap="medium">
@@ -24,26 +33,26 @@
     </View>
     <Text align="center">In the center</Text>
     <Text align="end">At the end</Text>
-    <Text maxLines="2">A long description is cut off after the lines you allow, so a list of them stays tidy however much each one says about itself.</Text>
+    <Text maxLines="2">Sierra Leone's Refugee All Stars came together in refugee camps in Guinea, recorded their first album, Living Like a Refugee, back in Freetown, and went on to play Bonnaroo, open for Aerosmith and appear on Oprah. Two lines are allowed here, so the rest is cut off.</Text>
   </View>
 
-  <Text variant="caption" tone="muted">Bindings put state into the view</Text>
+  <Text variant="caption" tone="muted">Bindings show state in the view</Text>
   <View variant="card" gap="small">
     <Text>Hello, {{ name }}</Text>
-    <Text>{{ quantity }} {{ quantity === 1 ? 'item' : 'items' }} at {{ price }} each: {{ quantity * price }}</Text>
-    <Text>Nickname: {{ nickname ?? 'none yet' }}</Text>
-    <Text>{{ tags.length }} tags, the first is "{{ tags[0] }}"</Text>
+    <Text>{{ tickets }} {{ tickets === 1 ? 'ticket' : 'tickets' }} at Le {{ price }} each: Le {{ tickets * price }}</Text>
+    <Text>Stage name: {{ stageName ?? 'none yet' }}</Text>
+    <Text>{{ genres.length }} favourite genres, the first is "{{ genres[0] }}"</Text>
     <View direction="row" wrap gap="small">
-      <Button variant="secondary" onClick="addOne">Add one</Button>
-      <Button variant="secondary" onClick="removeOne" disabled="{{ quantity === 0 }}">Remove one</Button>
-      <Button variant="secondary" onClick="toggleNickname">{{ nickname === null ? 'Give a nickname' : 'Drop the nickname' }}</Button>
+      <Button variant="secondary" onClick="addTicket">Add a ticket</Button>
+      <Button variant="secondary" onClick="removeTicket" disabled="{{ tickets === 0 }}">Remove one</Button>
+      <Button variant="secondary" onClick="toggleStageName">{{ stageName === null ? 'Give a stage name' : 'Drop the stage name' }}</Button>
     </View>
   </View>
 
   <Text variant="caption" tone="muted">A list, one line per item</Text>
   <View variant="card" gap="small">
-    <For each="{{ tags }}" item="tag" index="position" key="*this">
-      <Text>{{ position + 1 }}. {{ tag }}</Text>
+    <For each="{{ genres }}" item="genre" index="position" key="*this">
+      <Text>{{ position + 1 }}. {{ genre }}</Text>
     </For>
   </View>
 </View>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monimesl/dot-cli",
-  "version": "0.1.0-alpha.7",
+  "version": "0.1.0-alpha.9",
   "description": "The dotctl command: build mini apps and run them in the simulator",
   "type": "module",
   "repository": {
@@ -24,11 +24,11 @@
   "dependencies": {
     "typescript": "^5.9.3",
     "uqr": "^0.1.3",
-    "@monimesl/dot-compiler": "0.1.0-alpha.7",
-    "@monimesl/dot-script-parser": "0.1.0-alpha.7",
-    "@monimesl/dot-core": "0.1.0-alpha.7",
-    "@monimesl/dot-dml-parser": "0.1.0-alpha.7",
-    "@monimesl/dot-simulator": "0.1.0-alpha.7"
+    "@monimesl/dot-compiler": "0.1.0-alpha.9",
+    "@monimesl/dot-core": "0.1.0-alpha.9",
+    "@monimesl/dot-script-parser": "0.1.0-alpha.9",
+    "@monimesl/dot-simulator": "0.1.0-alpha.9",
+    "@monimesl/dot-dml-parser": "0.1.0-alpha.9"
   },
   "devDependencies": {
     "@types/node": "^22.20.4",