@monimesl/dot-cli 0.1.0-alpha.16 → 0.1.0-alpha.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/dist/cli.js +16 -9
  2. package/dist/cli.js.map +1 -1
  3. package/dist/templates/showcase/dot.ts +32 -17
  4. package/dist/templates/showcase/pages/basics/bars/controller.ts +36 -0
  5. package/dist/templates/showcase/pages/basics/bars/state.ts +6 -0
  6. package/dist/templates/showcase/pages/basics/bars/view.dml +28 -0
  7. package/dist/templates/showcase/pages/{text → basics/bindings}/controller.ts +5 -0
  8. package/dist/templates/showcase/pages/basics/bindings/state.ts +14 -0
  9. package/dist/templates/showcase/pages/basics/bindings/view.dml +41 -0
  10. package/dist/templates/showcase/pages/basics/control-flow/controller.ts +18 -0
  11. package/dist/templates/showcase/pages/basics/control-flow/state.ts +16 -0
  12. package/dist/templates/showcase/pages/basics/control-flow/view.dml +55 -0
  13. package/dist/templates/showcase/pages/basics/events/controller.ts +43 -0
  14. package/dist/templates/showcase/pages/basics/events/state.ts +11 -0
  15. package/dist/templates/showcase/pages/basics/events/view.dml +51 -0
  16. package/dist/templates/showcase/pages/basics/hooks/controller.ts +37 -0
  17. package/dist/templates/showcase/pages/basics/hooks/state.ts +10 -0
  18. package/dist/templates/showcase/pages/basics/hooks/view.dml +32 -0
  19. package/dist/templates/showcase/pages/basics/navigation/controller.ts +34 -0
  20. package/dist/templates/showcase/pages/basics/navigation/state.ts +9 -0
  21. package/dist/templates/showcase/pages/basics/navigation/view.dml +37 -0
  22. package/dist/templates/showcase/pages/{state → basics/state}/controller.ts +1 -0
  23. package/dist/templates/showcase/pages/basics/state/view.dml +46 -0
  24. package/dist/templates/showcase/pages/{carousel → components/carousel}/controller.ts +1 -0
  25. package/dist/templates/showcase/pages/{carousel → components/carousel}/view.dml +7 -5
  26. package/dist/templates/showcase/pages/{feedback → components/feedback}/controller.ts +1 -0
  27. package/dist/templates/showcase/pages/{feedback → components/feedback}/view.dml +18 -9
  28. package/dist/templates/showcase/pages/{forms → components/forms}/controller.ts +5 -1
  29. package/dist/templates/showcase/pages/{forms → components/forms}/state.ts +3 -0
  30. package/dist/templates/showcase/pages/components/forms/view.dml +90 -0
  31. package/dist/templates/showcase/pages/components/icons/controller.ts +15 -0
  32. package/dist/templates/showcase/pages/components/icons/state.ts +75 -0
  33. package/dist/templates/showcase/pages/components/icons/view.dml +36 -0
  34. package/dist/templates/showcase/pages/{images → components/images}/controller.ts +1 -0
  35. package/dist/templates/showcase/pages/components/images/view.dml +70 -0
  36. package/dist/templates/showcase/pages/{layout → components/layout}/controller.ts +1 -0
  37. package/dist/templates/showcase/pages/components/layout/view.dml +143 -0
  38. package/dist/templates/showcase/pages/components/lists/controller.ts +18 -0
  39. package/dist/templates/showcase/pages/{lists → components/lists}/state.ts +43 -30
  40. package/dist/templates/showcase/pages/components/lists/view.dml +70 -0
  41. package/dist/templates/showcase/pages/{payments → components/money}/controller.ts +1 -0
  42. package/dist/templates/showcase/pages/{payments → components/money}/view.dml +17 -8
  43. package/dist/templates/showcase/pages/components/reading/controller.ts +6 -0
  44. package/dist/templates/showcase/pages/components/reading/state.ts +23 -0
  45. package/dist/templates/showcase/pages/components/reading/view.dml +42 -0
  46. package/dist/templates/showcase/pages/{lists → components/sheets}/controller.ts +9 -10
  47. package/dist/templates/showcase/pages/components/sheets/state.ts +26 -0
  48. package/dist/templates/showcase/pages/components/sheets/view.dml +38 -0
  49. package/dist/templates/showcase/pages/{styles → components/styles}/controller.ts +1 -0
  50. package/dist/templates/showcase/pages/components/styles/view.dml +101 -0
  51. package/dist/templates/showcase/pages/{filters → components/tabs}/controller.ts +2 -0
  52. package/dist/templates/showcase/pages/{filters → components/tabs}/state.ts +1 -0
  53. package/dist/templates/showcase/pages/components/tabs/view.dml +56 -0
  54. package/dist/templates/showcase/pages/components/text/controller.ts +10 -0
  55. package/dist/templates/showcase/pages/components/text/state.ts +3 -0
  56. package/dist/templates/showcase/pages/components/text/view.dml +95 -0
  57. package/dist/templates/showcase/pages/{cache → dash/cache}/controller.ts +5 -0
  58. package/dist/templates/showcase/pages/dash/cache/view.dml +48 -0
  59. package/dist/templates/showcase/pages/dash/calls/controller.ts +49 -0
  60. package/dist/templates/showcase/pages/dash/calls/state.ts +6 -0
  61. package/dist/templates/showcase/pages/dash/calls/view.dml +51 -0
  62. package/dist/templates/showcase/pages/{files → dash/files}/controller.ts +1 -0
  63. package/dist/templates/showcase/pages/dash/files/view.dml +79 -0
  64. package/dist/templates/showcase/pages/dash/media/controller.ts +33 -0
  65. package/dist/templates/showcase/pages/dash/media/state.ts +8 -0
  66. package/dist/templates/showcase/pages/dash/media/view.dml +34 -0
  67. package/dist/templates/showcase/pages/{network → dash/network}/controller.ts +14 -5
  68. package/dist/templates/showcase/pages/{network → dash/network}/state.ts +4 -1
  69. package/dist/templates/showcase/pages/dash/network/view.dml +80 -0
  70. package/dist/templates/showcase/pages/{secrets → dash/secrets}/controller.ts +1 -0
  71. package/dist/templates/showcase/pages/dash/secrets/view.dml +26 -0
  72. package/dist/templates/showcase/pages/dash/system/controller.ts +62 -0
  73. package/dist/templates/showcase/pages/dash/system/state.ts +9 -0
  74. package/dist/templates/showcase/pages/dash/system/view.dml +59 -0
  75. package/dist/templates/showcase/pages/dash/ui/controller.ts +70 -0
  76. package/dist/templates/showcase/pages/dash/ui/state.ts +8 -0
  77. package/dist/templates/showcase/pages/dash/ui/view.dml +31 -0
  78. package/dist/templates/showcase/pages/index/state.ts +135 -64
  79. package/dist/templates/showcase/pages/index/view.dml +6 -3
  80. package/package.json +6 -6
  81. package/dist/templates/showcase/pages/cache/view.dml +0 -36
  82. package/dist/templates/showcase/pages/device/controller.ts +0 -105
  83. package/dist/templates/showcase/pages/device/state.ts +0 -16
  84. package/dist/templates/showcase/pages/device/view.dml +0 -69
  85. package/dist/templates/showcase/pages/files/view.dml +0 -64
  86. package/dist/templates/showcase/pages/filters/view.dml +0 -44
  87. package/dist/templates/showcase/pages/forms/view.dml +0 -49
  88. package/dist/templates/showcase/pages/images/view.dml +0 -53
  89. package/dist/templates/showcase/pages/layout/view.dml +0 -103
  90. package/dist/templates/showcase/pages/lists/view.dml +0 -59
  91. package/dist/templates/showcase/pages/navigation/controller.ts +0 -65
  92. package/dist/templates/showcase/pages/navigation/state.ts +0 -17
  93. package/dist/templates/showcase/pages/navigation/view.dml +0 -34
  94. package/dist/templates/showcase/pages/network/view.dml +0 -67
  95. package/dist/templates/showcase/pages/secrets/view.dml +0 -24
  96. package/dist/templates/showcase/pages/state/view.dml +0 -33
  97. package/dist/templates/showcase/pages/styles/view.dml +0 -61
  98. package/dist/templates/showcase/pages/text/state.ts +0 -8
  99. package/dist/templates/showcase/pages/text/view.dml +0 -58
  100. /package/dist/templates/showcase/pages/{state → basics/state}/state.ts +0 -0
  101. /package/dist/templates/showcase/pages/{carousel → components/carousel}/state.ts +0 -0
  102. /package/dist/templates/showcase/pages/{feedback → components/feedback}/state.ts +0 -0
  103. /package/dist/templates/showcase/pages/{images → components/images}/state.ts +0 -0
  104. /package/dist/templates/showcase/pages/{layout → components/layout}/state.ts +0 -0
  105. /package/dist/templates/showcase/pages/{payments → components/money}/state.ts +0 -0
  106. /package/dist/templates/showcase/pages/{styles → components/styles}/state.ts +0 -0
  107. /package/dist/templates/showcase/pages/{cache → dash/cache}/state.ts +0 -0
  108. /package/dist/templates/showcase/pages/{files → dash/files}/state.ts +0 -0
  109. /package/dist/templates/showcase/pages/{secrets → dash/secrets}/state.ts +0 -0
@@ -1,61 +0,0 @@
1
- <View>
2
- <Text variant="title">Styles</Text>
3
- <Text>Colours, outlines, corners and sizes come from the theme, so a dot looks right in light and dark.</Text>
4
-
5
- <Text variant="caption" tone="muted">background="primary", with text tone="onPrimary"</Text>
6
- <View background="primary" radius="large" padding="large" gap="small">
7
- <Text variant="caption" tone="onPrimary">Your balance</Text>
8
- <Text variant="display" tone="onPrimary" numeric>{{ balance }}</Text>
9
- </View>
10
-
11
- <Text variant="caption" tone="muted">A tone as a background is a soft tint</Text>
12
- <View direction="row" gap="small" wrap>
13
- <View background="success" radius="medium" padding="small">
14
- <Text tone="success" weight="medium">Paid</Text>
15
- </View>
16
- <View background="warning" radius="medium" padding="small">
17
- <Text tone="warning" weight="medium">Due Friday</Text>
18
- </View>
19
- <View background="danger" radius="medium" padding="small">
20
- <Text tone="danger" weight="medium">Failed</Text>
21
- </View>
22
- </View>
23
-
24
- <Text variant="caption" tone="muted">The dot's own colours, named in dot.ts</Text>
25
- <View direction="row" gap="small" align="center">
26
- <View background="gold" radius="full" paddingTop="small" paddingBottom="small" paddingStart="medium" paddingEnd="medium">
27
- <Text weight="medium" tone="ink">Gold member</Text>
28
- </View>
29
- <Text tone="gold" weight="bold">Since 2024</Text>
30
- </View>
31
-
32
- <Text variant="caption" tone="muted">Outlines, corners and sizes in points</Text>
33
- <View direction="row" gap="medium" align="end">
34
- <View width="56" height="56" background="muted" radius="small" />
35
- <View width="56" height="56" background="muted" radius="medium" />
36
- <View width="56" height="56" background="muted" radius="full" />
37
- <View width="56" height="56" border="strong" radius="medium" />
38
- </View>
39
-
40
- <Text variant="caption" tone="muted">Prices with even digits, and the old one crossed out</Text>
41
- <View variant="card" direction="row" align="center" gap="small">
42
- <Text variant="subtitle">Freetown Jazz Night</Text>
43
- <View grow />
44
- <Text tone="muted" decoration="strikethrough" numeric>SLE 150</Text>
45
- <Text weight="bold" numeric>SLE 120</Text>
46
- </View>
47
-
48
- <Text variant="caption" tone="muted">A Stack lays its children on top of each other</Text>
49
- <Stack radius="large" aspect="16:9">
50
- <View background="gold" />
51
- <View justify="end" padding="large">
52
- <Text variant="subtitle" tone="ink">Bo market day</Text>
53
- <Text tone="ink">Every Saturday, from 7 am</Text>
54
- </View>
55
- <View align="end" padding="medium">
56
- <View background="primary" radius="full" paddingStart="small" paddingEnd="small">
57
- <Text variant="caption" tone="onPrimary" weight="bold">New</Text>
58
- </View>
59
- </View>
60
- </Stack>
61
- </View>
@@ -1,8 +0,0 @@
1
- export default {
2
- name: 'Mariama',
3
- stageName: null as string | null,
4
- // Le, in the leone since 2022, when it dropped three zeros.
5
- price: 150,
6
- tickets: 4,
7
- genres: ['kriofusion', 'palm-wine', 'gumbe'],
8
- };
@@ -1,58 +0,0 @@
1
- <View>
2
- <Text variant="title">Text and bindings</Text>
3
-
4
- <View variant="card" gap="small">
5
- <Text variant="title">Palm-wine</Text>
6
- <Text>Guitar music for a calm evening. This is body text.</Text>
7
- <Text variant="caption" tone="muted">S. E. Rogie and Ebenezer Calendar, in a caption</Text>
8
- <Text>Text can hold{{ ' ' }}<Text variant="title">bigger</Text>{{ ' ' }}and{{ ' ' }}<Text variant="caption" tone="muted">smaller</Text>{{ ' ' }}words.</Text>
9
- </View>
10
-
11
- <Text variant="caption" tone="muted">Links open a web page or run something on this page</Text>
12
- <View variant="card" gap="small">
13
- <Text>Read about{{ ' ' }}<Link href="https://en.wikipedia.org/wiki/Music_of_Sierra_Leone">the music of Sierra Leone</Link>{{ ' ' }}in the phone's browser.</Text>
14
- <View direction="row" gap="medium">
15
- <Link onTap="addTicket">Add a ticket below</Link>
16
- <Link tone="danger" onTap="removeTicket">Remove one</Link>
17
- </View>
18
- </View>
19
-
20
- <Text variant="caption" tone="muted">Tones, weights and alignment</Text>
21
- <View variant="card" gap="small">
22
- <View direction="row" wrap gap="medium">
23
- <Text tone="muted">muted</Text>
24
- <Text tone="info">info</Text>
25
- <Text tone="success">success</Text>
26
- <Text tone="warning">warning</Text>
27
- <Text tone="danger">danger</Text>
28
- </View>
29
- <View direction="row" gap="medium">
30
- <Text weight="regular">regular</Text>
31
- <Text weight="medium">medium</Text>
32
- <Text weight="bold">bold</Text>
33
- </View>
34
- <Text align="center">In the center</Text>
35
- <Text align="end">At the end</Text>
36
- <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 carried Salone music to stages around the world. Two lines are allowed here, so the rest is cut off.</Text>
37
- </View>
38
-
39
- <Text variant="caption" tone="muted">Bindings show state in the view</Text>
40
- <View variant="card" gap="small">
41
- <Text>Hello, {{ name }}</Text>
42
- <Text>{{ tickets }} {{ tickets === 1 ? 'ticket' : 'tickets' }} at Le {{ price }} each: Le {{ tickets * price }}</Text>
43
- <Text>Stage name: {{ stageName ?? 'none yet' }}</Text>
44
- <Text>{{ genres.length }} favourite genres, the first is "{{ genres[0] }}"</Text>
45
- <View direction="row" wrap gap="small">
46
- <Button variant="secondary" onClick="addTicket">Add a ticket</Button>
47
- <Button variant="secondary" onClick="removeTicket" disabled="{{ tickets === 0 }}">Remove one</Button>
48
- <Button variant="secondary" onClick="toggleStageName">{{ stageName === null ? 'Give a stage name' : 'Drop the stage name' }}</Button>
49
- </View>
50
- </View>
51
-
52
- <Text variant="caption" tone="muted">A list, one line per item</Text>
53
- <View variant="card" gap="small">
54
- <For each="{{ genres }}" item="genre" index="position" key="*this">
55
- <Text>{{ position + 1 }}. {{ genre }}</Text>
56
- </For>
57
- </View>
58
- </View>