@monimesl/dot-cli 0.1.0-alpha.9 → 1.0.0-beta.1

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

@@ -1,17 +0,0 @@
-export interface HookRun {
-  id: number;
-  hook: string;
-}
-
-export default {
-  depth: 1,
-  maxDepth: 8,
-  // The trail of the page that opened this one.
-  from: '',
-  trail: '',
-  hooks: [] as HookRun[],
-  // What this page set in Dash's bars.
-  colored: false,
-  navigationBarHidden: false,
-  tabBarHidden: false,
-};

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

@@ -1,34 +0,0 @@
-<View>
-  <Text variant="caption" tone="muted">{{ trail }}</Text>
-  <Text variant="title">Navigation and hooks</Text>
-  <Text>Each new page opens on top. Back returns to the page below. A dot can have {{ maxDepth }} pages open at once.</Text>
-
-  <View variant="card" gap="small">
-    <Text>This is page {{ depth }} of {{ maxDepth }}</Text>
-    <View direction="row" wrap gap="small">
-      <Button onClick="openAnother" disabled="{{ depth >= maxDepth }}">Open another</Button>
-      <Button variant="secondary" onClick="replaceThis">Replace this one</Button>
-      <Button variant="secondary" onClick="back">Back</Button>
-      <Button variant="secondary" onClick="backTwo" disabled="{{ depth < 3 }}">Back two</Button>
-      <Button variant="secondary" onClick="home">Start over</Button>
-    </View>
-  </View>
-
-  <Text variant="caption" tone="muted">Each page sets Dash's bars. This page's title is its number.</Text>
-  <View variant="card" gap="small">
-    <View direction="row" wrap gap="small">
-      <Button variant="secondary" onClick="toggleColors">{{ colored ? 'Plain bar' : 'Green bar' }}</Button>
-      <Button variant="secondary" onClick="toggleNavigationBar">{{ navigationBarHidden ? 'Show the navigation bar' : 'Hide the navigation bar' }}</Button>
-      <Button variant="secondary" onClick="toggleTabBar">{{ tabBarHidden ? 'Show the tab bar' : 'Hide the tab bar' }}</Button>
-    </View>
-    <Text variant="caption" tone="muted">Going back shows that page's bars again. Leaving the dot brings back Dash's bars.</Text>
-  </View>
-
-  <Text variant="caption" tone="muted">The hooks this page ran, in order</Text>
-  <View variant="card" gap="small">
-    <For each="{{ hooks }}" item="run" key="id">
-      <Text>{{ run.id }}. {{ run.hook }}</Text>
-    </For>
-    <Text variant="caption" tone="muted">Open another page and come back. This page runs onHide, then onShow.</Text>
-  </View>
-</View>

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

@@ -1,67 +0,0 @@
-<View>
-  <Text variant="title">Network</Text>
-  <Text>Dash sends the dot's requests, only to hosts listed in dot.json. This page searches Apple's music catalog.</Text>
-
-  <View variant="card" gap="small">
-    <Input label="Artist" placeholder="Drizilik" value="{{ artist }}" maxLength="40" onChange="setArtist" onSubmit="search" />
-    <View direction="row" wrap gap="small">
-      <Button onClick="search" loading="{{ searching }}" disabled="{{ !artist }}">Search</Button>
-      <Button variant="secondary" onClick="searchAsText" disabled="{{ !artist }}">Read as text</Button>
-    </View>
-    <If condition="{{ raw }}">
-      <Text variant="caption" tone="muted">The answer as text starts with: {{ raw }}</Text>
-    </If>
-  </View>
-
-  <Text variant="caption" tone="muted">The same answer read as JSON, with artwork. Near the end, the list loads 10 more, up to 50. {{ releases.length }} so far.</Text>
-  <If condition="{{ releases.length > 0 }}">
-    <List onEndReached="loadMore">
-      <For each="{{ releases }}" item="release" key="id">
-        <ListItem image="{{ release.artwork }}" title="{{ release.title }}" subtitle="{{ release.album }} · {{ release.year }}" />
-      </For>
-    </List>
-  </If>
-  <Else>
-    <View variant="card">
-      <EmptyState icon="search" title="No songs yet" text="Search for an artist, such as Drizilik, Kao Denero or Emmerson." />
-    </View>
-  </Else>
-
-  <Text variant="caption" tone="muted">JSON sent to httpbin, which sends it back</Text>
-  <View variant="card" gap="small">
-    <Button variant="secondary" onClick="sendJson">Send the first song as JSON</Button>
-    <If condition="{{ echo }}">
-      <Text>httpbin got {{ echo }}</Text>
-    </If>
-  </View>
-
-  <Text variant="caption" tone="muted">Files: download the first song's artwork, upload it, and save it</Text>
-  <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>
-    </View>
-    <If condition="{{ picture.url }}">
-      <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>
-      </View>
-    </If>
-    <If condition="{{ uploaded }}">
-      <Text>httpbin got the file field "{{ uploaded }}"</Text>
-    </If>
-    <If condition="{{ kept }}">
-      <Text>Saved in the dot's files. See the Files page.</Text>
-    </If>
-  </View>
-
-  <Text variant="caption" tone="muted">A host that dot.json does not 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/view.dml

@@ -1,45 +0,0 @@
-<View>
-  <Text variant="title">Payments</Text>
-  <Text>Fields for money and codes. Tip the band with a QR code. Confirm tickets with a code.</Text>
-
-  <View gap="small">
-    <Text variant="caption" tone="muted">An amount. It is formatted as you type and sent as a number.</Text>
-    <AmountInput label="Tip for the band" value="{{ amount }}" disabled="{{ locked }}" onChange="setAmount" hint="The QR code below asks for it" />
-    <Switch label="Lock the tip" checked="{{ locked }}" onChange="setLocked" />
-    <View variant="card" align="center" gap="medium">
-      <If condition="{{ request }}">
-        <QRCode value="{{ request }}" size="180" label="A QR code to tip SLE {{ amountText }}" />
-        <Text tone="muted">Scan to tip the band SLE {{ amountText }}</Text>
-      </If>
-      <Else>
-        <EmptyState icon="qr-code" title="No tip yet" text="Type an amount above to make a QR code the crowd can scan." />
-      </Else>
-    </View>
-  </View>
-
-  <View gap="small">
-    <Text variant="caption" tone="muted">Another currency: US dollars. This one sends dollars, not cents</Text>
-    <AmountInput label="Pledge for the band's tour" currency="USD" unit="major" value="{{ pledge }}" error="{{ pledgeError }}" hint="Up to USD 1,000" onChange="setPledge" />
-  </View>
-
-  <View gap="small">
-    <Text variant="caption" tone="muted">A one-time code. Type it, paste it, or let the phone fill it from an SMS.</Text>
-    <If condition="{{ verified }}">
-      <Notice tone="success" title="Code accepted">Your two tickets are 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="Use 123456" />
-    </Else>
-  </View>
-
-  <View gap="small">
-    <Text variant="caption" tone="muted">A PIN. It is hidden as you type and locks when complete.</Text>
-    <CodeInput label="PIN" length="4" secure value="{{ pin }}" disabled="{{ pin.length === 4 }}" onChange="setPin" />
-    <View direction="row" align="center" gap="small">
-      <Text tone="muted">{{ pin.length }} of 4 digits</Text>
-      <View grow />
-      <Button variant="secondary" onClick="clearPin" disabled="{{ pin.length === 0 }}">Clear the PIN</Button>
-    </View>
-  </View>
-</View>

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

@@ -1,24 +0,0 @@
-<View>
-  <Text variant="title">Secrets</Text>
-  <Text>Secrets hold sign-in tokens from the dot's own server. Dash keeps them encrypted on the phone. A dot can keep up to 8.</Text>
-
-  <Text variant="caption" tone="muted">A sign-in that stays</Text>
-  <View variant="card" gap="small">
-    <If condition="{{ token }}">
-      <Text>Signed in as {{ signedInAs }}</Text>
-      <Text variant="caption" tone="muted">Session token {{ token }}</Text>
-      <View direction="row" gap="small">
-        <Button variant="secondary" onClick="signOut">Sign out</Button>
-        <Button variant="secondary" onClick="forgetAll">Forget every secret</Button>
-      </View>
-    </If>
-    <Else>
-      <Input label="Name" placeholder="Mariama" value="{{ name }}" maxLength="40" onChange="setName" onSubmit="signIn" />
-      <Button onClick="signIn" disabled="{{ !name }}">Sign in</Button>
-      <Text variant="caption" tone="muted">Sign in, then close and reopen the dot. You stay signed in.</Text>
-    </Else>
-  </View>
-
-  <Text variant="caption" tone="muted">Your name is saved in the cache. Only the token is a secret.</Text>
-  <Text variant="caption" tone="muted">Never put your API keys in the dot's code: it is open to read.</Text>
-</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 keeps its data in state. A mutation changes state when something happens. An action can run several steps or wait for Dash. Here, the crowd wants one more song.</Text>
-
-  <View variant="card" gap="small">
-    <Text variant="title">{{ count }} of {{ limit }} {{ title }}</Text>
-    <If condition="{{ count >= limit }}">
-      <Text>Encore! The band comes back on</Text>
-    </If>
-    <ElseIf condition="{{ count > 0 }}">
-      <Text>{{ limit - count }} more and the band comes back</Text>
-    </ElseIf>
-    <Else>
-      <Text>Tap Cheer to start</Text>
-    </Else>
-    <View direction="row" wrap gap="small">
-      <Button onClick="increment" disabled="{{ count >= limit }}">Cheer</Button>
-      <Button variant="secondary" onClick="fillUp" disabled="{{ count >= limit }}">Whole crowd</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 cheer, newest first</Text>
-  <View variant="card" gap="small">
-    <For each="{{ taps }}" index="position" item="tap" key="id">
-      <Text>{{ position + 1 }}. Cheer #{{ tap.id }}</Text>
-    </For>
-    <If condition="{{ taps.length === 0 }}">
-      <Text variant="caption" tone="muted">No cheers yet</Text>
-    </If>
-  </View>
-</View>

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

@@ -1,8 +0,0 @@
-export default {
-  name: 'Mariama',
-  stageName: null as string | null,
-  // Le, in the leone since 2022, when it dropped three zeros.
-  price: 150,
-  tickets: 4,
-  genres: ['kriofusion', 'palm-wine', 'gumbe'],
-};

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

@@ -1,58 +0,0 @@
-<View>
-  <Text variant="title">Text and bindings</Text>
-
-  <View variant="card" gap="small">
-    <Text variant="title">Palm-wine</Text>
-    <Text>Guitar music for a calm evening. This is body text.</Text>
-    <Text variant="caption" tone="muted">S. E. Rogie and Ebenezer Calendar, in 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">Links open a web page or run something on this page</Text>
-  <View variant="card" gap="small">
-    <Text>Read about{{ ' ' }}<Link href="https://en.wikipedia.org/wiki/Music_of_Sierra_Leone">the music of Sierra Leone</Link>{{ ' ' }}on Wikipedia, in the phone's browser.</Text>
-    <View direction="row" gap="medium">
-      <Link onTap="addTicket">Add a ticket below</Link>
-      <Link tone="danger" onTap="removeTicket">Remove one</Link>
-    </View>
-  </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">Sierra Leone's Refugee All Stars came together in refugee camps in Guinea, recorded their first album, Living Like a Refugee, back in Freetown, and went on to play Bonnaroo, open for Aerosmith and appear on Oprah. Two lines are allowed here, so the rest is cut off.</Text>
-  </View>
-
-  <Text variant="caption" tone="muted">Bindings show state in the view</Text>
-  <View variant="card" gap="small">
-    <Text>Hello, {{ name }}</Text>
-    <Text>{{ tickets }} {{ tickets === 1 ? 'ticket' : 'tickets' }} at Le {{ price }} each: Le {{ tickets * price }}</Text>
-    <Text>Stage name: {{ stageName ?? 'none yet' }}</Text>
-    <Text>{{ genres.length }} favourite genres, the first is "{{ genres[0] }}"</Text>
-    <View direction="row" wrap gap="small">
-      <Button variant="secondary" onClick="addTicket">Add a ticket</Button>
-      <Button variant="secondary" onClick="removeTicket" disabled="{{ tickets === 0 }}">Remove one</Button>
-      <Button variant="secondary" onClick="toggleStageName">{{ stageName === null ? 'Give a stage name' : 'Drop the stage name' }}</Button>
-    </View>
-  </View>
-
-  <Text variant="caption" tone="muted">A list, one line per item</Text>
-  <View variant="card" gap="small">
-    <For each="{{ genres }}" item="genre" index="position" key="*this">
-      <Text>{{ position + 1 }}. {{ genre }}</Text>
-    </For>
-  </View>
-</View>