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

package/dist/templates/showcase/pages/basics/bindings/controller.ts

@@ -2,6 +2,7 @@ import state from './state';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Bindings' } },
   mutations: {
     addTicket: (state) => ({ tickets: state.tickets + 1 }),
     removeTicket: (state) => ({ tickets: Math.max(0, state.tickets - 1) }),

package/dist/templates/showcase/pages/basics/control-flow/controller.ts

@@ -2,6 +2,7 @@ import state from './state';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'If and For' } },
   mutations: {
     // Sells five tickets for the show the button belongs to.
     sell: (state, event: DotEvent<unknown, { id: string }>) => ({

package/dist/templates/showcase/pages/basics/events/controller.ts

@@ -12,6 +12,7 @@ function describe(handler: string, event: DotEvent) {
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Events' } },
   mutations: {
     // No detail: a tap is all there is to know.
     countTap: (state, event: DotEvent) => ({

package/dist/templates/showcase/pages/basics/hooks/controller.ts

@@ -10,6 +10,7 @@ function ran(runs: readonly HookRun[], hook: string): HookRun[] {
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Page hooks' } },
   hooks: {
     // Runs once, when the page opens, with the options it opened with.
     onLoad(options) {

package/dist/templates/showcase/pages/basics/navigation/controller.ts

@@ -2,6 +2,7 @@ import state from './state';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Navigation' } },
   hooks: {
     // Options come from the page that opened this one, as text.
     onLoad(options) {

package/dist/templates/showcase/pages/basics/state/controller.ts

@@ -2,6 +2,7 @@ import state from './state';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'State' } },
   mutations: {
     increment: (state) => {
       const count = state.count + 1;

package/dist/templates/showcase/pages/components/carousel/controller.ts

@@ -6,6 +6,7 @@ interface Lookup {
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Carousel' } },
   hooks: {
     // Each artist's photo is the cover of one of their releases, from Apple's catalog.
     async onLoad() {

package/dist/templates/showcase/pages/components/feedback/controller.ts

@@ -2,6 +2,7 @@ import state from './state';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Feedback' } },
   mutations: {
     advance: (state) => ({ progress: Math.min(100, state.progress + 20) }),
     restart: () => ({ progress: 0 }),

package/dist/templates/showcase/pages/components/forms/controller.ts

@@ -12,6 +12,7 @@ function total(tickets: string, ticket: TicketType): string {
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Forms' } },
   mutations: {
     setShow: (_state, event: Typed) => ({
       show: event.detail.value,

package/dist/templates/showcase/pages/components/icons/controller.ts

@@ -2,6 +2,7 @@ import state from './state';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Icons' } },
   mutations: {
     clearToast: () => ({ toast: '' }),
   },

package/dist/templates/showcase/pages/components/images/controller.ts

@@ -9,6 +9,7 @@ interface Lookup {
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Images' } },
   hooks: {
     async onLoad() {
       try {

package/dist/templates/showcase/pages/components/layout/controller.ts

@@ -12,6 +12,7 @@ interface Lookup {
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Layout' } },
   hooks: {
     // The shelf's covers come from Apple's catalog.
     async onLoad() {

package/dist/templates/showcase/pages/components/lists/controller.ts

@@ -5,6 +5,7 @@ const MORE = 5;
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Lists' } },
   mutations: {
     choose: (state, event: DotEvent<unknown, { id: string }>) => {
       const artist = state.artists.find((candidate) => candidate.id === event.data.id);

package/dist/templates/showcase/pages/components/money/controller.ts

@@ -10,6 +10,7 @@ const MAX_PLEDGE = 1000;
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Money and codes' } },
   mutations: {
     setAmount: (_state, event: DotEvent<{ value: number | null }>) => {
       const amount = event.detail.value;

package/dist/templates/showcase/pages/components/reading/controller.ts

@@ -2,4 +2,5 @@ import state from './state';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Reading' } },
 });

package/dist/templates/showcase/pages/components/sheets/controller.ts

@@ -2,6 +2,7 @@ import state from './state';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Sheets' } },
   mutations: {
     openRelease: (state, event: DotEvent<unknown, { id: string }>) => ({
       selected: state.releases.find((release) => release.id === event.data.id) ?? null,

package/dist/templates/showcase/pages/components/styles/controller.ts

@@ -2,4 +2,5 @@ import state from './state';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Styles' } },
 });

package/dist/templates/showcase/pages/components/tabs/controller.ts

@@ -5,6 +5,7 @@ type Chosen = DotEvent<{ value: string }>;
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Tabs and chips' } },
   mutations: {
     chooseTab: (state, event: Chosen) => {
       const tab = event.detail.value;

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

@@ -2,6 +2,7 @@ import state from './state';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Text and links' } },
   mutations: {
     like: (state) => ({ likes: state.likes + 1 }),
     unlike: (state) => ({ likes: Math.max(0, state.likes - 1) }),

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

@@ -6,6 +6,7 @@ const RECENT_SECONDS = 30;
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'dash.storage.cache' } },
   hooks: {
     async onShow() {
       await this.actions.refresh();

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

@@ -8,6 +8,7 @@ let wait: DashRequest<void> | null = null;
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'Calls and errors' } },
   actions: {
     // Makes the call a button names, and shows how it ended.
     async show(_state, event: DotEvent<unknown, { call: string }>) {

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

@@ -7,6 +7,7 @@ const PICTURE = 'pictures/artwork.jpg';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'dash.storage.file' } },
   hooks: {
     async onShow() {
       await this.actions.refresh();

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

@@ -10,6 +10,7 @@ function problemToShow(error: unknown): string {
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'dash.media' } },
   actions: {
     async pickPhoto(_state, event: DotEvent<unknown, { source: 'library' | 'camera' }>) {
       try {

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

@@ -1,11 +1,7 @@
-export interface Photo {
-  name: string;
-  size: number;
-  url: string;
-}
+import type { DotFile } from '@monimesl/dot-runtime';
 
 export default {
-  photo: null as Photo | null,
+  photo: null as DotFile | null,
   photoDetails: '',
   scanned: '',
   note: '',

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

@@ -30,6 +30,7 @@ function searchUrl(artist: string, limit = PAGE): string {
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'dash.network.http' } },
   mutations: {
     setArtist: (_state, event: DotEvent<{ value: string }>) => ({ artist: event.detail.value }),
   },
@@ -103,8 +104,7 @@ export default definePage({
           name: 'artwork.jpg',
         });
         if (response.ok) {
-          const { id, url, size } = response.file;
-          this.setState({ picture: { id, url, size }, kept: false });
+          this.setState({ picture: response.file, kept: false });
         } else {
           this.setState({ note: `Apple answered ${response.status}` });
         }
@@ -113,11 +113,14 @@ export default definePage({
       }
     },
     async upload(state) {
+      if (!state.picture) {
+        return;
+      }
       try {
         const { body } = await this.dash.network.http.upload<Echo>({
           url: 'https://httpbin.org/post',
           fields: { artist: state.artist },
-          files: [{ field: 'artwork', file: state.picture.id }],
+          files: [{ field: 'artwork', file: state.picture }],
           as: 'json',
         });
         this.setState({ uploaded: Object.keys(body.files).join(', ') });
@@ -126,15 +129,21 @@ export default definePage({
       }
     },
     async sharePicture(state) {
+      if (!state.picture) {
+        return;
+      }
       try {
-        await this.dash.system.share({ file: state.picture.id });
+        await this.dash.system.share({ file: state.picture });
       } catch (error) {
         this.setState({ note: (error as Error).message });
       }
     },
     async keep(state) {
+      if (!state.picture) {
+        return;
+      }
       try {
-        await this.dash.storage.file.save(state.picture.id, PICTURE, { overwrite: true });
+        await this.dash.storage.file.save(state.picture, PICTURE, { overwrite: true });
         this.setState({ kept: true });
       } catch (error) {
         this.setState({ note: (error as Error).message });

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

@@ -1,3 +1,5 @@
+import type { DotFile } from '@monimesl/dot-runtime';
+
 export interface Release {
   id: number;
   title: string;
@@ -15,7 +17,8 @@ export default {
   limit: 10,
   searching: false,
   echo: '',
-  picture: { id: '', url: '', size: 0 },
+  // The downloaded artwork, in a temporary file until the dot closes.
+  picture: null as DotFile | null,
   uploaded: '',
   kept: false,
   note: '',

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

@@ -48,11 +48,11 @@
     <View variant="card" gap="small">
       <View direction="row" wrap gap="small">
         <Button variant="secondary" onClick="download" disabled="{{ releases.length === 0 }}">Download</Button>
-        <Button variant="secondary" onClick="upload" disabled="{{ !picture.id }}">Upload</Button>
-        <Button variant="secondary" onClick="sharePicture" disabled="{{ !picture.id }}">Share</Button>
-        <Button variant="secondary" onClick="keep" disabled="{{ !picture.id || kept }}">Keep</Button>
+        <Button variant="secondary" onClick="upload" disabled="{{ !picture }}">Upload</Button>
+        <Button variant="secondary" onClick="sharePicture" disabled="{{ !picture }}">Share</Button>
+        <Button variant="secondary" onClick="keep" disabled="{{ !picture || kept }}">Keep</Button>
       </View>
-      <If condition="{{ picture.url }}">
+      <If condition="{{ picture }}">
         <View direction="row" align="center" gap="medium">
           <Image src="{{ picture.url }}" alt="Artwork" width="64" height="64" />
           <Text variant="caption" tone="muted">{{ picture.size }} bytes, in a temporary file until the dot closes</Text>

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

@@ -5,6 +5,7 @@ const NAME = 'session-name';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'dash.storage.secret' } },
   hooks: {
     async onShow() {
       await this.actions.refresh();

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

@@ -4,6 +4,7 @@ import state from './state';
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'dash.system' } },
   mutations: {
     clearToast: () => ({ toast: '' }),
   },

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

@@ -10,6 +10,7 @@ function problemToShow(error: unknown): string {
 
 export default definePage({
   initialState: state,
+  configs: { navigationBar: { title: 'dash.ui' } },
   actions: {
     async greet() {
       try {

package/package.json

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