camox 0.76.1 → 0.77.0
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/dist/core/lib/artifactTheme.js +43 -6
- package/dist/features/studio/components/LocalePicker.js +518 -134
- package/dist/lib/locale-path.js +2 -2
- package/dist/lib/queries.js +5 -1
- package/dist/package.js +1 -1
- package/dist/studio.css +1 -1
- package/package.json +4 -4
- package/skills/camox/references/artifacts.md +7 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "camox",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.77.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"bin": {
|
|
6
6
|
"camox": "./bin/camox.mjs"
|
|
@@ -148,9 +148,9 @@
|
|
|
148
148
|
"unhead": "^3.4.3",
|
|
149
149
|
"yaml": "^2.9.0",
|
|
150
150
|
"zod": "^4.6.7",
|
|
151
|
-
"@camox/api-contract": "0.
|
|
152
|
-
"@camox/
|
|
153
|
-
"@camox/
|
|
151
|
+
"@camox/api-contract": "0.77.0",
|
|
152
|
+
"@camox/ui": "0.77.0",
|
|
153
|
+
"@camox/cli": "0.77.0"
|
|
154
154
|
},
|
|
155
155
|
"devDependencies": {
|
|
156
156
|
"@earendil-works/pi-ai": "1.3.0",
|
|
@@ -55,6 +55,13 @@ The source is content, not code: set it as the artifact field's value, like any
|
|
|
55
55
|
</script>
|
|
56
56
|
```
|
|
57
57
|
|
|
58
|
+
- **Mark what stays as it is in every locale with `translate="no"`.** Camox translates an artifact's words into each of the website's locales, everything but its scripts and styles. It leaves alone every element marked `translate="no"` (the HTML attribute), with everything inside it: put it on the names of products, the UI labels of a product the artifact depicts (an English-only app shows its English labels in every locale), and code. Text a script writes is never translated.
|
|
59
|
+
|
|
60
|
+
```html
|
|
61
|
+
<h2>Publish in one click</h2>
|
|
62
|
+
<div class="toolbar" translate="no"><button>Publish</button><span>Online</span></div>
|
|
63
|
+
```
|
|
64
|
+
|
|
58
65
|
- **A meaningful `<title>`.** It names the frame for screen readers and is the artifact's Markdown Representation. Without one, the artifact is called "Untitled artifact", and `blocks create` and `blocks edit` return a warning.
|
|
59
66
|
- **Motion that plays on its own goes through the Timeline** (`camox.timeline`, below): no CSS animations, CSS transitions, Web Animations or timers that move the artifact by themselves. CSS transitions stay fine for feedback to a visitor's hover or press, and so do libraries you can drive from `render(t)`.
|
|
60
67
|
- **Respect `prefers-reduced-motion`.** The Timeline does it for you (it shows its poster). For any other motion, such as a hover transition, use the native media query, in CSS (`@media (prefers-reduced-motion: reduce)`) and in scripts (`matchMedia`), by stopping or simplifying it.
|