elegance-js 2.1.37 → 3.0.0

package/dist/client/observer.js

@@ -1,66 +0,0 @@
-import { SpecialElementOption } from "../elements/element.js";
-import { compilerStore } from "../compilation/compiler.js";
-class ObserverOption extends SpecialElementOption {
-    constructor(id) {
-        super();
-        this.id = id;
-    }
-    mutate(element, optionName) {
-        delete element.options[optionName];
-    }
-    serialize(optionName, elementKey) {
-        let result = "{";
-        result += `option:"${optionName}",`;
-        result += `key:"${elementKey}",`;
-        result += `id:"${this.id}"`;
-        result += "}";
-        return result;
-    }
-}
-class ServerObserver {
-    constructor(id, callback, dependencies) {
-        this.id = id;
-        this.callback = callback;
-        this.dependencies = dependencies.map(d => d.id);
-    }
-    serialize() {
-        let result = "{";
-        result += `id:"${this.id}",`;
-        result += `callback:${this.callback.toString()},`;
-        result += `dependencies:[${this.dependencies.map(d => `"${d}"`).join(",")}],`;
-        result += "}";
-        return result;
-    }
-}
-function observer(callbackOrSubject, dependencies) {
-    const store = compilerStore.getStore();
-    if (!store) {
-        throw new Error("Illegal invocation of observer(). Ensure that the observer() function is only called inside components, and never at the top-level of a page or layout.");
-    }
-    let callback;
-    let deps;
-    if (dependencies) {
-        callback = callbackOrSubject;
-        deps = dependencies;
-    }
-    else {
-        const subject = callbackOrSubject;
-        callback = (s) => `${s.value}`;
-        deps = [subject];
-    }
-    const id = store.generateId();
-    const listener = new ServerObserver(id, callback, deps);
-    store.addClientToken(listener);
-    return new ObserverOption(id);
-}
-/**
- *
- * @returns The HTML Element this observer is attached to.
- */
-const getSelf = function () {
-    // this is just a stub, the implementation exists only in the browser,
-    // but we need typescript to sh
-    //@ts-ignore
-    return "CLIENT_SIDE_FUNCTION";
-};
-export { observer, ServerObserver, ObserverOption, getSelf, };

package/dist/client/runtime.d.ts

@@ -1,105 +0,0 @@
-import type { EventListener, EventListenerCallback } from "./eventListener";
-import type { LoadHook } from "./loadHook";
-import type { ServerObserver } from "./observer";
-import type { ServerSubject } from "./state";
-import type { Effect } from "./effect";
-/**
- * A ServerSubject that has been serialized, shipped to the browser, and re-created as it's final form.
- *
- * Setting the `value` of this ClientSubject will trigger it's observers callbacks.
- *
- * To listen for changes in `value`, you may call the `observe()` method.
- */
-declare class ClientSubject<T> {
-    readonly id: string;
-    private _value;
-    private readonly observers;
-    constructor(id: string, value: T);
-    get value(): T;
-    set value(newValue: T);
-    /**
-     * Manually trigger each of this subject's observers, with the subject's current value.
-     *
-     * Useful if you're mutating for example fields of an object, or pushing to an array.
-     */
-    triggerObservers(): void;
-    /**
-     * Add a new observer to this subject, `callback` is called whenever the value setter is called on this subject.
-     *
-     * Note: if an ID is already in use it's callback will just be overwritten with whatever you give it.
-     *
-     * Note: this triggers `callback` with the current value of this subject.
-     *
-     * @param id The unique id of this observer
-     * @param callback Called whenever the value of this subject changes.
-     */
-    observe(id: string, callback: (newValue: T) => void): void;
-    /**
-     * Remove an observer from this subject.
-     * @param id The unique id of the observer.
-     */
-    unobserve(id: string): void;
-}
-declare class StateManager {
-    private readonly subjects;
-    constructor();
-    loadValues(values: ServerSubject<any>[], doOverwrite?: boolean): void;
-    get(id: string): ClientSubject<any> | undefined;
-    getAll(ids: string[]): Array<ClientSubject<any>>;
-}
-type ClientEventListenerOption = {
-    /** The html attribute name this option should be attached to */
-    option: string;
-    /** The key of the element this option should be attached to. */
-    key: string;
-    /** The event listener id this option is referencing. */
-    id: string;
-};
-/**
- * An event listener after it has been generated on the server, processed into pagedata, and reconstructed on the client.
- */
-declare class ClientEventListener {
-    id: string;
-    callback: EventListenerCallback<any, any, any>;
-    dependencies: string[];
-    constructor(id: string, callback: EventListenerCallback<any, any, any>, depencencies: string[]);
-    call(ev: Event): void;
-}
-declare class EventListenerManager {
-    private readonly eventListeners;
-    constructor();
-    loadValues(serverEventListeners: EventListener<any, any, any>[], doOverride?: boolean): void;
-    hookCallbacks(eventListenerOptions: ClientEventListenerOption[]): void;
-    get(id: string): ClientEventListener | undefined;
-}
-type ClientObserverOption = {
-    /** The html attribute name this option should be attached to */
-    option: string;
-    /** The key of the element this option should be attached to. */
-    key: string;
-    /** The event listener id this option is referencing. */
-    id: string;
-};
-declare class ObserverManager {
-    private readonly clientObservers;
-    constructor();
-    loadValues(serverObservers: ServerObserver<any>[], doOverride?: boolean): void;
-    hookCallbacks(observerOptions: ClientObserverOption[]): void;
-    /**
-     * Take the results of ServerSubject.generateObserverNode(), replace their HTML placeins for text nodes, and turn those into observers.
-     */
-    transformSubjectObserverNodes(): void;
-}
-declare class EffectManager {
-    private activeEffects;
-    private cleanupProcedures;
-    loadValues(effects: Effect<any>[]): void;
-}
-declare class LoadHookManager {
-    private cleanupProcedures;
-    private activeLoadHooks;
-    constructor();
-    loadValues(loadHooks: LoadHook<any>[]): void;
-    callCleanupFunctions(): void;
-}
-export { ClientSubject, StateManager, ObserverManager, LoadHookManager, EventListenerManager, EffectManager, };