hyperframes 0.4.13-alpha.3 → 0.4.13

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 (7) hide show
  1. package/dist/cli.js +1 -1
  2. package/dist/docs/compositions.md +8 -2
  3. package/dist/studio/assets/{index-BNJpPMh6.js → index-CXGVO3lH.js} +27 -26
  4. package/dist/studio/assets/index-DgkDtcMf.css +1 -0
  5. package/dist/studio/index.html +2 -2
  6. package/package.json +1 -1
  7. package/dist/studio/assets/index-BKkR67xb.css +0 -1
package/dist/cli.js CHANGED
@@ -54,7 +54,7 @@ var VERSION;
54
54
  var init_version = __esm({
55
55
  "src/version.ts"() {
56
56
  "use strict";
57
- VERSION = true ? "0.4.13-alpha.3" : "0.0.0-dev";
57
+ VERSION = true ? "0.4.13" : "0.0.0-dev";
58
58
  }
59
59
  });
60
60
 
package/dist/docs/compositions.md CHANGED
@@ -26,8 +26,14 @@ Use `npx hyperframes compositions` to see all compositions in a project.
26
26
 
27
27
  ## Variables
28
28
 
29
- Compositions can expose variables for dynamic content:
29
+ HyperFrames does not automatically bind `data-var-*` attributes into your composition DOM.
30
30
 
31
31
  ```html
32
- <div data-composition-id="card" data-var-title="string" data-var-color="color"></div>
32
+ <div
33
+ data-composition-id="card"
34
+ data-composition-src="compositions/card.html"
35
+ data-variable-values='{"title":"Hello","color":"#ff4d4f"}'
36
+ ></div>
33
37
  ```
38
+
39
+ Read `data-variable-values` inside the nested composition and apply the values in your own script. Variable metadata for tooling is declared separately via `data-composition-variables` and read with `extractCompositionMetadata()`.