@adaas/are-html 0.0.3 → 0.0.4
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/README.md +4 -4
- package/dist/browser/index.d.mts +2 -2
- package/dist/browser/index.mjs +6 -6
- package/dist/browser/index.mjs.map +1 -1
- package/dist/node/index.d.mts +1 -1
- package/dist/node/index.d.ts +1 -1
- package/dist/node/index.js +3 -3
- package/dist/node/index.mjs +1 -1
- package/dist/node/lib/{AreWatcher/AreWatcher.component.d.mts → AreRouteWatcher/AreRouteWatcher.component.d.mts} +2 -2
- package/dist/node/lib/{AreWatcher/AreWatcher.component.d.ts → AreRouteWatcher/AreRouteWatcher.component.d.ts} +2 -2
- package/dist/node/lib/{AreWatcher/AreWatcher.component.js → AreRouteWatcher/AreRouteWatcher.component.js} +6 -6
- package/dist/node/lib/AreRouteWatcher/AreRouteWatcher.component.js.map +1 -0
- package/dist/node/lib/{AreWatcher/AreWatcher.component.mjs → AreRouteWatcher/AreRouteWatcher.component.mjs} +7 -7
- package/dist/node/lib/AreRouteWatcher/AreRouteWatcher.component.mjs.map +1 -0
- package/dist/node/signals/AreRoute.signal.js +1 -1
- package/dist/node/signals/AreRoute.signal.js.map +1 -1
- package/dist/node/signals/AreRoute.signal.mjs +1 -1
- package/dist/node/signals/AreRoute.signal.mjs.map +1 -1
- package/examples/dashboard/dist/mpioi5ab-8c3oa9.js +6 -6
- package/examples/jumpstart/dist/mor90p6y-0plg7g.js +8 -8
- package/examples/jumpstart/dist/mor90p7p-1898bz.js +8 -8
- package/jest.config.ts +1 -1
- package/package.json +1 -1
- package/src/index.ts +2 -2
- package/src/lib/{AreWatcher/AreWatcher.component.ts → AreRouteWatcher/AreRouteWatcher.component.ts} +2 -2
- package/src/signals/AreRoute.signal.ts +1 -1
- package/dist/node/lib/AreWatcher/AreWatcher.component.js.map +0 -1
- package/dist/node/lib/AreWatcher/AreWatcher.component.mjs.map +0 -1
package/README.md
CHANGED
|
@@ -615,12 +615,12 @@ Route-driven rendering uses `AreSignalsContext` / `AreSignalsMeta` to select the
|
|
|
615
615
|
|
|
616
616
|
## Watcher
|
|
617
617
|
|
|
618
|
-
`
|
|
618
|
+
`AreRouteWatcher` observes browser navigation events (`pushState`, `replaceState`, `popstate`, `hashchange`) and notifies handlers on URL change:
|
|
619
619
|
|
|
620
620
|
```typescript
|
|
621
|
-
import {
|
|
621
|
+
import { AreRouteWatcher } from '@adaas/are-html';
|
|
622
622
|
|
|
623
|
-
const watcher = new
|
|
623
|
+
const watcher = new AreRouteWatcher();
|
|
624
624
|
const unsubscribe = watcher.onChange((url: URL) => {
|
|
625
625
|
console.log('Navigated to:', url.pathname);
|
|
626
626
|
});
|
|
@@ -659,7 +659,7 @@ watcher.destroy();
|
|
|
659
659
|
| `AreDirective` | Base class for custom directives |
|
|
660
660
|
| `AreDirectiveContext` | Per-item scope context for directives |
|
|
661
661
|
| `AreRoot` | `<are-root>` component |
|
|
662
|
-
| `
|
|
662
|
+
| `AreRouteWatcher` | Browser navigation observer |
|
|
663
663
|
| `AreRoute` | Client-side routing signal |
|
|
664
664
|
| `AddElementInstruction` | DOM element creation instruction |
|
|
665
665
|
| `AddTextInstruction` | Text node instruction |
|
package/dist/browser/index.d.mts
CHANGED
|
@@ -586,7 +586,7 @@ declare class AreRoot extends Are {
|
|
|
586
586
|
}>, logger: A_Logger, signalsContext?: AreSignalsContext): Promise<void>;
|
|
587
587
|
}
|
|
588
588
|
|
|
589
|
-
declare class
|
|
589
|
+
declare class AreRouteWatcher extends A_Component {
|
|
590
590
|
private readonly handlers;
|
|
591
591
|
private current;
|
|
592
592
|
constructor();
|
|
@@ -601,4 +601,4 @@ declare class AreWatcher extends A_Component {
|
|
|
601
601
|
private notify;
|
|
602
602
|
}
|
|
603
603
|
|
|
604
|
-
export { AddAttributeInstruction, AddElementInstruction, AddInterpolationInstruction, AddListenerInstruction, AddStyleInstruction, AddTextInstruction, AreBindingAttribute, AreComment, AreComponentNode, AreDirective, AreDirectiveAttribute, AreDirectiveContext, AreDirectiveFeatures, AreDirectiveFor, AreDirectiveIf, AreDirectiveMeta, type AreDirectiveOrderDecoratorParameters, AreEventAttribute, AreHTMLAttribute, AreHTMLCompiler, type AreHTMLContextConstructor, AreHTMLEngine, AreHTMLEngineContext, AreHTMLInstructions, AreHTMLInterpreter, AreHTMLLifecycle, AreHTMLNode, AreHTMLTokenizer, AreHTMLTransformer, type AreHtmlAddAttributeInstructionPayload, type AreHtmlAddCommentInstructionPayload, type AreHtmlAddElementInstructionPayload, type AreHtmlAddInterpolationInstructionPayload, type AreHtmlAddListenerInstructionPayload, type AreHtmlAddStyleInstructionPayload, type AreHtmlAddTextInstructionPayload, AreInterpolation, AreRoot, AreRootNode, AreRoute, AreStaticAttribute, AreStyle, AreText,
|
|
604
|
+
export { AddAttributeInstruction, AddElementInstruction, AddInterpolationInstruction, AddListenerInstruction, AddStyleInstruction, AddTextInstruction, AreBindingAttribute, AreComment, AreComponentNode, AreDirective, AreDirectiveAttribute, AreDirectiveContext, AreDirectiveFeatures, AreDirectiveFor, AreDirectiveIf, AreDirectiveMeta, type AreDirectiveOrderDecoratorParameters, AreEventAttribute, AreHTMLAttribute, AreHTMLCompiler, type AreHTMLContextConstructor, AreHTMLEngine, AreHTMLEngineContext, AreHTMLInstructions, AreHTMLInterpreter, AreHTMLLifecycle, AreHTMLNode, AreHTMLTokenizer, AreHTMLTransformer, type AreHtmlAddAttributeInstructionPayload, type AreHtmlAddCommentInstructionPayload, type AreHtmlAddElementInstructionPayload, type AreHtmlAddInterpolationInstructionPayload, type AreHtmlAddListenerInstructionPayload, type AreHtmlAddStyleInstructionPayload, type AreHtmlAddTextInstructionPayload, AreInterpolation, AreRoot, AreRootNode, AreRoute, AreRouteWatcher, AreStaticAttribute, AreStyle, AreText, BOOLEAN_ATTRIBUTES, IDL_FORM_PROPERTIES, LISTENER_OPTION_MODIFIERS, type ParsedEventName, isBooleanAttribute, isIDLFormProperty, normalizeClassValue, normalizeStyleValue, parseEventName, toDOMString };
|
package/dist/browser/index.mjs
CHANGED
|
@@ -816,7 +816,7 @@ var AreRoute = class extends AreSignal {
|
|
|
816
816
|
AreRoute = __decorateClass([
|
|
817
817
|
A_Frame.Define({
|
|
818
818
|
namespace: "a-are-html",
|
|
819
|
-
description: "ARE signal that carries an A_Route value. Dispatched by
|
|
819
|
+
description: "ARE signal that carries an A_Route value. Dispatched by AreRouteWatcher on client-side navigation events (pushState, replaceState, popstate). The signal bus delivers it to all subscribed root nodes, triggering route-based conditional rendering across the component tree."
|
|
820
820
|
})
|
|
821
821
|
], AreRoute);
|
|
822
822
|
|
|
@@ -2080,7 +2080,7 @@ AreRoot = __decorateClass([
|
|
|
2080
2080
|
description: "The AreRoot component serves as the foundational entry point for the A-Concept Rendering Engine (ARE). It is responsible for initializing the rendering process, managing the root node of the component tree, and handling signal-based rendering logic. The AreRoot component processes incoming signals to determine which child components to render, allowing for dynamic and responsive UI updates based on application state and user interactions."
|
|
2081
2081
|
})
|
|
2082
2082
|
], AreRoot);
|
|
2083
|
-
var
|
|
2083
|
+
var AreRouteWatcher = class extends A_Component {
|
|
2084
2084
|
constructor() {
|
|
2085
2085
|
super();
|
|
2086
2086
|
this.handlers = /* @__PURE__ */ new Set();
|
|
@@ -2136,13 +2136,13 @@ var AreWatcher = class extends A_Component {
|
|
|
2136
2136
|
}
|
|
2137
2137
|
}
|
|
2138
2138
|
};
|
|
2139
|
-
|
|
2139
|
+
AreRouteWatcher = __decorateClass([
|
|
2140
2140
|
A_Frame.Define({
|
|
2141
2141
|
namespace: "a-are-html",
|
|
2142
|
-
description: "
|
|
2142
|
+
description: "AreRouteWatcher is a component that observes browser navigation events (history pushState, replaceState, and popstate) and notifies registered handlers when the URL changes, enabling client-side routing and reactive route-based rendering within the ARE framework."
|
|
2143
2143
|
})
|
|
2144
|
-
],
|
|
2144
|
+
], AreRouteWatcher);
|
|
2145
2145
|
|
|
2146
|
-
export { AddAttributeInstruction, AddElementInstruction, AddInterpolationInstruction, AddListenerInstruction, AddStyleInstruction, AddTextInstruction, AreBindingAttribute, AreComment, AreComponentNode, AreDirective, AreDirectiveAttribute, AreDirectiveContext, AreDirectiveFeatures, AreDirectiveFor, AreDirectiveIf, AreDirectiveMeta, AreEventAttribute, AreHTMLAttribute, AreHTMLCompiler, AreHTMLEngine, AreHTMLEngineContext, AreHTMLInstructions, AreHTMLInterpreter, AreHTMLLifecycle, AreHTMLNode, AreHTMLTokenizer, AreHTMLTransformer, AreInterpolation, AreRoot, AreRootNode, AreRoute, AreStaticAttribute, AreStyle, AreText,
|
|
2146
|
+
export { AddAttributeInstruction, AddElementInstruction, AddInterpolationInstruction, AddListenerInstruction, AddStyleInstruction, AddTextInstruction, AreBindingAttribute, AreComment, AreComponentNode, AreDirective, AreDirectiveAttribute, AreDirectiveContext, AreDirectiveFeatures, AreDirectiveFor, AreDirectiveIf, AreDirectiveMeta, AreEventAttribute, AreHTMLAttribute, AreHTMLCompiler, AreHTMLEngine, AreHTMLEngineContext, AreHTMLInstructions, AreHTMLInterpreter, AreHTMLLifecycle, AreHTMLNode, AreHTMLTokenizer, AreHTMLTransformer, AreInterpolation, AreRoot, AreRootNode, AreRoute, AreRouteWatcher, AreStaticAttribute, AreStyle, AreText, BOOLEAN_ATTRIBUTES, IDL_FORM_PROPERTIES, LISTENER_OPTION_MODIFIERS, isBooleanAttribute, isIDLFormProperty, normalizeClassValue, normalizeStyleValue, parseEventName, toDOMString };
|
|
2147
2147
|
//# sourceMappingURL=index.mjs.map
|
|
2148
2148
|
//# sourceMappingURL=index.mjs.map
|