@monimesl/dot-cli 0.1.0-alpha.8 → 1.0.0-beta.0

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

@@ -1,56 +0,0 @@
-<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/templates/showcase/pages/payments/controller.ts

@@ -1,42 +0,0 @@
-import state from './state';
-
-type Typed = DotEvent<{ value: string }>;
-
-// The code this page accepts; a real dot checks it with its server.
-const RIGHT_CODE = '123456';
-
-export default definePage({
-  initialState: state,
-  mutations: {
-    setAmount: (_state, event: DotEvent<{ value: number | null }>) => {
-      const amount = event.detail.value;
-      if (!amount) {
-        return { amount, amountText: '', request: '' };
-      }
-      return {
-        amount,
-        amountText: groupThousands(amount),
-        request: `https://pay.example.com/request?amount=${amount}&currency=SLE`,
-      };
-    },
-    setCode: (_state, event: Typed) => ({ code: event.detail.value, codeError: '' }),
-    checkCode: (_state, event: Typed) => {
-      if (event.detail.value === RIGHT_CODE) {
-        return { verified: true };
-      }
-      return { code: '', codeError: 'That code is wrong. Try again.' };
-    },
-    startAgain: () => ({ verified: false, code: '' }),
-    setPin: (_state, event: Typed) => ({ pin: event.detail.value }),
-  },
-});
-
-// 1250000 -> "1,250,000"
-function groupThousands(amount: number): string {
-  const digits = String(Math.round(amount));
-  const groups: string[] = [];
-  for (let end = digits.length; end > 0; end -= 3) {
-    groups.unshift(digits.slice(Math.max(0, end - 3), end));
-  }
-  return groups.join(',');
-}

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

@@ -1,35 +0,0 @@
-<View>
-  <Text variant="title">Payments</Text>
-  <Text>Fields for money and codes, and a QR code to be paid with.</Text>
-
-  <View gap="small">
-    <Text variant="caption" tone="muted">An amount, grouped as it's typed and sent to the page as a number</Text>
-    <AmountInput label="Amount to request" currency="Le" value="{{ amount }}" onChange="setAmount" hint="The QR code below asks for it" />
-    <View variant="card" align="center" gap="medium">
-      <If condition="{{ request }}">
-        <QRCode value="{{ request }}" size="180" label="A QR code to pay Le {{ amountText }}" />
-        <Text tone="muted">Scan to pay Le {{ amountText }}</Text>
-      </If>
-      <Else>
-        <EmptyState icon="qr-code" title="No amount yet" text="Type an amount above to make a QR code for it." />
-      </Else>
-    </View>
-  </View>
-
-  <View gap="small">
-    <Text variant="caption" tone="muted">A one-time code: type it, paste it, or let the phone fill it in from an SMS</Text>
-    <If condition="{{ verified }}">
-      <Notice tone="success" title="Code accepted">The payment is confirmed.</Notice>
-      <Button variant="secondary" onClick="startAgain">Start again</Button>
-    </If>
-    <Else>
-      <CodeInput label="The code we sent to 076 •••• 21" value="{{ code }}" onChange="setCode" onComplete="checkCode" error="{{ codeError }}" hint="For this page, it's 123456" />
-    </Else>
-  </View>
-
-  <View gap="small">
-    <Text variant="caption" tone="muted">A PIN, hidden as it's typed</Text>
-    <CodeInput label="PIN" length="4" secure value="{{ pin }}" onChange="setPin" />
-    <Text tone="muted">{{ pin.length }} of 4 digits</Text>
-  </View>
-</View>

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

@@ -1,33 +0,0 @@
-<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/templates/showcase/pages/text/controller.ts

@@ -1,10 +0,0 @@
-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/templates/showcase/pages/text/state.ts

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

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

@@ -1,49 +0,0 @@
-<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>