Skip to content
This repository was archived by the owner on Dec 17, 2021. It is now read-only.

Commit 63ff475

Browse files
author
Oxford
committed
Major rewrite for chtml, introducing observer
1 parent 801fc07 commit 63ff475

File tree

132 files changed

+4922
-785
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

132 files changed

+4922
-785
lines changed

‎README.md

+4-3
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,21 @@
11
# Docs - Web-Native.Dev
2+
23
Welcome to the documentation for "web-native" tools!
34

45
## Overview
6+
57
Through engineering, the Web-Native Project aims to bridge major gaps on the web platform to meet modern development needs. A more empowering platform will be helping us get more done with less dependencies!
68

7-
Here are some exciting Web-Native tools that will help you get the most of web-native development:
9+
Here are some exciting tools that will help you get the most of web-native development:
810

911
> [CHTML](chtml/) - _Implement the UI entirely in HTML_
1012
>
11-
> [Reflex](reflex/) - _Apply reactivity to any JavaScript object_
13+
> [Observer](observer/) - _Apply reactivity to any JavaScript object_
1214
>
1315
> [JSEN](jsen/) - _Run JavaScript expressions in user-defined scopes_
1416
1517
> [Play UI](play-ui/) - _Manipulate the DOM and the UI with more resilience_
1618
1719
> [Observables](observables/) - _Components for your reflex-based apps_
1820
19-
Everything in this technology stack is an independent library that can be used alone or together in high cohesion for a better Developer Experience and a happier app.
2021

‎SUMMARY.md

+103-108
Original file line numberDiff line numberDiff line change
@@ -1,122 +1,117 @@
11
# Table of contents
22

3-
* [Docs - Web-Native.Dev](README.md)
43
* [CHTML](/chtml/README.md)
5-
* [CHTML Specs](/chtml/v060/specs/README.md)
6-
* [Scoped HTML](/chtml/v060/specs/scoped-html/README.md)
7-
* [Scoped CSS](/chtml/v060/specs/scoped-css/README.md)
8-
* [Scoped JS](/chtml/v060/specs/scoped-js/README.md)
9-
* [HTML Transport](/chtml/v060/specs/html-transport/README.md)
10-
* [Bundling](/chtml/v060/specs/html-transport/bundling.md)
11-
* [CHTML Guide](/chtml/v060/guide/README.md)
12-
* [Installation](/chtml/v060/guide/installation.md)
13-
* [Server-Side Rendering](/chtml/v060/guide/server-side-rendering.md)
14-
* [CHTML v0.0.9](/chtml/v009/guide/README.md)
4+
* [Scoped HTML](/chtml/v1/scoped-html/README.md)
5+
* [Scoped CSS](/chtml/v1/scoped-css/README.md)
6+
* [Scoped JS](/chtml/v1/scoped-js/README.md)
7+
* [HTML Partials](/chtml/v1/html-partials/README.md)
8+
* [Bundling](/chtml/v1/html-partials/bundling.md)
9+
* [Examples](/chtml/v1/examples/README.md)
10+
* [Installation](/chtml/v1/installation.md)
11+
* [Explainer](/chtml/v1/explainer.md)
12+
* [v0.6.0](/chtml/v060/guide/README.md)
13+
* [Guide](/chtml/v060/guide/README.md)
14+
* [Specs](/chtml/v060/specs/README.md)
15+
* [Explainer](/chtml/v060/explainer.md)
16+
* [v0.0.9](/chtml/v009/guide/README.md)
17+
* [Installation](/chtml/v009/guide/installation.md)
1518
* [Strucutural Concepts](/chtml/v009/guide/structural-concepts/README.md)
16-
* [The Component Model](/chtml/v009/guide/structural-concepts/the-component-model.md)
17-
* [The Component API](/chtml/v009/guide/structural-concepts/the-component-api.md)
1819
* [Behavioural Concepts](/chtml/v009/guide/behavioural-concepts/README.md)
19-
* [Reactivity and Binding](/chtml/v009/guide/behavioural-concepts/reactivity-and-binding.md)
20-
* [Directives and Bindings](/chtml/v009/guide/behavioural-concepts/directives-and-binding.md)
2120
* [Compositional Concepts](/chtml/v009/guide/compositional-concepts/README.md)
22-
* [Namespaces and Templates, Layout and Bundling](/chtml/v009/guide/compositional-concepts/namespaces-and-templates-layout-and-bundling.md)
23-
* [Imports and Recomposition, Inheritance and Cascading](/chtml/v009/guide/compositional-concepts/imports-and-recomposition-inheritance-and-cascading.md)
24-
* [List Composition](/chtml/v009/guide/compositional-concepts/list-composition.md)
2521
* [Additional Guides](/chtml/v009/guide/extras/README.md)
26-
* [Support Functions](/chtml/v009/guide/extras/support-functions-and-classes.md)
27-
* [The Bundler Utility](/chtml/v009/guide/extras/the-bundler-utility.md)
28-
* [Server-Side Rendering](/chtml/v009/guide/extras/server-side-rendering.md)
29-
* [CHTML Configuration](/chtml/v009/guide/extras/configuration.md)
30-
* [Reflex](/reflex/README.md)
31-
* [Reflex Guide](/reflex/guide.md)
22+
* [Observer](/observer/README.md)
23+
+ [Installation](/observer/v1/installation.md)
24+
+ [Examples](/observer/v1/examples.md)
25+
+ [API](/observer/v1/api)
3226
* [Observables](/observables/README.md)
33-
* [Observables Guide](/observables/guide.md)
3427
* [PlayUI](/play-ui/README.md)
35-
* [PlayUI Guide](/play-ui/guide.md)
36-
* [PlayUI API](/play-ui/api/README.md)
37-
* [The DOM](/play-ui/api/dom/README.md)
38-
+ [`DOM/select()`](/play-ui/api/dom/select.md)
39-
+ [`DOM/selectAll()`](/play-ui/api/dom/selectall.md)
40-
+ [`DOM/el()`](/play-ui/api/dom/el.md)
41-
+ [`DOM/appendSync()`](/play-ui/api/dom/appendsync.md)
42-
+ [`DOM/appendAsync()`](/play-ui/api/dom/appendasync.md)
43-
+ [`DOM/prependSync()`](/play-ui/api/dom/prependsync.md)
44-
+ [`DOM/prependAsync()`](/play-ui/api/dom/prependasync.md)
45-
+ [`DOM/htmlSync()`](/play-ui/api/dom/htmlsync.md)
46-
+ [`DOM/htmlAsync()`](/play-ui/api/dom/htmlasync.md)
47-
+ [`DOM/textSync()`](/play-ui/api/dom/textsync.md)
48-
+ [`DOM/textAsync()`](/play-ui/api/dom/textasync.md)
49-
+ [`DOM/attrSync()`](/play-ui/api/dom/attrsync.md)
50-
+ [`DOM/attrAsync()`](/play-ui/api/dom/attrasync.md)
51-
+ [`DOM/classSync()`](/play-ui/api/dom/classsync.md)
52-
+ [`DOM/classAsync()`](/play-ui/api/dom/classasync.md)
53-
+ [`DOM/data()`](/play-ui/api/dom/data.md)
54-
+ [`DOM/getTextNodes()`](/play-ui/api/dom/gettextnodes.md)
55-
+ [`DOM/mutationCallback()`](/play-ui/api/dom/mutationcallback.md)
56-
+ [`DOM/connectedCallback()`](/play-ui/api/dom/connectedcallback.md)
57-
+ [`DOM/disconnectedCallback()`](/play-ui/api/dom/disconnectedcallback.md)
58-
+ [`DOM/attrChangeCallback()`](/play-ui/api/dom/attrchangecallback.md)
59-
* [CSS](/play-ui/api/css/README.md)
60-
+ [`CSS/cssSync()`](/play-ui/api/css/csssync.md)
61-
+ [`CSS/cssAsync()`](/play-ui/api/css/cssasync.md)
62-
+ [`CSS/readSync()`](/play-ui/api/css/readsync.md)
63-
+ [`CSS/readAsync()`](/play-ui/api/css/readasync.md)
64-
+ [`CSS/writeSync()`](/play-ui/api/css/writesync.md)
65-
+ [`CSS/writeAsync()`](/play-ui/api/css/writeasync.md)
66-
+ [`CSS/readRendering()`](/play-ui/api/css/readrendering.md)
67-
+ [`CSS/readInline()`](/play-ui/api/css/readinline.md)
68-
+ [`CSS/readStylesheet()`](/play-ui/api/css/readstylesheet.md)
69-
+ [CSS/TransformRule](/play-ui/api/css/TransformRule/README.md)
70-
+ [`CSS/transaction()`](/play-ui/api/css/transaction.md)
71-
* [Animation](/play-ui/api/ani/README.md)
72-
+ [`ANI/play()`](/play-ui/api/ani/play.md)
73-
+ [ANI/Ani](/play-ui/api/ani/Ani/README.md)
74-
+ [`ready()`](/play-ui/api/ani/Ani/ready.md)
75-
+ [`onfinish()`](/play-ui/api/ani/Ani/onfinish.md)
76-
+ [`oncancel()`](/play-ui/api/ani/Ani/oncancel.md)
77-
+ [`progress()`](/play-ui/api/ani/Ani/progress.md)
78-
+ [`seek()`](/play-ui/api/ani/Ani/seek.md)
79-
+ [`reverse()`](/play-ui/api/ani/Ani/reverse.md)
80-
+ [`play()`](/play-ui/api/ani/Ani/play.md)
81-
+ [`pause()`](/play-ui/api/ani/Ani/pause.md)
82-
+ [`finish()`](/play-ui/api/ani/Ani/finish.md)
83-
+ [`cancel()`](/play-ui/api/ani/Ani/cancel.md)
84-
+ [ANI/Timeline](/play-ui/api/ani/Timeline/README.md)
85-
+ [`add()`](/play-ui/api/ani/Timeline/add.md)
86-
+ [`remove()`](/play-ui/api/ani/Timeline/remove.md)
87-
+ [`onfinish()`](/play-ui/api/ani/Timeline/onfinish.md)
88-
+ [`oncancel()`](/play-ui/api/ani/Timeline/oncancel.md)
89-
+ [`progress()`](/play-ui/api/ani/Timeline/progress.md)
90-
+ [`seek()`](/play-ui/api/ani/Timeline/seek.md)
91-
+ [`reverse()`](/play-ui/api/ani/Timeline/reverse.md)
92-
+ [`play()`](/play-ui/api/ani/Timeline/play.md)
93-
+ [`pause()`](/play-ui/api/ani/Timeline/pause.md)
94-
+ [`finish()`](/play-ui/api/ani/Timeline/finish.md)
95-
+ [`cancel()`](/play-ui/api/ani/Timeline/cancel.md)
96-
+ [`clear()`](/play-ui/api/ani/Timeline/clear.md)
97-
* [Event](/play-ui/api/evt/README.md)
98-
+ [`EVT/on()`](/play-ui/api/evt/on.md)
99-
+ [`EVT/off()`](/play-ui/api/evt/off.md)
100-
+ [`EVT/trigger()`](/play-ui/api/evt/trigger.md)
101-
+ [Custom Events](/play-ui/api/evt/custom-events.md)
102-
* [The UI](/play-ui/api/ui/README.md)
103-
+ [`UI/coordsAtRect()`](/play-ui/api/ui/coordsatrect.md)
104-
+ [`UI/offsets()`](/play-ui/api/ui/offsets.md)
105-
+ [`UI/offsetTo()`](/play-ui/api/ui/offsetto.md)
106-
+ [`UI/positioningOffsets()`](/play-ui/api/ui/positioningoffsets.md)
107-
+ [`UI/rect()`](/play-ui/api/ui/rect.md)
108-
+ [`UI/rectAtOffsets()`](/play-ui/api/ui/rectatoffsets.md)
109-
+ [`UI/scrollParent()`](/play-ui/api/ui/scrollparent.md)
110-
+ [`UI/scrolls()`](/play-ui/api/ui/scrolls.md)
111-
+ [`UI/scrollTo()`](/play-ui/api/ui/scrollto.md)
112-
+ [`UI/size()`](/play-ui/api/ui/size.md)
113-
+ [`UI/translateTo()`](/play-ui/api/ui/translateto.md)
114-
+ [`UI/resizeCallback()`](/play-ui/api/ui/resizecallback.md)
115-
+ [UI/ProximityObserver](/play-ui/api/ProximityObserver/README.md)
28+
* [Installation](/play-ui/v002/installation.md)
29+
* [API](/play-ui/v002/api/README.md)
30+
* [The DOM](/play-ui/v002/api/dom/README.md)
31+
+ [`DOM/select()`](/play-ui/v002/api/dom/select.md)
32+
+ [`DOM/selectAll()`](/play-ui/v002/api/dom/selectall.md)
33+
+ [`DOM/el()`](/play-ui/v002/api/dom/el.md)
34+
+ [`DOM/appendSync()`](/play-ui/v002/api/dom/appendsync.md)
35+
+ [`DOM/appendAsync()`](/play-ui/v002/api/dom/appendasync.md)
36+
+ [`DOM/prependSync()`](/play-ui/v002/api/dom/prependsync.md)
37+
+ [`DOM/prependAsync()`](/play-ui/v002/api/dom/prependasync.md)
38+
+ [`DOM/htmlSync()`](/play-ui/v002/api/dom/htmlsync.md)
39+
+ [`DOM/htmlAsync()`](/play-ui/v002/api/dom/htmlasync.md)
40+
+ [`DOM/textSync()`](/play-ui/v002/api/dom/textsync.md)
41+
+ [`DOM/textAsync()`](/play-ui/v002/api/dom/textasync.md)
42+
+ [`DOM/attrSync()`](/play-ui/v002/api/dom/attrsync.md)
43+
+ [`DOM/attrAsync()`](/play-ui/v002/api/dom/attrasync.md)
44+
+ [`DOM/classSync()`](/play-ui/v002/api/dom/classsync.md)
45+
+ [`DOM/classAsync()`](/play-ui/v002/api/dom/classasync.md)
46+
+ [`DOM/data()`](/play-ui/v002/api/dom/data.md)
47+
+ [`DOM/getTextNodes()`](/play-ui/v002/api/dom/gettextnodes.md)
48+
+ [`DOM/mutationCallback()`](/play-ui/v002/api/dom/mutationcallback.md)
49+
+ [`DOM/connectedCallback()`](/play-ui/v002/api/dom/connectedcallback.md)
50+
+ [`DOM/disconnectedCallback()`](/play-ui/v002/api/dom/disconnectedcallback.md)
51+
+ [`DOM/attrChangeCallback()`](/play-ui/v002/api/dom/attrchangecallback.md)
52+
* [CSS](/play-ui/v002/api/css/README.md)
53+
+ [`CSS/cssSync()`](/play-ui/v002/api/css/csssync.md)
54+
+ [`CSS/cssAsync()`](/play-ui/v002/api/css/cssasync.md)
55+
+ [`CSS/readSync()`](/play-ui/v002/api/css/readsync.md)
56+
+ [`CSS/readAsync()`](/play-ui/v002/api/css/readasync.md)
57+
+ [`CSS/writeSync()`](/play-ui/v002/api/css/writesync.md)
58+
+ [`CSS/writeAsync()`](/play-ui/v002/api/css/writeasync.md)
59+
+ [`CSS/readRendering()`](/play-ui/v002/api/css/readrendering.md)
60+
+ [`CSS/readInline()`](/play-ui/v002/api/css/readinline.md)
61+
+ [`CSS/readStylesheet()`](/play-ui/v002/api/css/readstylesheet.md)
62+
+ [CSS/TransformRule](/play-ui/v002/api/css/TransformRule/README.md)
63+
+ [`CSS/transaction()`](/play-ui/v002/api/css/transaction.md)
64+
* [Animation](/play-ui/v002/api/ani/README.md)
65+
+ [`ANI/play()`](/play-ui/v002/api/ani/play.md)
66+
+ [ANI/Ani](/play-ui/v002/api/ani/Ani/README.md)
67+
+ [`ready()`](/play-ui/v002/api/ani/Ani/ready.md)
68+
+ [`onfinish()`](/play-ui/v002/api/ani/Ani/onfinish.md)
69+
+ [`oncancel()`](/play-ui/v002/api/ani/Ani/oncancel.md)
70+
+ [`progress()`](/play-ui/v002/api/ani/Ani/progress.md)
71+
+ [`seek()`](/play-ui/v002/api/ani/Ani/seek.md)
72+
+ [`reverse()`](/play-ui/v002/api/ani/Ani/reverse.md)
73+
+ [`play()`](/play-ui/v002/api/ani/Ani/play.md)
74+
+ [`pause()`](/play-ui/v002/api/ani/Ani/pause.md)
75+
+ [`finish()`](/play-ui/v002/api/ani/Ani/finish.md)
76+
+ [`cancel()`](/play-ui/v002/api/ani/Ani/cancel.md)
77+
+ [ANI/Timeline](/play-ui/v002/api/ani/Timeline/README.md)
78+
+ [`add()`](/play-ui/v002/api/ani/Timeline/add.md)
79+
+ [`remove()`](/play-ui/v002/api/ani/Timeline/remove.md)
80+
+ [`onfinish()`](/play-ui/v002/api/ani/Timeline/onfinish.md)
81+
+ [`oncancel()`](/play-ui/v002/api/ani/Timeline/oncancel.md)
82+
+ [`progress()`](/play-ui/v002/api/ani/Timeline/progress.md)
83+
+ [`seek()`](/play-ui/v002/api/ani/Timeline/seek.md)
84+
+ [`reverse()`](/play-ui/v002/api/ani/Timeline/reverse.md)
85+
+ [`play()`](/play-ui/v002/api/ani/Timeline/play.md)
86+
+ [`pause()`](/play-ui/v002/api/ani/Timeline/pause.md)
87+
+ [`finish()`](/play-ui/v002/api/ani/Timeline/finish.md)
88+
+ [`cancel()`](/play-ui/v002/api/ani/Timeline/cancel.md)
89+
+ [`clear()`](/play-ui/v002/api/ani/Timeline/clear.md)
90+
* [Event](/play-ui/v002/api/evt/README.md)
91+
+ [`EVT/on()`](/play-ui/v002/api/evt/on.md)
92+
+ [`EVT/off()`](/play-ui/v002/api/evt/off.md)
93+
+ [`EVT/trigger()`](/play-ui/v002/api/evt/trigger.md)
94+
+ [Custom Events](/play-ui/v002/api/evt/custom-events.md)
95+
* [The UI](/play-ui/v002/api/ui/README.md)
96+
+ [`UI/coordsAtRect()`](/play-ui/v002/api/ui/coordsatrect.md)
97+
+ [`UI/offsets()`](/play-ui/v002/api/ui/offsets.md)
98+
+ [`UI/offsetTo()`](/play-ui/v002/api/ui/offsetto.md)
99+
+ [`UI/positioningOffsets()`](/play-ui/v002/api/ui/positioningoffsets.md)
100+
+ [`UI/rect()`](/play-ui/v002/api/ui/rect.md)
101+
+ [`UI/rectAtOffsets()`](/play-ui/v002/api/ui/rectatoffsets.md)
102+
+ [`UI/scrollParent()`](/play-ui/v002/api/ui/scrollparent.md)
103+
+ [`UI/scrolls()`](/play-ui/v002/api/ui/scrolls.md)
104+
+ [`UI/scrollTo()`](/play-ui/v002/api/ui/scrollto.md)
105+
+ [`UI/size()`](/play-ui/v002/api/ui/size.md)
106+
+ [`UI/translateTo()`](/play-ui/v002/api/ui/translateto.md)
107+
+ [`UI/resizeCallback()`](/play-ui/v002/api/ui/resizecallback.md)
108+
+ [UI/ProximityObserver](/play-ui/v002/api/ProximityObserver/README.md)
116109
* [JSEN](/jsen/README.md)
117-
* [JSEN Guide](/jsen/guide.md)
110+
* [JSEN Guide](/jsen/v050/guide.md)
118111
* [Commons](/commons/README.md)
119-
* [Commons Guide](/commons/guide.md)
112+
* [Commons Guide](/commons/v050/guide.md)
120113
* [MQL](/mql/README.md)
121114
* [MQL Guide](/mql/guide.md)
115+
* [Reflex](/reflex/README.md)
116+
* [Reflex Guide](/reflex/guide.md)
122117

‎chtml/README.md

+18-17
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,27 @@
1-
---
2-
description: 'Put up amazing UIs in one go - complete with styling and automatic functionality without leaving HTML!'
3-
---
1+
# CHTML v1
42

5-
# CHTML
6-
CHTML is a suite of short specifications and technologies that **bring a component architecture to the HTML language itself**. This lets us create the UI and its components entirely in HTML - a new **pure-HTML** approach that requires no build tools, or compilers, or even a template syntax!
3+
CHTML is a suite of new DOM features that brings language support for modern UI development paradigms: a component-based architecture, data binding, and reactivity. This lets us build elegant user interfaces using the web platform itself.
74

85
[Check this project out on GitHub](https://github.com/web-native/chtml).
96

7+
## Documentation
8+
9+
+ [Scoped HTML](https://docs.web-native.dev/chtml/v1/scoped-html/) - Structure your document as a hierarchy of *scopes* and *subscopes*.
10+
+ [Scoped CSS](https://docs.web-native.dev/chtml/v1/scoped-css/) - Put stylesheets where you need them using Scoped CSS.
11+
+ [Scoped JS](https://docs.web-native.dev/chtml/v1/scoped-js/) - Create behaviours on the fly with scoped scripts.
12+
+ [HTML Partials](https://docs.web-native.dev/chtml/v1/html-partials/) - Define, extend, import/export reusable HTML snippets.
13+
14+
If you'd be interested in the motivation for this project, [here](https://docs.web-native.dev/chtml/v1/explainer.md)'s the explainer.
15+
1016
## Getting Started
11-
[Start here](/chtml/v060/specs/) for a brief overview of CHTML and follow each topic to learn more. You may also dive straight into a subject:
12-
+ [Scoped HTML](/chtml/v060/specs/scoped-html/README.md)
13-
+ [Scoped CSS](/chtml/v060/specs/scoped-css/README.md)
14-
+ [Scoped JS](/chtml/v060/specs/scoped-js/README.md)
15-
+ [HTML Transport](/chtml/v060/specs/html-transport/README.md)
1617

17-
Next, follow the [installation guide](/chtml/v060/guide/installation.md) to add CHTML to your page.
18+
+ [Installation](https://docs.web-native.dev/chtml/v1/Installation.md) - Follow the installation guide to add CHTML to your page.
19+
+ [Examples](https://docs.web-native.dev/chtml/v1/examples) - Get a head start with these few examples.
20+
21+
## Issues
1822

19-
## Guides
20-
+ [Installation Guide](/chtml/v060/guide/installation.md)
21-
+ [Server-Side Rendering](/chtml/v060/guide/server-side-rendering.md)
23+
To report bugs or request features, please submit an [issue](https://github.com/web-native/chtml/issues).
2224

23-
## Issues?
24-
We're sure there will be errors around here - typos on our docs, clever bugs in code. Feel free to bring these to our notice by filing a GitHub issue.
25+
## License
2526

26-
It's also important to note that CHTML is a bleeding edge technology and may change quickly. Please do thread safely! But as much as we know today, stability is just a few iterations away.
27+
MIT.

‎chtml/v060/explainer.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -253,14 +253,14 @@ CHTML is a suite of four new technologies that provide for a component-based HTM
253253

254254
[Read the full Scoped JS docs](https://docs.web-native.dev/chtml/v060/specs/scoped-js)
255255

256-
+ **HTML Transport** - An import/export system that lets us define, extend, and distribute HTML components – now, the platform itself as an UI component framework.
256+
+ **HTML Partials** - An import/export system that lets us define, extend, and distribute HTML components – now, the platform itself as an UI component framework.
257257

258-
HTML Transport uses existing HTML features to make a feature-rich system of defining and reusing HTML snippets.
258+
HTML Partials uses existing HTML features to make a feature-rich system of defining and reusing HTML snippets.
259259

260260

261261
```html
262262
<head>
263-
<template is="html-bundle">
263+
<template is="partials-bundle">
264264

265265
<div namespace="export/one"></div>
266266
<div namespace="export/two"></div>
@@ -273,17 +273,17 @@ CHTML is a suite of four new technologies that provide for a component-based HTM
273273

274274
```html
275275
<body>
276-
<html-import namespace="export/one"></html-import>
277-
<html-import namespace="export/two"></html-import>
276+
<partials-import namespace="export/one"></partials-import>
277+
<partials-import namespace="export/two"></partials-import>
278278
</body>
279279
```
280280

281281
And in a script, we could programmatically import them.
282282

283283
```js
284-
let import1 = HTMLTransport.import('export/one');
284+
let import1 = HTMLPartials.import('export/one');
285285
```
286286

287-
Taking things beyond imports and exports, HTML Transport sets a new bar in code organization, extensibility and composability.
287+
Taking things beyond imports and exports, HTML Partials sets a new bar in code organization, extensibility and composability.
288288

289-
[Read the full HTML Transport docs](https://docs.web-native.dev/chtml/v060/specs/html-transport)
289+
[Read the full HTML Partials docs](https://docs.web-native.dev/chtml/v060/specs/html-partials)

‎chtml/v060/guide/README.md

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
# Guide
2+
3+
+ [Installation](/chtml/v060/guide/installation.md)
4+
+ [Server-Side Rendering](/chtml/v060/guide/server-side-rendering.md)

0 commit comments

Comments
 (0)