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

package/dist/templates/starter/pages/index/view.dml

@@ -0,0 +1,16 @@
+<View>
+  <View direction="row" align="center" gap="medium">
+    <Image src="statics/logo.png" alt="Logo" width="40" height="40" />
+    <Text variant="title">{{ greeting }}</Text>
+  </View>
+  <Text>Change pages/index/view.dml and save: the simulator shows it at once.</Text>
+
+  <View variant="card" align="center" gap="medium">
+    <Text variant="title">{{ count }}</Text>
+    <Text tone="muted">{{ count === 1 ? 'tap' : 'taps' }} so far</Text>
+    <View direction="row" gap="small">
+      <Button variant="secondary" onClick="reset" disabled="{{ count === 0 }}">Reset</Button>
+      <Button onClick="increment">Tap me</Button>
+    </View>
+  </View>
+</View>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monimesl/dot-cli",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.21",
   "description": "The dotctl command: build mini apps and run them in the simulator",
   "type": "module",
   "repository": {
@@ -22,18 +22,23 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@monimesl/dot-dml-parser": "0.1.0-alpha.2",
-    "@monimesl/dot-script-parser": "0.1.0-alpha.2",
-    "@monimesl/dot-compiler": "0.1.0-alpha.2",
-    "@monimesl/dot-simulator": "0.1.0-alpha.2"
+    "typescript": "^5.9.3",
+    "uqr": "^0.1.3",
+    "@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",
     "publint": "^0.3.24",
     "rimraf": "^6.1.3",
     "tsdown": "^0.23.0",
-    "typescript": "^5.9.3",
-    "vitest": "^5.0.1"
+    "vitest": "^5.0.1",
+    "vscode-languageserver": "^9.0.1",
+    "vscode-languageserver-protocol": "^3.17.5",
+    "vscode-languageserver-textdocument": "^1.0.15"
   },
   "publishConfig": {
     "access": "public"

package/dist/template/.env

@@ -1,3 +0,0 @@
-# Public configuration for the dot. Only DOT_PUBLIC_ variables reach it, and anyone with the dot
-# can read them: never put a secret here. Read them in the service as `env.DOT_PUBLIC_…`.
-DOT_PUBLIC_GREETING=Dash draws this alert, not the dot.

package/dist/template/dot.ts

@@ -1,6 +0,0 @@
-import { logger } from '@monimesl/dot-runtime';
-
-export default defineDot({
-  pages: ['index', 'help/tips'],
-  plugins: [logger()],
-});

package/dist/template/pages/help/tips/controller.ts

@@ -1,30 +0,0 @@
-import state from './state';
-
-export default definePage({
-  initialState: state,
-  hooks: {
-    // The page that opens this one passes its own trail and depth.
-    onLoad(options) {
-      this.setState({
-        count: Number(options.count ?? 0),
-        trail: `${options.trail ?? 'Home'} › Tips`,
-        depth: Number(options.depth ?? 1) + 1,
-      });
-    },
-  },
-  actions: {
-    back() {
-      this.navigation.back();
-    },
-    openAnother(state) {
-      this.navigation.push('help/tips', {
-        count: String(state.count),
-        trail: state.trail,
-        depth: String(state.depth),
-      });
-    },
-    startOver() {
-      this.navigation.reset('index');
-    },
-  },
-});

package/dist/template/pages/help/tips/state.ts

@@ -1,11 +0,0 @@
-export default {
-  count: 0,
-  trail: '',
-  depth: 0,
-  maxPages: 8,
-  tips: [
-    'Every tap is handled by controller.ts in a Worker',
-    'The view only renders the state it receives',
-    'Pages open on top of each other; Back returns to the one below',
-  ],
-};

package/dist/template/pages/help/tips/view.dml

@@ -1,15 +0,0 @@
-<Text variant="caption">{{ trail }}</Text>
-<Text variant="title">Tips</Text>
-<Text>Page {{ depth }} of {{ maxPages }}, opened at {{ count }} taps.</Text>
-
-<View variant="card" gap="small">
-  <For each="{{ tips }}" item="tip" key="*this">
-    <Text>{{ tip }}</Text>
-  </For>
-</View>
-
-<View direction="row">
-  <Button onClick="back">Back</Button>
-  <Button variant="secondary" onClick="openAnother" disabled="{{ depth >= maxPages }}">Open another</Button>
-  <Button variant="secondary" onClick="startOver">Start over</Button>
-</View>

package/dist/template/pages/index/controller.ts

@@ -1,67 +0,0 @@
-import state from './state';
-
-export default definePage({
-  initialState: state,
-  hooks: {
-    onShow() {
-      this.setState((current) => ({ visits: current.visits + 1 }));
-    },
-  },
-  mutations: {
-    increment: (state) => {
-      const count = state.count + 1;
-      return { count, taps: [{ id: count }, ...state.taps] };
-    },
-    reset: () => ({ count: 0, taps: [] }),
-    rename: (_state, event: DotEvent<{ value: string }>) => ({ title: event.detail.value }),
-    logoLoaded: (_state, event: DotEvent<{ width: number; height: number }>) => ({
-      logoStatus: 'loaded' as const,
-      logoSize: `${event.detail.width}x${event.detail.height}`,
-    }),
-    logoFailed: () => ({ logoStatus: 'failed' as const }),
-  },
-  actions: {
-    fillUp() {
-      while (this.state.count < this.state.limit) {
-        this.mutations.increment();
-      }
-    },
-    async sayHello(state) {
-      try {
-        const { action } = await dash.ui.alert(
-          {
-            title: `Hello from ${state.title}`,
-            message: env.DOT_PUBLIC_GREETING,
-            actions: [
-              { id: 'nice', label: 'Nice' },
-              { id: 'close', label: 'Close', role: 'cancel' },
-            ],
-          },
-          { timeout: 30_000 },
-        );
-        this.setState({ dashNote: `You chose "${action}"` });
-      } catch (error) {
-        this.setState({ dashNote: errorMessage(error) });
-      }
-    },
-    async vibrate() {
-      await dash.system.vibrate({ style: 'success' });
-    },
-    async toggleTorch(state) {
-      const next = state.torch === 'on' ? 'off' : 'on';
-      try {
-        await dash.system.torch(next);
-        this.setState({ torch: next, dashNote: `Torch ${next}` });
-      } catch (error) {
-        this.setState({ dashNote: errorMessage(error) });
-      }
-    },
-    openTips(state) {
-      this.navigation.push('help/tips', { count: String(state.count), trail: 'Home', depth: '1' });
-    },
-  },
-});
-
-function errorMessage(error: unknown): string {
-  return error instanceof Error ? error.message : String(error);
-}

package/dist/template/pages/index/state.ts

@@ -1,17 +0,0 @@
-export interface Tap {
-  id: number;
-}
-
-export type LogoStatus = 'loading' | 'loaded' | 'failed';
-
-export default {
-  title: 'Dot Counter',
-  logoStatus: 'loading' as LogoStatus,
-  logoSize: '',
-  count: 0,
-  limit: 5,
-  taps: [] as Tap[],
-  visits: 0,
-  torch: 'off' as 'on' | 'off',
-  dashNote: '',
-};

package/dist/template/pages/index/view.dml

@@ -1,66 +0,0 @@
-<Text variant="caption">Home</Text>
-
-<View direction="row" align="center" gap="large">
-  <Image src="statics/logo.png" alt="Dot logo" width="48" height="48" onLoad="logoLoaded" onError="logoFailed" />
-  <View gap="none">
-    <Text variant="title">{{ title }}</Text>
-    <If condition="{{ logoStatus === 'loaded' }}">
-      <Text variant="caption">Logo loaded at {{ logoSize }}</Text>
-    </If>
-    <ElseIf condition="{{ logoStatus === 'failed' }}">
-      <Text variant="caption">Logo failed to load</Text>
-    </ElseIf>
-    <Else>
-      <Text variant="caption">Loading logo…</Text>
-    </Else>
-  </View>
-</View>
-
-<View variant="card">
-  <Text variant="title">{{ count }} / {{ limit }}</Text>
-  <If condition="{{ count >= limit }}">
-    <Text>Limit reached</Text>
-  </If>
-  <ElseIf condition="{{ count > 0 }}">
-    <Text>Keep tapping</Text>
-  </ElseIf>
-  <Else>
-    <Text>Tap to start 🚀</Text>
-  </Else>
-  <View direction="row">
-    <Button onClick="increment" disabled="{{ count >= limit }}">Add one</Button>
-    <Button variant="secondary" onClick="reset" disabled="{{ count === 0 }}">Reset</Button>
-    <Button variant="secondary" onClick="fillUp" disabled="{{ count >= limit }}">Fill up</Button>
-  </View>
-</View>
-
-<View variant="card" gap="small">
-  <Text variant="caption">Name your counter</Text>
-  <Input label="Counter name" placeholder="Dot Counter" value="{{ title }}" maxLength="24" onChange="rename" />
-</View>
-
-<View variant="card" gap="small">
-  <Text variant="caption">Dash</Text>
-  <View direction="row">
-    <Button variant="secondary" onClick="sayHello">Say hello</Button>
-    <Button variant="secondary" onClick="vibrate">Vibrate</Button>
-    <Button variant="secondary" onClick="toggleTorch">{{ torch === 'on' ? 'Torch off' : 'Torch on' }}</Button>
-  </View>
-  <If condition="{{ dashNote }}">
-    <Text variant="caption">{{ dashNote }}</Text>
-  </If>
-</View>
-
-<View variant="card" onTap="openTips">
-  <Text>Tips -> </Text>
-  <Text variant="caption">Shown {{ visits }} {{ visits === 1 ? 'time' : 'times' }}</Text>
-</View>
-
-<If condition="{{ taps.length > 0 }}">
-  <View variant="card" gap="small">
-    <Text variant="caption">History</Text>
-    <For each="{{ taps }}" index="i" item="tap" key="id">
-      <Text>{{ i + 1 }}. Tap #{{ tap.id }}</Text>
-    </For>
-  </View>
-</If>