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

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

@@ -0,0 +1,15 @@
+export interface Profile {
+  login: string;
+  name: string;
+  followers: number;
+}
+
+export default {
+  zen: '',
+  profile: null as Profile | null,
+  echo: '',
+  picture: { id: '', url: '', size: 0 },
+  uploaded: '',
+  kept: false,
+  note: '',
+};

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

@@ -0,0 +1,56 @@
+<View>
+  <Text variant="title">Network</Text>
+  <Text>Dash sends a dot's requests, and only to the hosts its dot.json lists.</Text>
+
+  <Text variant="caption" tone="muted">A request, read as text</Text>
+  <View variant="card" gap="small">
+    <Button variant="secondary" onClick="fetchZen">Ask GitHub for wisdom</Button>
+    <If condition="{{ zen }}">
+      <Text>"{{ zen }}"</Text>
+    </If>
+  </View>
+
+  <Text variant="caption" tone="muted">JSON, parsed with as: 'json'</Text>
+  <View variant="card" gap="small">
+    <View direction="row" wrap gap="small">
+      <Button variant="secondary" onClick="fetchProfile">Load a profile</Button>
+      <Button variant="secondary" onClick="sendJson">Send JSON</Button>
+    </View>
+    <If condition="{{ profile }}">
+      <Text>{{ profile.name }} (@{{ profile.login }}) has {{ profile.followers }} followers</Text>
+    </If>
+    <If condition="{{ echo }}">
+      <Text>httpbin got {{ echo }}</Text>
+    </If>
+  </View>
+
+  <Text variant="caption" tone="muted">Files: download, upload and keep</Text>
+  <View variant="card" gap="small">
+    <View direction="row" wrap gap="small">
+      <Button variant="secondary" onClick="download">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>
+    </View>
+    <If condition="{{ picture.url }}">
+      <View direction="row" align="center" gap="medium">
+        <Image src="{{ picture.url }}" alt="Octocat" width="64" height="64" />
+        <Text variant="caption" tone="muted">{{ picture.size }} bytes, in a temporary file until the dot closes</Text>
+      </View>
+    </If>
+    <If condition="{{ uploaded }}">
+      <Text>httpbin got the file field "{{ uploaded }}"</Text>
+    </If>
+    <If condition="{{ kept }}">
+      <Text>Kept in the dot's own files: see the Files page</Text>
+    </If>
+  </View>
+
+  <Text variant="caption" tone="muted">A host dot.json doesn't list</Text>
+  <View variant="card" gap="small">
+    <Button variant="secondary" onClick="tryUnlistedHost">Reach example.com</Button>
+    <If condition="{{ note }}">
+      <Text variant="caption" tone="muted">{{ note }}</Text>
+    </If>
+  </View>
+</View>

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

@@ -0,0 +1,22 @@
+import state from './state';
+
+export default definePage({
+  initialState: state,
+  mutations: {
+    increment: (state) => {
+      const count = state.count + 1;
+      return { count, taps: [{ id: count }, ...state.taps] };
+    },
+    reset: () => ({ count: 0, taps: [] }),
+  },
+  actions: {
+    fillUp() {
+      while (this.state.count < this.state.limit) {
+        this.mutations.increment();
+      }
+    },
+    undo() {
+      this.setState((current) => ({ count: current.count - 1, taps: current.taps.slice(1) }));
+    },
+  },
+});

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

@@ -0,0 +1,10 @@
+export interface Tap {
+  id: number;
+}
+
+export default {
+  title: 'taps',
+  count: 0,
+  limit: 5,
+  taps: [] as Tap[],
+};

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

@@ -0,0 +1,33 @@
+<View>
+  <Text variant="title">State, mutations and actions</Text>
+  <Text>The page's state lives in the controller. A mutation turns an event into new state; an action can run several, or wait for Dash.</Text>
+
+  <View variant="card" gap="small">
+    <Text variant="title">{{ count }} of {{ limit }} {{ title }}</Text>
+    <If condition="{{ count >= limit }}">
+      <Text>That's the limit</Text>
+    </If>
+    <ElseIf condition="{{ count > 0 }}">
+      <Text>{{ limit - count }} to go</Text>
+    </ElseIf>
+    <Else>
+      <Text>Tap Add one to start</Text>
+    </Else>
+    <View direction="row" wrap gap="small">
+      <Button onClick="increment" disabled="{{ count >= limit }}">Add one</Button>
+      <Button variant="secondary" onClick="fillUp" disabled="{{ count >= limit }}">Fill up</Button>
+      <Button variant="secondary" onClick="undo" disabled="{{ count === 0 }}">Undo</Button>
+      <Button variant="secondary" onClick="reset" disabled="{{ count === 0 }}">Reset</Button>
+    </View>
+  </View>
+
+  <Text variant="caption" tone="muted">Each tap, newest first</Text>
+  <View variant="card" gap="small">
+    <For each="{{ taps }}" index="position" item="tap" key="id">
+      <Text>{{ position + 1 }}. Tap #{{ tap.id }}</Text>
+    </For>
+    <If condition="{{ taps.length === 0 }}">
+      <Text variant="caption" tone="muted">No taps yet</Text>
+    </If>
+  </View>
+</View>

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

@@ -0,0 +1,10 @@
+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 }),
+  },
+});

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

@@ -0,0 +1,7 @@
+export default {
+  name: 'Ada',
+  nickname: null as string | null,
+  price: 2.5,
+  quantity: 4,
+  tags: ['fast', 'small', 'typed'],
+};

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

@@ -0,0 +1,49 @@
+<View>
+  <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>Text can hold{{ ' ' }}<Text variant="title">bigger</Text>{{ ' ' }}and{{ ' ' }}<Text variant="caption" tone="muted">smaller</Text>{{ ' ' }}words.</Text>
+  </View>
+
+  <Text variant="caption" tone="muted">Tones, weights and alignment</Text>
+  <View variant="card" gap="small">
+    <View direction="row" wrap gap="medium">
+      <Text tone="muted">muted</Text>
+      <Text tone="info">info</Text>
+      <Text tone="success">success</Text>
+      <Text tone="warning">warning</Text>
+      <Text tone="danger">danger</Text>
+    </View>
+    <View direction="row" gap="medium">
+      <Text weight="regular">regular</Text>
+      <Text weight="medium">medium</Text>
+      <Text weight="bold">bold</Text>
+    </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>
+  </View>
+
+  <Text variant="caption" tone="muted">Bindings put state into 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>
+    <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>
+    </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>
+  </View>
+</View>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monimesl/dot-cli",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.3",
   "description": "The dotctl command: build mini apps and run them in the simulator",
   "type": "module",
   "repository": {
@@ -22,10 +22,11 @@
     "./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"
+    "@monimesl/dot-compiler": "0.1.0-alpha.3",
+    "@monimesl/dot-core": "0.1.0-alpha.3",
+    "@monimesl/dot-script-parser": "0.1.0-alpha.3",
+    "@monimesl/dot-dml-parser": "0.1.0-alpha.3",
+    "@monimesl/dot-simulator": "0.1.0-alpha.3"
   },
   "devDependencies": {
     "@types/node": "^22.20.4",
@@ -33,7 +34,10 @@
     "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/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>