@monimesl/dot-cli 0.1.0-alpha.19 → 0.1.0-alpha.21

package/dist/templates/showcase/pages/dash/system/controller.ts

@@ -1,4 +1,5 @@
 import type { VibrationStyle } from '@monimesl/dot-runtime';
+import { errorMessage } from '@monimesl/dot-runtime';
 
 import state from './state';
 
@@ -7,9 +8,10 @@ export default definePage({
   configs: { navigationBar: { title: 'dash.system' } },
   mutations: {
     clearToast: () => ({ toast: '' }),
+    setNumber: (_state, event: ValueEvent) => ({ number: event.detail.value }),
   },
   actions: {
-    async vibrate(_state, event: DotEvent<unknown, { style: VibrationStyle }>) {
+    async vibrate(_state, event: DataEvent<{ style: VibrationStyle }>) {
       await this.dash.system.vibrate({ style: event.data.style });
     },
     async copySong() {
@@ -22,7 +24,7 @@ export default definePage({
           text: 'Salone Sounds Live, Freetown, 24 October. See you there!',
         });
       } catch (error) {
-        this.setState({ note: (error as Error).message });
+        this.setState({ note: errorMessage(error) });
       }
     },
     async shareLink() {
@@ -32,14 +34,14 @@ export default definePage({
           url: 'https://en.wikipedia.org/wiki/Music_of_Sierra_Leone',
         });
       } catch (error) {
-        this.setState({ note: (error as Error).message });
+        this.setState({ note: errorMessage(error) });
       }
     },
     async openDrizilik() {
       try {
         await this.dash.system.openUrl('https://drizilik.com/');
       } catch (error) {
-        this.setState({ note: (error as Error).message });
+        this.setState({ note: errorMessage(error) });
       }
     },
     async countDown() {
@@ -49,13 +51,38 @@ export default definePage({
       }
       this.setState({ showIn: 0, toast: "It's showtime" });
     },
+    async readInfo() {
+      try {
+        this.setState({ info: await this.dash.system.info(), note: '' });
+      } catch (error) {
+        this.setState({ note: errorMessage(error) });
+      }
+    },
+    async toggleTicket(state) {
+      const ticketShown = !state.ticketShown;
+      try {
+        await this.dash.system.keepAwake(ticketShown);
+        await this.dash.system.brightness(ticketShown ? 'max' : 'normal');
+        this.setState({ ticketShown, note: '' });
+      } catch (error) {
+        this.setState({ note: errorMessage(error) });
+      }
+    },
+    async dialNumber(state) {
+      try {
+        await this.dash.system.dial(state.number);
+        this.setState({ note: '' });
+      } catch (error) {
+        this.setState({ note: errorMessage(error) });
+      }
+    },
     async toggleTorch(state) {
       const next = state.torch === 'on' ? 'off' : 'on';
       try {
         await this.dash.system.torch(next);
         this.setState({ torch: next, note: '' });
       } catch (error) {
-        this.setState({ note: (error as Error).message });
+        this.setState({ note: errorMessage(error) });
       }
     },
   },

package/dist/templates/showcase/pages/dash/system/state.ts

@@ -1,8 +1,12 @@
-import type { VibrationStyle } from '@monimesl/dot-runtime';
+import type { SystemInfo, TorchState, VibrationStyle } from '@monimesl/dot-runtime';
 
 export default {
   styles: ['light', 'medium', 'heavy', 'success', 'warning', 'error'] as VibrationStyle[],
-  torch: 'off' as 'on' | 'off',
+  torch: 'off' as TorchState,
+  info: null as SystemInfo | null,
+  // The ticket's QR code shows awake and bright, so a scanner at the door reads it.
+  ticketShown: false,
+  number: '*715#',
   showIn: 0,
   note: '',
   toast: '',

package/dist/templates/showcase/pages/dash/system/view.dml

@@ -1,6 +1,35 @@
 <View>
   <Text variant="title">dash.system</Text>
-  <Text>The phone's own features: vibration, the clipboard, sharing, the browser, timers and the torch.</Text>
+  <Text>The phone's own features: what it is, its screen, vibration, the clipboard, sharing, the browser, the dialer, timers and the torch.</Text>
+
+  <View gap="small">
+    <Text variant="subtitle">info</Text>
+    <Text variant="caption" tone="muted">The phone and the app the dot runs in, without anything that identifies the person or the phone.</Text>
+    <View variant="card" gap="none">
+      <If condition="{{ info }}">
+        <DetailRow label="Platform" value="{{ info.platform }} {{ info.osVersion }}" />
+        <DetailRow label="Language" value="{{ info.language }}{{ info.region ? ' · ' + info.region : '' }}" />
+        <DetailRow label="Time zone" value="{{ info.timeZone }}" />
+        <DetailRow label="Dash" value="{{ info.dashVersion }}" />
+        <DetailRow label="DotHost" value="{{ info.hostVersion }}" />
+      </If>
+      <Else>
+        <Button variant="secondary" onClick="readInfo">Read the phone's details</Button>
+      </Else>
+    </View>
+  </View>
+
+  <View gap="small">
+    <Text variant="subtitle">keepAwake and brightness</Text>
+    <Text variant="caption" tone="muted">Keep the screen on and as bright as it goes while a QR code shows, so a scanner reads it. Dash puts both back when the dot closes.</Text>
+    <View variant="card" align="center" gap="medium">
+      <If condition="{{ ticketShown }}">
+        <QRCode value="TICKET-SSL-0042" size="160" label="Your ticket's QR code" />
+        <Text tone="muted">Show this at the door</Text>
+      </If>
+      <Button variant="secondary" onClick="toggleTicket">{{ ticketShown ? 'Hide the ticket' : 'Show my ticket' }}</Button>
+    </View>
+  </View>
 
   <View gap="small">
     <Text variant="subtitle">vibrate</Text>
@@ -44,6 +73,15 @@
     </View>
   </View>
 
+  <View gap="small">
+    <Text variant="subtitle">dial</Text>
+    <Text variant="caption" tone="muted">Opens the phone's dialer with a number ready, or a USSD code such as *715#. The person taps Call.</Text>
+    <View variant="card">
+      <Input label="Number or code" type="phone" value="{{ number }}" onChange="setNumber" onSubmit="dialNumber" />
+      <Button variant="secondary" onClick="dialNumber" disabled="{{ !number }}">Open the dialer</Button>
+    </View>
+  </View>
+
   <View gap="small">
     <Text variant="subtitle">torch</Text>
     <Text variant="caption" tone="muted">Turns the camera's light on or off.</Text>

package/dist/templates/showcase/pages/dash/ui/controller.ts

@@ -1,13 +1,7 @@
-import { HostError } from '@monimesl/dot-runtime';
+import { errorMessage, unlessCancelled } from '@monimesl/dot-runtime';
 
 import state from './state';
 
-// Closing a picker isn't a problem to show. Anything else is.
-function problemToShow(error: unknown): string {
-  const closedByPerson = error instanceof HostError && error.code === 'cancelled';
-  return closedByPerson ? '' : (error as Error).message;
-}
-
 export default definePage({
   initialState: state,
   configs: { navigationBar: { title: 'dash.ui' } },
@@ -24,7 +18,7 @@ export default definePage({
         });
         this.setState({ choice: action, note: '' });
       } catch (error) {
-        this.setState({ note: problemToShow(error) });
+        this.setState({ note: errorMessage(error) });
       }
     },
     async confirmRemove() {
@@ -39,31 +33,37 @@ export default definePage({
         });
         this.setState({ choice: action, note: '' });
       } catch (error) {
-        this.setState({ note: problemToShow(error) });
+        this.setState({ note: errorMessage(error) });
       }
     },
+    // unlessCancelled gives undefined when the person closes the picker, which isn't a problem.
     async chooseNight(state) {
       try {
-        const night = await this.dash.ui.pickDate({
-          title: 'Choose a night',
-          value: state.night || undefined,
-          min: '2026-10-01',
-          max: '2026-12-31',
-        });
-        this.setState({ night, note: '' });
+        const night = await unlessCancelled(
+          this.dash.ui.pickDate({
+            title: 'Choose a night',
+            value: state.night || undefined,
+            min: '2026-10-01',
+            max: '2026-12-31',
+          }),
+        );
+        if (night) {
+          this.setState({ night, note: '' });
+        }
       } catch (error) {
-        this.setState({ note: problemToShow(error) });
+        this.setState({ note: errorMessage(error) });
       }
     },
     async chooseArrival(state) {
       try {
-        const arrival = await this.dash.ui.pickTime({
-          title: 'Arriving at',
-          value: state.arrival || '18:00',
-        });
-        this.setState({ arrival, note: '' });
+        const arrival = await unlessCancelled(
+          this.dash.ui.pickTime({ title: 'Arriving at', value: state.arrival || '18:00' }),
+        );
+        if (arrival) {
+          this.setState({ arrival, note: '' });
+        }
       } catch (error) {
-        this.setState({ note: problemToShow(error) });
+        this.setState({ note: errorMessage(error) });
       }
     },
   },

package/dist/templates/showcase/pages/dash/ui/view.dml

@@ -18,7 +18,7 @@
 
   <View gap="small">
     <Text variant="subtitle">pickDate and pickTime</Text>
-    <Text variant="caption" tone="muted">The phone's own pickers. A date comes back as "2026-10-24" and a time as "19:30". min and max limit the dates. Closing a picker rejects with a HostError coded cancelled.</Text>
+    <Text variant="caption" tone="muted">The phone's own pickers. A date comes back as "2026-10-24" and a time as "19:30". min and max limit the dates. Closing a picker rejects with a DashError coded cancelled.</Text>
     <List>
       <ListItem icon="calendar" title="Night" subtitle="Shows run from October to December" value="{{ night || 'Choose' }}" onTap="chooseNight" />
       <ListItem icon="clock" title="Arriving at" subtitle="Doors open at 18:00" value="{{ arrival || 'Choose' }}" onTap="chooseArrival" />

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

@@ -3,7 +3,7 @@ import state from './state';
 export default definePage({
   initialState: state,
   actions: {
-    open(_state, event: DotEvent<unknown, { page: PageId }>) {
+    open(_state, event: DataEvent<{ page: PageId }>) {
       this.navigation.push(event.data.page);
     },
   },

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

@@ -46,13 +46,13 @@ export default {
         {
           page: 'basics/navigation',
           title: 'Navigation',
-          covers: 'push, replace, back, reset',
+          covers: 'push, replace, back, reset, pushForResult, backWithResult',
           icon: 'arrow-right',
         },
         {
           page: 'basics/hooks',
           title: 'Page hooks',
-          covers: 'onLoad, onShow, onHide, onUnload',
+          covers: 'onLoad, onShow, onHide, onUnload, onRefresh',
           icon: 'history',
         },
         {
@@ -100,7 +100,7 @@ export default {
         {
           page: 'components/images',
           title: 'Images',
-          covers: 'Image',
+          covers: 'Image, Avatar',
           icon: 'image',
         },
         {
@@ -112,7 +112,7 @@ export default {
         {
           page: 'components/lists',
           title: 'Lists',
-          covers: 'List, ListItem, DetailRow, EmptyState',
+          covers: 'List, ListItem, DetailRow, Disclosure, EmptyState',
           icon: 'list',
         },
         {
@@ -124,7 +124,7 @@ export default {
         {
           page: 'components/forms',
           title: 'Forms',
-          covers: 'Input, TextArea, Select, Checkbox, Radio, Switch, Slider, Footer',
+          covers: 'Input, TextArea, Select, Stepper, Checkbox, Radio, Switch, Slider, Footer',
           icon: 'check',
         },
         {
@@ -136,7 +136,7 @@ export default {
         {
           page: 'components/feedback',
           title: 'Feedback',
-          covers: 'Spinner, Skeleton, ProgressBar, Notice, Badge, Toast',
+          covers: 'Spinner, Skeleton, ProgressBar, Notice, Steps, Badge, Toast',
           icon: 'bell',
         },
         {
@@ -160,7 +160,8 @@ export default {
         {
           page: 'dash/system',
           title: 'dash.system',
-          covers: 'vibrate, copyText, share, openUrl, delay, torch',
+          covers:
+            'info, keepAwake, brightness, vibrate, copyText, share, openUrl, dial, delay, torch',
           icon: 'mobile',
         },
         {
@@ -169,10 +170,16 @@ export default {
           covers: 'pickPhoto, scanCode',
           icon: 'image',
         },
+        {
+          page: 'dash/contacts',
+          title: 'dash.contacts',
+          covers: 'pickPhone',
+          icon: 'users',
+        },
         {
           page: 'dash/network',
-          title: 'dash.network.http',
-          covers: 'request, download, upload',
+          title: 'dash.network',
+          covers: 'status, http.request, http.download, http.upload, debounce, latest',
           icon: 'wifi',
         },
         {
@@ -196,7 +203,7 @@ export default {
         {
           page: 'dash/calls',
           title: 'Calls and errors',
-          covers: 'timeout, cancel, HostError',
+          covers: 'timeout, cancel, DashError, isDashError, isDashCancelled',
           icon: 'warning',
         },
       ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monimesl/dot-cli",
-  "version": "0.1.0-alpha.19",
+  "version": "0.1.0-alpha.21",
   "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.19",
-    "@monimesl/dot-dml-parser": "0.1.0-alpha.19",
-    "@monimesl/dot-script-parser": "0.1.0-alpha.19",
-    "@monimesl/dot-core": "0.1.0-alpha.19",
-    "@monimesl/dot-simulator": "0.1.0-alpha.19"
+    "@monimesl/dot-core": "0.1.0-alpha.21",
+    "@monimesl/dot-compiler": "0.1.0-alpha.21",
+    "@monimesl/dot-script-parser": "0.1.0-alpha.21",
+    "@monimesl/dot-dml-parser": "0.1.0-alpha.21",
+    "@monimesl/dot-simulator": "0.1.0-alpha.21"
   },
   "devDependencies": {
     "@types/node": "^22.20.4",