@umkmall/proto 0.1.0-ha04bbbde2f13 → 0.1.0-ha23466958603
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.
- package/package.json +1 -1
- package/umkmall-components.md +1 -0
- package/umkmall-prototype-starter.html +6 -5
- package/umkmall-rules.md +5 -5
- package/umkmall-starter-app.md +2 -2
- package/umkmall-starter.md +9 -9
- package/umkmall-ui.js +15 -14
package/package.json
CHANGED
package/umkmall-components.md
CHANGED
|
@@ -18,8 +18,8 @@ HOW TO USE THIS FILE
|
|
|
18
18
|
WHAT THIS FILE NEEDS FROM THE NETWORK
|
|
19
19
|
Four hosts, every time it is opened — not just the first time:
|
|
20
20
|
|
|
21
|
-
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
22
|
-
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
21
|
+
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-tailwind.js
|
|
22
|
+
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-ui.js
|
|
23
23
|
https://cdn.jsdelivr.net/npm/@babel/standalone@7.26.4/babel.min.js
|
|
24
24
|
— all on jsDelivr: the design system's assets (pinned) and the JSX compiler.
|
|
25
25
|
The token CSS is NOT fetched: it is inlined in the <style> below, because a claude.ai
|
|
@@ -33,7 +33,7 @@ WHAT THIS FILE NEEDS FROM THE NETWORK
|
|
|
33
33
|
|
|
34
34
|
YOU DO NOT HAVE TO START FROM THIS FILE
|
|
35
35
|
Four tags add UMKMall styling to a page you already have: the token CSS as a <link> to
|
|
36
|
-
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
36
|
+
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-tokens.css
|
|
37
37
|
then the Play CDN, the config and the bundle below. Keep the order — the config must come after
|
|
38
38
|
the Play CDN script, or the theme arrives too late and every class resolves to nothing.
|
|
39
39
|
|
|
@@ -95,6 +95,7 @@ Switch (Form)
|
|
|
95
95
|
|
|
96
96
|
Slider (Form)
|
|
97
97
|
size: large | small
|
|
98
|
+
appearance: default | scrubber
|
|
98
99
|
booleans: disabled
|
|
99
100
|
|
|
100
101
|
DateTimeInput (Form)
|
|
@@ -743,8 +744,8 @@ TRAPS — each of these renders or ignores silently, with no error:
|
|
|
743
744
|
body { color: rgb(var(--text-default-primary)); }
|
|
744
745
|
</style>
|
|
745
746
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
746
|
-
<script src="https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
747
|
-
<script src="https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
747
|
+
<script src="https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-tailwind.js"></script>
|
|
748
|
+
<script src="https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-ui.js"></script>
|
|
748
749
|
<script src="https://cdn.jsdelivr.net/npm/@babel/standalone@7.26.4/babel.min.js"></script>
|
|
749
750
|
</head>
|
|
750
751
|
<body class="bg-default-primary text-default-primary">
|
package/umkmall-rules.md
CHANGED
|
@@ -29,10 +29,10 @@ When I answer, build the whole thing in one file and hand it back.
|
|
|
29
29
|
Each of these is plain markdown, published for you rather than for a person.
|
|
30
30
|
Fetch them if you have web access; they are always current.
|
|
31
31
|
|
|
32
|
-
the whole starter, in a code block https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
33
|
-
the demo block on its own https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
34
|
-
the component vocabulary https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
35
|
-
the starter as a raw .html file https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
32
|
+
the whole starter, in a code block https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-starter.md
|
|
33
|
+
the demo block on its own https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-starter-app.md
|
|
34
|
+
the component vocabulary https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-components.md
|
|
35
|
+
the starter as a raw .html file https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-prototype-starter.html
|
|
36
36
|
|
|
37
37
|
TAKE THE FIRST ONE. It is the entire working file — <head>, mount node and a
|
|
38
38
|
demo that already renders a chat room — inside a single fenced block, so you
|
|
@@ -150,7 +150,7 @@ THE COMPONENT LIST
|
|
|
150
150
|
Not written here. It is a published file, always current, and it carries each
|
|
151
151
|
component's axes AND the props it will not render without:
|
|
152
152
|
|
|
153
|
-
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
153
|
+
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-components.md
|
|
154
154
|
|
|
155
155
|
Fetch it, or ask me to paste it. Do not work from memory of another design
|
|
156
156
|
system — an invented axis value renders unstyled with no error, and a missing
|
package/umkmall-starter-app.md
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
# UMKMall prototyping starter — the editable block
|
|
2
2
|
|
|
3
|
-
This is the `<script type="text/babel">` block from [the starter](https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
3
|
+
This is the `<script type="text/babel">` block from [the starter](https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-prototype-starter.html), on its own
|
|
4
4
|
so it can be read or pasted without the surrounding HTML.
|
|
5
5
|
|
|
6
6
|
It renders a working chat room: a header, the journey's progress rail and quota meters, a
|
|
7
7
|
scrolling transcript and a pinned composer. Edit the part between the `REPLACE THIS` and
|
|
8
8
|
`end of the part you replace` markers; keep the shell around it.
|
|
9
9
|
|
|
10
|
-
The `<head>` it needs is in the starter, or in section 3 of [the prompt](https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
10
|
+
The `<head>` it needs is in the starter, or in section 3 of [the prompt](https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-rules.md).
|
|
11
11
|
|
|
12
12
|
```jsx
|
|
13
13
|
/*
|
package/umkmall-starter.md
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
The starter in a code block, so it can be read without fetching HTML. Save it as `.html` and
|
|
4
4
|
open it; there is no build step and no install.
|
|
5
5
|
|
|
6
|
-
It is the same file as [the raw starter](https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
6
|
+
It is the same file as [the raw starter](https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-prototype-starter.html) with one deliberate difference: the
|
|
7
7
|
`.html` carries the whole component list inside a comment in its `<head>`, and here that is
|
|
8
|
-
replaced by a link to [the same list](https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
8
|
+
replaced by a link to [the same list](https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-components.md). Nothing else differs, and nothing the
|
|
9
9
|
page needs to run is in the part that was swapped.
|
|
10
10
|
|
|
11
11
|
**Take the `<head>` exactly as it is.** Its tags load in one order that works: the config
|
|
@@ -14,7 +14,7 @@ CDN the global does not exist and after it the theme arrives too late — every
|
|
|
14
14
|
class then resolves to nothing, with no error. Edit only the `<script type="text/babel">`
|
|
15
15
|
block at the bottom.
|
|
16
16
|
|
|
17
|
-
The component list is not inline here; it is [its own file](https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
17
|
+
The component list is not inline here; it is [its own file](https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-components.md).
|
|
18
18
|
|
|
19
19
|
````html
|
|
20
20
|
<!doctype html>
|
|
@@ -37,8 +37,8 @@ HOW TO USE THIS FILE
|
|
|
37
37
|
WHAT THIS FILE NEEDS FROM THE NETWORK
|
|
38
38
|
Four hosts, every time it is opened — not just the first time:
|
|
39
39
|
|
|
40
|
-
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
41
|
-
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
40
|
+
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-tailwind.js
|
|
41
|
+
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-ui.js
|
|
42
42
|
https://cdn.jsdelivr.net/npm/@babel/standalone@7.26.4/babel.min.js
|
|
43
43
|
— all on jsDelivr: the design system's assets (pinned) and the JSX compiler.
|
|
44
44
|
The token CSS is NOT fetched: it is inlined in the <style> below, because a claude.ai
|
|
@@ -52,14 +52,14 @@ WHAT THIS FILE NEEDS FROM THE NETWORK
|
|
|
52
52
|
|
|
53
53
|
YOU DO NOT HAVE TO START FROM THIS FILE
|
|
54
54
|
Four tags add UMKMall styling to a page you already have: the token CSS as a <link> to
|
|
55
|
-
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
55
|
+
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-tokens.css
|
|
56
56
|
then the Play CDN, the config and the bundle below. Keep the order — the config must come after
|
|
57
57
|
the Play CDN script, or the theme arrives too late and every class resolves to nothing.
|
|
58
58
|
|
|
59
59
|
THE COMPONENT LIST IS NOT IN THIS FILE.
|
|
60
60
|
It is published separately, and it is always current:
|
|
61
61
|
|
|
62
|
-
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
62
|
+
https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-components.md
|
|
63
63
|
|
|
64
64
|
It carries every component, its axes, and the props it will not render without.
|
|
65
65
|
-->
|
|
@@ -482,8 +482,8 @@ It carries every component, its axes, and the props it will not render without.
|
|
|
482
482
|
body { color: rgb(var(--text-default-primary)); }
|
|
483
483
|
</style>
|
|
484
484
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
485
|
-
<script src="https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
486
|
-
<script src="https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-
|
|
485
|
+
<script src="https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-tailwind.js"></script>
|
|
486
|
+
<script src="https://cdn.jsdelivr.net/npm/@umkmall/proto@0.1.0-ha23466958603/umkmall-ui.js"></script>
|
|
487
487
|
<script src="https://cdn.jsdelivr.net/npm/@babel/standalone@7.26.4/babel.min.js"></script>
|
|
488
488
|
</head>
|
|
489
489
|
<body class="bg-default-primary text-default-primary">
|