mikuru 1.0.19 → 1.0.21

package/dist/runtime/reactivity.js

@@ -1,5 +1,12 @@
 const effectStack = [];
 let activeEffect;
+const targetDeps = new WeakMap();
+const reactiveCache = new WeakMap();
+const readonlyCache = new WeakMap();
+const rawTargets = new WeakMap();
+const reactiveTargets = new WeakSet();
+const readonlyTargets = new WeakSet();
+const ITERATE_KEY = Symbol("mikuru.iterate");
 export function ref(initialValue) {
     let currentValue = initialValue;
     const dep = new Set();
@@ -17,35 +24,140 @@ export function ref(initialValue) {
         }
     };
 }
-export function computed(getter) {
-    const result = ref(getter());
-    effect(() => {
-        result.value = getter();
+export function reactive(target) {
+    return createReactiveProxy(target, false);
+}
+export function readonly(target) {
+    return createReactiveProxy(target, true);
+}
+export function isReactive(value) {
+    return typeof value === "object" && value !== null && reactiveTargets.has(value);
+}
+export function isReadonly(value) {
+    return typeof value === "object" && value !== null && readonlyTargets.has(value);
+}
+export function isProxy(value) {
+    return isReactive(value) || isReadonly(value);
+}
+export function toRaw(value) {
+    return (typeof value === "object" && value !== null ? rawTargets.get(value) : undefined) ?? value;
+}
+export function computed(source) {
+    const getter = typeof source === "function" ? source : source.get;
+    const dep = new Set();
+    let value;
+    let dirty = true;
+    const computedEffect = createReactiveEffect(() => {
+        value = getter();
+        dirty = false;
+    }, {
+        scheduler: () => {
+            if (dirty) {
+                return;
+            }
+            dirty = true;
+            trigger(dep);
+        }
     });
+    if (typeof source === "function") {
+        return {
+            get value() {
+                track(dep);
+                if (dirty) {
+                    runEffect(computedEffect);
+                }
+                return value;
+            }
+        };
+    }
     return {
         get value() {
-            return result.value;
+            track(dep);
+            if (dirty) {
+                runEffect(computedEffect);
+            }
+            return value;
+        },
+        set value(nextValue) {
+            source.set(nextValue);
         }
     };
 }
-export function effect(fn) {
-    const reactiveEffect = {
-        run: fn,
-        deps: new Set(),
-        active: true
-    };
+export function effect(fn, options = {}) {
+    const reactiveEffect = createReactiveEffect(fn, options);
     runEffect(reactiveEffect);
     return () => {
         reactiveEffect.active = false;
         cleanupEffect(reactiveEffect);
     };
 }
+function createReactiveEffect(fn, options = {}) {
+    const reactiveEffect = {
+        fn,
+        runner: () => runEffect(reactiveEffect),
+        deps: new Set(),
+        active: true,
+        scheduler: options.scheduler
+    };
+    return reactiveEffect;
+}
+export function watchEffect(fn) {
+    let cleanup;
+    const onCleanup = (nextCleanup) => {
+        cleanup = nextCleanup;
+    };
+    const runCleanup = () => {
+        if (!cleanup)
+            return;
+        const fn = cleanup;
+        cleanup = undefined;
+        try {
+            fn();
+        }
+        catch (e) {
+            setTimeout(() => { throw e; });
+        }
+    };
+    const stopEffect = effect(() => {
+        runCleanup();
+        fn(onCleanup);
+    });
+    return () => {
+        runCleanup();
+        stopEffect();
+    };
+}
 export function unwrap(value) {
     if (isRefLike(value)) {
         return value.value;
     }
     return value;
 }
+export function unref(value) {
+    return unwrap(value);
+}
+export function isRef(value) {
+    return isRefLike(value);
+}
+export function toRef(object, key) {
+    return {
+        get value() {
+            return object[key];
+        },
+        set value(nextValue) {
+            object[key] = nextValue;
+        }
+    };
+}
+export function toRefs(object) {
+    const refs = {};
+    for (const key of Reflect.ownKeys(object)) {
+        if (Object.prototype.propertyIsEnumerable.call(object, key)) {
+            refs[key] = toRef(object, key);
+        }
+    }
+    return refs;
+}
 function track(dep) {
     if (!activeEffect || !activeEffect.active) {
         return;
@@ -53,19 +165,65 @@ function track(dep) {
     dep.add(activeEffect);
     activeEffect.deps.add(dep);
 }
+function trackTarget(target, key) {
+    if (!activeEffect || !activeEffect.active) {
+        return;
+    }
+    let deps = targetDeps.get(target);
+    if (!deps) {
+        deps = new Map();
+        targetDeps.set(target, deps);
+    }
+    let dep = deps.get(key);
+    if (!dep) {
+        dep = new Set();
+        deps.set(key, dep);
+    }
+    track(dep);
+}
 function trigger(dep) {
     for (const reactiveEffect of [...dep]) {
         if (reactiveEffect.active) {
-            runEffect(reactiveEffect);
+            if (reactiveEffect.scheduler) {
+                reactiveEffect.scheduler(reactiveEffect.runner);
+            }
+            else {
+                runEffect(reactiveEffect);
+            }
+        }
+    }
+}
+function triggerTargetKeys(target, keys) {
+    const deps = targetDeps.get(target);
+    if (!deps) {
+        return;
+    }
+    const effects = new Set();
+    for (const key of keys) {
+        for (const reactiveEffect of deps.get(key) ?? []) {
+            effects.add(reactiveEffect);
+        }
+    }
+    for (const reactiveEffect of effects) {
+        if (reactiveEffect.active) {
+            if (reactiveEffect.scheduler) {
+                reactiveEffect.scheduler(reactiveEffect.runner);
+            }
+            else {
+                runEffect(reactiveEffect);
+            }
         }
     }
 }
 function runEffect(reactiveEffect) {
+    if (!reactiveEffect.active) {
+        return;
+    }
     cleanupEffect(reactiveEffect);
     effectStack.push(reactiveEffect);
     activeEffect = reactiveEffect;
     try {
-        reactiveEffect.run();
+        reactiveEffect.fn();
     }
     finally {
         effectStack.pop();
@@ -81,4 +239,87 @@ function cleanupEffect(reactiveEffect) {
 function isRefLike(value) {
     return typeof value === "object" && value !== null && "value" in value;
 }
+function createReactiveProxy(target, readonlyMode) {
+    if ((readonlyMode && isReadonly(target)) || (!readonlyMode && isReactive(target))) {
+        return target;
+    }
+    const rawTarget = toRaw(target);
+    const cache = readonlyMode ? readonlyCache : reactiveCache;
+    const cached = cache.get(rawTarget);
+    if (cached) {
+        return cached;
+    }
+    const proxy = new Proxy(rawTarget, {
+        get(nextTarget, key, receiver) {
+            if (key === "__mikuru_raw") {
+                return nextTarget;
+            }
+            trackTarget(nextTarget, key);
+            const value = Reflect.get(nextTarget, key, receiver);
+            if (typeof value === "object" && value !== null) {
+                return readonlyMode ? readonly(value) : reactive(value);
+            }
+            return value;
+        },
+        set(nextTarget, key, value, receiver) {
+            if (readonlyMode) {
+                return true;
+            }
+            const oldValue = Reflect.get(nextTarget, key, receiver);
+            const hadKey = Object.prototype.hasOwnProperty.call(nextTarget, key);
+            const result = Reflect.set(nextTarget, key, value, receiver);
+            if (!result || Object.is(oldValue, value)) {
+                return result;
+            }
+            const keys = [key];
+            if (!hadKey) {
+                keys.push(ITERATE_KEY);
+                if (Array.isArray(nextTarget) && isArrayIndex(key)) {
+                    keys.push("length");
+                }
+            }
+            triggerTargetKeys(nextTarget, keys);
+            return result;
+        },
+        deleteProperty(nextTarget, key) {
+            if (readonlyMode) {
+                return true;
+            }
+            const hadKey = Object.prototype.hasOwnProperty.call(nextTarget, key);
+            const result = Reflect.deleteProperty(nextTarget, key);
+            if (result && hadKey) {
+                const keys = [key, ITERATE_KEY];
+                if (Array.isArray(nextTarget) && isArrayIndex(key)) {
+                    keys.push("length");
+                }
+                triggerTargetKeys(nextTarget, keys);
+            }
+            return result;
+        },
+        ownKeys(nextTarget) {
+            trackTarget(nextTarget, Array.isArray(nextTarget) ? "length" : ITERATE_KEY);
+            return Reflect.ownKeys(nextTarget);
+        },
+        has(nextTarget, key) {
+            trackTarget(nextTarget, key);
+            return Reflect.has(nextTarget, key);
+        }
+    });
+    cache.set(rawTarget, proxy);
+    rawTargets.set(proxy, rawTarget);
+    if (readonlyMode) {
+        readonlyTargets.add(proxy);
+    }
+    else {
+        reactiveTargets.add(proxy);
+    }
+    return proxy;
+}
+function isArrayIndex(key) {
+    if (typeof key === "symbol") {
+        return false;
+    }
+    const value = typeof key === "number" ? key : Number(key);
+    return Number.isInteger(value) && value >= 0;
+}
 //# sourceMappingURL=reactivity.js.map

package/dist/runtime/reactivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactivity.js","sourceRoot":"","sources":["../../src/runtime/reactivity.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"reactivity.js","sourceRoot":"","sources":["../../src/runtime/reactivity.ts"],"names":[],"mappings":"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"}

package/dist/server.d.ts

@@ -0,0 +1,33 @@
+import type { RouteLocation, RouteLocationRaw, Router } from "./router/index.js";
+export type MikuruSsrComponent = {
+    renderToString: (props?: Record<string, unknown>) => string | Promise<string>;
+};
+export type MikuruSsrStream = AsyncIterable<string>;
+export type MikuruHydrationInstance = {
+    element: Element | Comment;
+    unmount(): void;
+};
+export type MikuruHydrationComponent = {
+    hydrate?: (target: Element, props?: Record<string, unknown>) => MikuruHydrationInstance | Promise<MikuruHydrationInstance>;
+    mount?: (target: Element | DocumentFragment, props?: Record<string, unknown>) => MikuruHydrationInstance;
+};
+export type MikuruSsrRouteRenderResult = {
+    html: string;
+    route: RouteLocation;
+};
+export type MikuruRouteHydrationResult = {
+    element: Element | Comment;
+    route: RouteLocation;
+    unmount(): void;
+};
+export type MikuruRouteHydrationOptions = {
+    listen?: boolean;
+};
+export declare function escapeHtml(value: unknown): string;
+export declare function renderAttr(name: string, value: unknown): string;
+export declare function renderAttrs(attrs: Record<string, unknown> | null | undefined): string;
+export declare function renderComponentToString(component: MikuruSsrComponent | ((props?: Record<string, unknown>) => string | Promise<string>), props?: Record<string, unknown>): Promise<string>;
+export declare function renderToStream(component: MikuruSsrComponent | ((props?: Record<string, unknown>) => string | Promise<string>), props?: Record<string, unknown>): MikuruSsrStream;
+export declare function renderToString(component: MikuruSsrComponent | ((props?: Record<string, unknown>) => string | Promise<string>), props?: Record<string, unknown>): string | Promise<string>;
+export declare function renderRouteToString(router: Router, to?: RouteLocationRaw): Promise<MikuruSsrRouteRenderResult>;
+export declare function hydrateRoute(router: Router, target: Element, toOrOptions?: RouteLocationRaw | MikuruRouteHydrationOptions, options?: MikuruRouteHydrationOptions): Promise<MikuruRouteHydrationResult>;

package/dist/server.js

@@ -0,0 +1,285 @@
+import { normalizeClass, normalizeStyle } from "./runtime/dom.js";
+const routerInjectionKey = Symbol.for("mikuru.router");
+const booleanAttributes = new Set([
+    "allowfullscreen",
+    "async",
+    "autofocus",
+    "checked",
+    "controls",
+    "default",
+    "defer",
+    "disabled",
+    "formnovalidate",
+    "hidden",
+    "inert",
+    "ismap",
+    "itemscope",
+    "loop",
+    "multiple",
+    "muted",
+    "nomodule",
+    "novalidate",
+    "open",
+    "playsinline",
+    "readonly",
+    "required",
+    "reversed",
+    "selected"
+]);
+const unsafeAttributeNamePattern = /[\s"'<>/=]/;
+export function escapeHtml(value) {
+    return String(value ?? "")
+        .replaceAll("&", "&amp;")
+        .replaceAll("<", "&lt;")
+        .replaceAll(">", "&gt;")
+        .replaceAll("\"", "&quot;")
+        .replaceAll("'", "&#39;");
+}
+export function renderAttr(name, value) {
+    if (!name || unsafeAttributeNamePattern.test(name) || value === null || value === undefined) {
+        return "";
+    }
+    const normalizedName = name.toLowerCase();
+    if (value === false && booleanAttributes.has(normalizedName)) {
+        return "";
+    }
+    if (value === true && booleanAttributes.has(normalizedName)) {
+        return ` ${name}`;
+    }
+    if (value === true) {
+        return ` ${name}="true"`;
+    }
+    if (normalizedName === "class") {
+        const className = normalizeClass(value);
+        return className ? ` ${name}="${escapeHtml(className)}"` : "";
+    }
+    if (normalizedName === "style") {
+        const style = normalizeStyle(value);
+        return style ? ` ${name}="${escapeHtml(style)}"` : "";
+    }
+    return ` ${name}="${escapeHtml(value)}"`;
+}
+export function renderAttrs(attrs) {
+    if (!attrs) {
+        return "";
+    }
+    let rendered = "";
+    for (const [name, value] of Object.entries(attrs)) {
+        rendered += renderAttr(name, value);
+    }
+    return rendered;
+}
+export async function renderComponentToString(component, props = {}) {
+    return String(await renderToString(component, props));
+}
+export async function* renderToStream(component, props = {}) {
+    yield String(await renderToString(component, props));
+}
+export function renderToString(component, props = {}) {
+    if (typeof component === "function") {
+        return component(props);
+    }
+    if (component && typeof component.renderToString === "function") {
+        return component.renderToString(props);
+    }
+    throw new TypeError("renderToString() expects a component with renderToString(props) or a render function.");
+}
+export async function renderRouteToString(router, to = router.currentRoute.value.fullPath) {
+    const target = router.resolve(to);
+    let route = target;
+    if (router.currentRoute.value.fullPath !== target.fullPath) {
+        const navigation = await router.replace(to);
+        if (isNavigationFailureLike(navigation)) {
+            throw new Error(navigation.message);
+        }
+        route = navigation;
+    }
+    await router.isReady();
+    route = router.currentRoute.value.fullPath === route.fullPath ? router.currentRoute.value : router.resolve(route.fullPath);
+    const context = createRouteComponentContext(router);
+    return {
+        html: await renderMatchedRoute(route, router, 0, context),
+        route
+    };
+}
+export async function hydrateRoute(router, target, toOrOptions = router.currentRoute.value.fullPath, options = {}) {
+    const to = isRouteHydrationOptions(toOrOptions) ? router.currentRoute.value.fullPath : toOrOptions;
+    const hydrationOptions = isRouteHydrationOptions(toOrOptions) ? toOrOptions : options;
+    const targetRoute = router.resolve(to);
+    let route = targetRoute;
+    if (router.currentRoute.value.fullPath !== targetRoute.fullPath) {
+        const navigation = await router.replace(to);
+        if (isNavigationFailureLike(navigation)) {
+            throw new Error(navigation.message);
+        }
+        route = navigation;
+    }
+    await router.isReady();
+    route = router.currentRoute.value.fullPath === route.fullPath ? router.currentRoute.value : router.resolve(route.fullPath);
+    const instance = await hydrateMatchedRoute(route, router, 0, target, createRouteComponentContext(router));
+    const stopListening = hydrationOptions.listen ? router.listen() : undefined;
+    return {
+        element: instance.element,
+        route: instance.route,
+        unmount() {
+            stopListening?.();
+            instance.unmount();
+        }
+    };
+}
+async function renderMatchedRoute(route, router, depth, context) {
+    const record = route.matchedRecords[depth];
+    if (!record) {
+        return "";
+    }
+    const component = await resolveSsrRouteComponent(record);
+    const props = {
+        ...resolveSsrRouteProps(record, route),
+        route,
+        router,
+        __mikuru_context: context,
+        children: (slotProps) => renderMatchedRoute(route, router, depth + 1, readRouteSlotContext(slotProps, context)),
+        slots: {
+            default: (slotProps) => renderMatchedRoute(route, router, depth + 1, readRouteSlotContext(slotProps, context))
+        }
+    };
+    return renderComponentToString(component, props);
+}
+async function hydrateMatchedRoute(route, router, depth, target, context) {
+    const record = route.matchedRecords[depth];
+    if (!record) {
+        return {
+            element: target,
+            route,
+            unmount() { }
+        };
+    }
+    const component = await resolveHydrationRouteComponent(record);
+    const cleanups = [];
+    const props = {
+        ...resolveSsrRouteProps(record, route),
+        route,
+        router,
+        __mikuru_context: context,
+        children: (childTarget, slotProps) => childTarget ? trackHydratedChild(cleanups, hydrateMatchedRoute(route, router, depth + 1, childTarget, readRouteSlotContext(slotProps, context))) : Promise.resolve(""),
+        slots: {
+            default: (childTarget, slotProps) => childTarget ? trackHydratedChild(cleanups, hydrateMatchedRoute(route, router, depth + 1, childTarget, readRouteSlotContext(slotProps, context))) : Promise.resolve("")
+        }
+    };
+    let instance;
+    if (component.hydrate) {
+        instance = await component.hydrate(target, props);
+    }
+    else if (component.mount) {
+        const parent = target.parentNode;
+        const anchor = target.ownerDocument.createComment("mikuru-route-hydrate");
+        parent?.insertBefore(anchor, target);
+        target.remove();
+        const fragment = target.ownerDocument.createDocumentFragment();
+        instance = component.mount(fragment, props);
+        parent?.insertBefore(fragment, anchor);
+        anchor.remove();
+    }
+    else {
+        throw new TypeError(`Route ${record.path} does not have hydrate() or mount().`);
+    }
+    return {
+        element: instance.element,
+        route,
+        unmount() {
+            for (const cleanup of cleanups.splice(0).reverse())
+                cleanup();
+            instance.unmount();
+        }
+    };
+}
+async function trackHydratedChild(cleanups, promise) {
+    const child = await promise;
+    cleanups.push(() => child.unmount());
+    return "";
+}
+function createRouteComponentContext(router) {
+    return {
+        provides: new Map([[routerInjectionKey, router]])
+    };
+}
+function readRouteSlotContext(slotProps, fallback) {
+    const context = slotProps?.__mikuru_context;
+    return isComponentContext(context) ? context : fallback;
+}
+function isComponentContext(value) {
+    return !!value && typeof value === "object" && value.provides instanceof Map;
+}
+function isRouteHydrationOptions(value) {
+    return !!value
+        && typeof value === "object"
+        && "listen" in value
+        && !("path" in value)
+        && !("name" in value);
+}
+async function resolveSsrRouteComponent(record) {
+    const cached = record.__mikuru_resolvedComponent;
+    if (isSsrComponent(cached)) {
+        return cached;
+    }
+    const component = record.component;
+    if (isSsrComponent(component)) {
+        record.__mikuru_resolvedComponent = component;
+        return component;
+    }
+    if (typeof component === "function") {
+        const loaded = await component();
+        const resolved = isSsrComponent(loaded) ? loaded : isSsrComponent(loaded?.default) ? loaded.default : undefined;
+        if (resolved) {
+            record.__mikuru_resolvedComponent = resolved;
+            return resolved;
+        }
+    }
+    throw new TypeError(`Route ${record.path} does not have an SSR renderToString component.`);
+}
+async function resolveHydrationRouteComponent(record) {
+    const cached = record.__mikuru_resolvedComponent;
+    if (isHydrationComponent(cached)) {
+        return cached;
+    }
+    const component = record.component;
+    if (isHydrationComponent(component)) {
+        record.__mikuru_resolvedComponent = component;
+        return component;
+    }
+    if (typeof component === "function") {
+        const loaded = await component();
+        const resolved = isHydrationComponent(loaded)
+            ? loaded
+            : isHydrationComponent(loaded?.default)
+                ? loaded.default
+                : undefined;
+        if (resolved) {
+            record.__mikuru_resolvedComponent = resolved;
+            return resolved;
+        }
+    }
+    throw new TypeError(`Route ${record.path} does not have a hydration component.`);
+}
+function resolveSsrRouteProps(record, route) {
+    if (record.props === true)
+        return { ...route.params };
+    if (typeof record.props === "function")
+        return record.props(route) ?? {};
+    if (record.props && typeof record.props === "object")
+        return { ...record.props };
+    return {};
+}
+function isSsrComponent(component) {
+    return !!component && typeof component === "object" && typeof component.renderToString === "function";
+}
+function isHydrationComponent(component) {
+    return !!component
+        && typeof component === "object"
+        && (typeof component.hydrate === "function"
+            || typeof component.mount === "function");
+}
+function isNavigationFailureLike(value) {
+    return !!value && typeof value === "object" && typeof value.type === "string" && typeof value.message === "string";
+}
+//# sourceMappingURL=server.js.map