@monimesl/dot-cli 0.1.0-alpha.4 → 0.1.0-alpha.41

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

@@ -1,115 +1,242 @@
-export interface Feature {
+export interface Topic {
   page: PageId;
   title: string;
-  summary: string;
+  // The API names the page shows, so it's easy to find the one you need.
+  covers: string;
   icon: string;
 }
 
 export interface Section {
   title: string;
-  features: Feature[];
+  text: string;
+  topics: Topic[];
 }
 
 export default {
-  title: 'Showcase',
+  title: 'Salone Sounds',
   sections: [
     {
-      title: 'Views',
-      features: [
+      title: 'Basics',
+      text: 'How a page works: pages/<name>/ with state.ts, view.dml and controller.ts',
+      topics: [
         {
-          page: 'layout',
+          page: 'basics/state',
+          title: 'State, mutations and actions',
+          covers: 'state.ts, setState, mutations, actions',
+          icon: 'refresh',
+        },
+        {
+          page: 'basics/bindings',
+          title: 'Bindings',
+          covers: '{{ }}, expressions, env',
+          icon: 'link',
+        },
+        {
+          page: 'basics/control-flow',
+          title: 'If and For',
+          covers: 'If, ElseIf, Else, For',
+          icon: 'list',
+        },
+        {
+          page: 'basics/events',
+          title: 'Events',
+          covers: 'onTap, onChange, event.detail, data-*',
+          icon: 'bolt',
+        },
+        {
+          page: 'basics/navigation',
+          title: 'Navigation',
+          covers: 'push, replace, back, reset, pushForResult, backWithResult',
+          icon: 'arrow-right',
+        },
+        {
+          page: 'basics/hooks',
+          title: 'Page hooks',
+          covers: 'onLoad, onShow, onHide, onUnload, onRefresh',
+          icon: 'history',
+        },
+        {
+          page: 'basics/bars',
+          title: "Dash's bars",
+          covers: 'configs, setNavigationBar, setTabBar, setColors',
+          icon: 'settings',
+        },
+        {
+          page: 'basics/colors',
+          title: 'Page colours',
+          covers: 'configs.colors, setColors, background, primary, surfaces',
+          icon: 'water',
+        },
+        {
+          page: 'basics/share',
+          title: 'Share links',
+          covers: "share, opening a link, checking a link's options",
+          icon: 'share',
+        },
+      ],
+    },
+    {
+      title: 'Components',
+      text: 'What a view.dml can show',
+      topics: [
+        {
+          page: 'components/layout',
           title: 'Layout',
-          summary: 'Rows, columns, grids, gaps, alignment and cards',
+          covers: 'View, Stack, Scroll, Grid, Divider',
           icon: 'grid',
         },
         {
-          page: 'text',
-          title: 'Text and bindings',
-          summary: 'Text styles and tones, and values from state',
+          page: 'components/styles',
+          title: 'Styles',
+          covers: 'background, border, radius, sizes, theme colours',
+          icon: 'star',
+        },
+        {
+          page: 'components/text',
+          title: 'Text and links',
+          covers: 'Text, Link',
           icon: 'edit',
         },
         {
-          page: 'images',
+          page: 'components/icons',
+          title: 'Icons',
+          covers: 'Icon, every name',
+          icon: 'heart',
+        },
+        {
+          page: 'components/reading',
+          title: 'Reading',
+          covers: 'Prose, Quote, BulletList, RichText',
+          icon: 'file',
+        },
+        {
+          page: 'components/images',
           title: 'Images',
-          summary: 'Pictures from statics/, their shapes and events',
+          covers: 'Image, Avatar',
           icon: 'image',
         },
         {
-          page: 'carousel',
+          page: 'components/carousel',
           title: 'Carousel',
-          summary: 'Slides to swipe, played by themselves, with dots',
-          icon: 'image',
+          covers: 'Carousel',
+          icon: 'video',
         },
         {
-          page: 'lists',
-          title: 'Lists and icons',
-          summary: 'Rows to tap, sheets of actions, badges and icons',
+          page: 'components/lists',
+          title: 'Lists',
+          covers: 'List, ListItem, DetailRow, Disclosure, EmptyState',
           icon: 'list',
         },
         {
-          page: 'filters',
-          title: 'Tabs and filters',
-          summary: 'Tabs, chips to narrow a list, and an empty state',
+          page: 'components/tabs',
+          title: 'Tabs and chips',
+          covers: 'Tabs, Tab, Chip',
           icon: 'search',
         },
         {
-          page: 'forms',
+          page: 'components/forms',
           title: 'Forms',
-          summary: 'Fields, choices, switches, and a footer to send them',
+          covers: 'Input, TextArea, Select, Stepper, Checkbox, Radio, Switch, Slider, Footer',
           icon: 'check',
         },
         {
-          page: 'payments',
-          title: 'Payments',
-          summary: 'Amounts, one-time codes, PINs and QR codes',
+          page: 'components/money',
+          title: 'Money and codes',
+          covers: 'AmountInput, CodeInput, QRCode',
           icon: 'cash',
         },
         {
-          page: 'feedback',
+          page: 'components/feedback',
           title: 'Feedback',
-          summary: 'Skeletons, toasts, spinners, progress and notices',
+          covers: 'Spinner, Skeleton, ProgressBar, Notice, Steps, Badge, Toast',
           icon: 'bell',
         },
-      ],
-    },
-    {
-      title: 'Logic',
-      features: [
         {
-          page: 'state',
-          title: 'State, mutations and actions',
-          summary: 'A counter, conditions and lists',
-          icon: 'refresh',
-        },
-        {
-          page: 'navigation',
-          title: 'Navigation and hooks',
-          summary: 'The page stack, and when each hook runs',
-          icon: 'arrow-right',
+          page: 'components/sheets',
+          title: 'Sheets',
+          covers: 'Sheet',
+          icon: 'more',
         },
       ],
     },
     {
       title: 'Dash',
-      features: [
+      text: "The phone's features, through this.dash",
+      topics: [
         {
-          page: 'device',
-          title: 'Alerts and device',
-          summary: 'Native alerts, the clipboard, sharing, delays and the torch',
+          page: 'dash/ui',
+          title: 'dash.ui',
+          covers: 'alert, pickDate, pickTime',
+          icon: 'calendar',
+        },
+        {
+          page: 'dash/system',
+          title: 'dash.system',
+          covers:
+            'info, keepAwake, brightness, vibrate, copyText, share, openUrl, dial, delay, torch',
           icon: 'mobile',
         },
         {
-          page: 'network',
-          title: 'Network',
-          summary: 'Requests, JSON, downloads and uploads',
+          page: 'dash/media',
+          title: 'dash.media',
+          covers: 'pickPhoto, pickFile, scanCode',
+          icon: 'image',
+        },
+        {
+          page: 'dash/contacts',
+          title: 'dash.contacts',
+          covers: 'pickPhone',
+          icon: 'users',
+        },
+        {
+          page: 'dash/account',
+          title: 'dash.account',
+          covers: 'signIn',
+          icon: 'user',
+        },
+        {
+          page: 'dash/payments',
+          title: 'dash.payments',
+          covers: 'request, get',
+          icon: 'card',
+        },
+        {
+          page: 'dash/crypto',
+          title: 'dash.crypto',
+          covers:
+            'sha256, sha512, hmac, randomBytes, randomUUID, and dash.utils for base64 and hex',
+          icon: 'lock',
+        },
+        {
+          page: 'dash/network',
+          title: 'dash.network',
+          covers: 'status, http.request, http.download, http.upload, debounce, latest',
           icon: 'wifi',
         },
         {
-          page: 'files',
-          title: 'Files',
-          summary: "The dot's own files, kept between runs",
+          page: 'dash/files',
+          title: 'dash.storage.file',
+          covers: 'write, read, list, move, copy, remove, save, stat, open, usage',
           icon: 'file',
         },
+        {
+          page: 'dash/cache',
+          title: 'dash.storage.cache',
+          covers: 'set, get, keys, exists, remove, clear',
+          icon: 'history',
+        },
+        {
+          page: 'dash/secrets',
+          title: 'dash.storage.secret',
+          covers: 'set, get, remove, clear',
+          icon: 'lock',
+        },
+        {
+          page: 'dash/calls',
+          title: 'Calls and errors',
+          covers: 'timeout, cancel, DashError, isDashError',
+          icon: 'warning',
+        },
       ],
     },
   ] as Section[],

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

@@ -1,18 +1,21 @@
 <View>
   <View direction="row" align="center" gap="large">
-    <Image src="statics/logo.png" alt="Dot logo" width="48" height="48" />
+    <Image src="statics/logo.png" alt="Salone Sounds logo" width="48" height="48" />
     <View gap="none">
       <Text variant="title">{{ title }}</Text>
-      <Text variant="caption" tone="muted">What a dot can do, one page each</Text>
+      <Text variant="caption" tone="muted">What a dot can do, shown with Sierra Leone's music</Text>
     </View>
   </View>
 
   <For each="{{ sections }}" item="section" key="title">
     <View gap="small">
-      <Text variant="caption" tone="muted">{{ section.title }}</Text>
+      <View gap="none">
+        <Text variant="subtitle">{{ section.title }}</Text>
+        <Text variant="caption" tone="muted">{{ section.text }}</Text>
+      </View>
       <List>
-        <For each="{{ section.features }}" item="feature" key="page">
-          <ListItem icon="{{ feature.icon }}" title="{{ feature.title }}" subtitle="{{ feature.summary }}" data-page="{{ feature.page }}" onTap="open" />
+        <For each="{{ section.topics }}" item="topic" key="page">
+          <ListItem icon="{{ topic.icon }}" title="{{ topic.title }}" subtitle="{{ topic.covers }}" data-page="{{ topic.page }}" onTap="open" />
         </For>
       </List>
     </View>

package/package.json

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