@fluixi/core 1.0.0-alpha.100

package/dist/src/lib/context/context.cjs

@@ -0,0 +1,81 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/context/context.ts
+var context_exports = {};
+__export(context_exports, {
+  composeProviders: () => composeProviders,
+  createContext: () => createContext,
+  createProvider: () => createProvider,
+  requireContext: () => requireContext,
+  useContext: () => useContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_dom = require("@fluixi/dom");
+var import_signal = require("@fluixi/reactive/signal");
+function createContext(defaultValue, name) {
+  const context = (0, import_signal.createContext)(defaultValue, name);
+  const Provider = (props) => (
+    // Children stay a getter: the reactive Provider reads them after stamping the value on
+    // its owner. Reading `props.children` here would render them, and any <Outlet/> in them,
+    // before the context exists.
+    context.Provider({
+      value: props.value,
+      get children() {
+        return props.children;
+      },
+      debug: props.debug
+    })
+  );
+  return {
+    id: context.id,
+    Provider: (0, import_dom.asProvider)(Provider),
+    defaultValue
+  };
+}
+function useContext(context) {
+  const value = (0, import_signal.useContext)(context);
+  return value !== void 0 ? value : context.defaultValue;
+}
+function createProvider(context, value, props) {
+  const resolved = typeof value === "function" ? value() : value;
+  return context.Provider({
+    value: resolved,
+    get children() {
+      return props.children;
+    }
+  });
+}
+function composeProviders(providers, props) {
+  const outermost = providers.reduceRight(
+    (inner, [context, value]) => ({
+      get children() {
+        return createProvider(context, value, inner);
+      }
+    }),
+    props
+  );
+  return outermost.children;
+}
+function requireContext(context, message) {
+  for (let owner = (0, import_signal.getOwner)(); owner; owner = owner.parent) {
+    if (owner.contexts?.has(context.id)) return useContext(context);
+  }
+  throw new Error(message ?? `[fluixi] No Provider for ${context.id.description ?? "this context"} above this component.`);
+}

package/dist/src/lib/context/context.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Context: a value provided by a component and read by any component below it.
+ *
+ * The owner tree holds it (`@fluixi/reactive`), so `useContext` finds the nearest
+ * `<Ctx.Provider>` above the component that asks. The same object is the key custom elements use
+ * with `@fluixi/web-components`: an element reads what a Provider around it gives, and the
+ * components an element renders read what the element provides.
+ */
+import { type ComponentChild } from '@fluixi/dom';
+import { type Accessor, type Context } from '@fluixi/reactive/signal';
+/**
+ * A context with a default for components that have no Provider above them. `name` is what
+ * devtools show for it.
+ *
+ * @example
+ * ```tsx
+ * const Theme = createContext<'light' | 'dark'>('light', 'theme');
+ *
+ * <Theme.Provider value="dark"><Toolbar /></Theme.Provider>
+ * ```
+ */
+export declare function createContext<T>(defaultValue?: T, name?: string): {
+    id: symbol;
+    Provider: (props: {
+        value: T;
+        children?: any;
+        debug?: boolean;
+    }) => any;
+    defaultValue: T;
+};
+/** The value of the nearest Provider above the calling component, or the context's default. */
+export declare function useContext<T>(context: {
+    id: symbol;
+    defaultValue: T;
+    [key: string]: any;
+}): T;
+/**
+ * A Provider as a function call, for a component that provides without JSX. `value` may be an
+ * accessor, read once. Pass the component's own props so `children` stays lazy.
+ *
+ * @example
+ * ```ts
+ * const ThemeProvider = (props) => createProvider(Theme, 'dark', props);
+ * ```
+ */
+export declare function createProvider<T>(context: Context<T>, value: T | Accessor<T>, props: {
+    children?: any;
+}): ComponentChild;
+/**
+ * Several Providers as one, outermost first, for an app shell that would otherwise nest a
+ * Provider per context. Values may be accessors, as in `createProvider`; children stay lazy.
+ *
+ * @example
+ * ```ts
+ * const AppProviders = (props) =>
+ *   composeProviders([[Theme, 'dark'], [Locale, () => locale()], [Session, session]], props);
+ * ```
+ */
+export declare function composeProviders(providers: ReadonlyArray<readonly [Context<any>, unknown]>, props: {
+    children?: any;
+}): ComponentChild;
+/**
+ * `useContext` for a value that has to come from a Provider: throws when none is above,
+ * instead of handing back the default. For parts that only work inside their parent, a tab
+ * outside its tabs.
+ */
+export declare function requireContext<T>(context: {
+    id: symbol;
+    defaultValue?: T;
+    [key: string]: any;
+}, message?: string): T;
+export type { Context };
+//# sourceMappingURL=context.d.ts.map

package/dist/src/lib/context/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/lib/context/context.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAIL,KAAK,QAAQ,EACb,KAAK,OAAO,EACb,MAAM,yBAAyB,CAAC;AAEjC;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG;IACjE,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG,CAAC;IACxE,YAAY,EAAE,CAAC,CAAC;CACjB,CAoBA;AAED,+FAA+F;AAC/F,wBAAgB,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,CAAC,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,CAAC,CAG7F;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAC9B,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EACnB,KAAK,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,EACtB,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GACxB,cAAc,CAQhB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,EAC1D,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GACxB,cAAc,CAUhB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,OAAO,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAKpH;AAED,YAAY,EAAE,OAAO,EAAE,CAAC"}

package/dist/src/lib/context/context.js

@@ -0,0 +1,93 @@
+/**
+ * Context: a value provided by a component and read by any component below it.
+ *
+ * The owner tree holds it (`@fluixi/reactive`), so `useContext` finds the nearest
+ * `<Ctx.Provider>` above the component that asks. The same object is the key custom elements use
+ * with `@fluixi/web-components`: an element reads what a Provider around it gives, and the
+ * components an element renders read what the element provides.
+ */
+import { asProvider } from '@fluixi/dom';
+import { createContext as createReactiveContext, getOwner, useContext as useReactiveContext, } from '@fluixi/reactive/signal';
+/**
+ * A context with a default for components that have no Provider above them. `name` is what
+ * devtools show for it.
+ *
+ * @example
+ * ```tsx
+ * const Theme = createContext<'light' | 'dark'>('light', 'theme');
+ *
+ * <Theme.Provider value="dark"><Toolbar /></Theme.Provider>
+ * ```
+ */
+export function createContext(defaultValue, name) {
+    const context = createReactiveContext(defaultValue, name);
+    const Provider = (props) => 
+    // Children stay a getter: the reactive Provider reads them after stamping the value on
+    // its owner. Reading `props.children` here would render them, and any <Outlet/> in them,
+    // before the context exists.
+    context.Provider({
+        value: props.value,
+        get children() {
+            return props.children;
+        },
+        debug: props.debug,
+    });
+    return {
+        id: context.id,
+        Provider: asProvider(Provider),
+        defaultValue: defaultValue,
+    };
+}
+/** The value of the nearest Provider above the calling component, or the context's default. */
+export function useContext(context) {
+    const value = useReactiveContext(context);
+    return value !== undefined ? value : context.defaultValue;
+}
+/**
+ * A Provider as a function call, for a component that provides without JSX. `value` may be an
+ * accessor, read once. Pass the component's own props so `children` stays lazy.
+ *
+ * @example
+ * ```ts
+ * const ThemeProvider = (props) => createProvider(Theme, 'dark', props);
+ * ```
+ */
+export function createProvider(context, value, props) {
+    const resolved = typeof value === 'function' ? value() : value;
+    return context.Provider({
+        value: resolved,
+        get children() {
+            return props.children;
+        },
+    });
+}
+/**
+ * Several Providers as one, outermost first, for an app shell that would otherwise nest a
+ * Provider per context. Values may be accessors, as in `createProvider`; children stay lazy.
+ *
+ * @example
+ * ```ts
+ * const AppProviders = (props) =>
+ *   composeProviders([[Theme, 'dark'], [Locale, () => locale()], [Session, session]], props);
+ * ```
+ */
+export function composeProviders(providers, props) {
+    const outermost = providers.reduceRight((inner, [context, value]) => ({
+        get children() {
+            return createProvider(context, value, inner);
+        },
+    }), props);
+    return outermost.children;
+}
+/**
+ * `useContext` for a value that has to come from a Provider: throws when none is above,
+ * instead of handing back the default. For parts that only work inside their parent, a tab
+ * outside its tabs.
+ */
+export function requireContext(context, message) {
+    for (let owner = getOwner(); owner; owner = owner.parent) {
+        if (owner.contexts?.has(context.id))
+            return useContext(context);
+    }
+    throw new Error(message ?? `[fluixi] No Provider for ${context.id.description ?? 'this context'} above this component.`);
+}

package/dist/src/lib/context/context.mjs

@@ -0,0 +1,64 @@
+// src/lib/context/context.ts
+import { asProvider } from "@fluixi/dom";
+import {
+  createContext as createReactiveContext,
+  getOwner,
+  useContext as useReactiveContext
+} from "@fluixi/reactive/signal";
+function createContext(defaultValue, name) {
+  const context = createReactiveContext(defaultValue, name);
+  const Provider = (props) => (
+    // Children stay a getter: the reactive Provider reads them after stamping the value on
+    // its owner. Reading `props.children` here would render them, and any <Outlet/> in them,
+    // before the context exists.
+    context.Provider({
+      value: props.value,
+      get children() {
+        return props.children;
+      },
+      debug: props.debug
+    })
+  );
+  return {
+    id: context.id,
+    Provider: asProvider(Provider),
+    defaultValue
+  };
+}
+function useContext(context) {
+  const value = useReactiveContext(context);
+  return value !== void 0 ? value : context.defaultValue;
+}
+function createProvider(context, value, props) {
+  const resolved = typeof value === "function" ? value() : value;
+  return context.Provider({
+    value: resolved,
+    get children() {
+      return props.children;
+    }
+  });
+}
+function composeProviders(providers, props) {
+  const outermost = providers.reduceRight(
+    (inner, [context, value]) => ({
+      get children() {
+        return createProvider(context, value, inner);
+      }
+    }),
+    props
+  );
+  return outermost.children;
+}
+function requireContext(context, message) {
+  for (let owner = getOwner(); owner; owner = owner.parent) {
+    if (owner.contexts?.has(context.id)) return useContext(context);
+  }
+  throw new Error(message ?? `[fluixi] No Provider for ${context.id.description ?? "this context"} above this component.`);
+}
+export {
+  composeProviders,
+  createContext,
+  createProvider,
+  requireContext,
+  useContext
+};

package/dist/src/lib/context/index.cjs

@@ -0,0 +1,83 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/context/index.ts
+var index_exports = {};
+__export(index_exports, {
+  composeProviders: () => composeProviders,
+  createContext: () => createContext,
+  createProvider: () => createProvider,
+  requireContext: () => requireContext,
+  useContext: () => useContext
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/lib/context/context.ts
+var import_dom = require("@fluixi/dom");
+var import_signal = require("@fluixi/reactive/signal");
+function createContext(defaultValue, name) {
+  const context = (0, import_signal.createContext)(defaultValue, name);
+  const Provider = (props) => (
+    // Children stay a getter: the reactive Provider reads them after stamping the value on
+    // its owner. Reading `props.children` here would render them, and any <Outlet/> in them,
+    // before the context exists.
+    context.Provider({
+      value: props.value,
+      get children() {
+        return props.children;
+      },
+      debug: props.debug
+    })
+  );
+  return {
+    id: context.id,
+    Provider: (0, import_dom.asProvider)(Provider),
+    defaultValue
+  };
+}
+function useContext(context) {
+  const value = (0, import_signal.useContext)(context);
+  return value !== void 0 ? value : context.defaultValue;
+}
+function createProvider(context, value, props) {
+  const resolved = typeof value === "function" ? value() : value;
+  return context.Provider({
+    value: resolved,
+    get children() {
+      return props.children;
+    }
+  });
+}
+function composeProviders(providers, props) {
+  const outermost = providers.reduceRight(
+    (inner, [context, value]) => ({
+      get children() {
+        return createProvider(context, value, inner);
+      }
+    }),
+    props
+  );
+  return outermost.children;
+}
+function requireContext(context, message) {
+  for (let owner = (0, import_signal.getOwner)(); owner; owner = owner.parent) {
+    if (owner.contexts?.has(context.id)) return useContext(context);
+  }
+  throw new Error(message ?? `[fluixi] No Provider for ${context.id.description ?? "this context"} above this component.`);
+}

package/dist/src/lib/context/index.d.ts

@@ -0,0 +1,3 @@
+export { createContext, useContext, createProvider, composeProviders, requireContext } from './context.js';
+export type { Context } from './context.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/lib/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3G,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/src/lib/context/index.js

@@ -0,0 +1 @@
+export { createContext, useContext, createProvider, composeProviders, requireContext } from './context.js';

package/dist/src/lib/context/index.mjs

@@ -0,0 +1,64 @@
+// src/lib/context/context.ts
+import { asProvider } from "@fluixi/dom";
+import {
+  createContext as createReactiveContext,
+  getOwner,
+  useContext as useReactiveContext
+} from "@fluixi/reactive/signal";
+function createContext(defaultValue, name) {
+  const context = createReactiveContext(defaultValue, name);
+  const Provider = (props) => (
+    // Children stay a getter: the reactive Provider reads them after stamping the value on
+    // its owner. Reading `props.children` here would render them, and any <Outlet/> in them,
+    // before the context exists.
+    context.Provider({
+      value: props.value,
+      get children() {
+        return props.children;
+      },
+      debug: props.debug
+    })
+  );
+  return {
+    id: context.id,
+    Provider: asProvider(Provider),
+    defaultValue
+  };
+}
+function useContext(context) {
+  const value = useReactiveContext(context);
+  return value !== void 0 ? value : context.defaultValue;
+}
+function createProvider(context, value, props) {
+  const resolved = typeof value === "function" ? value() : value;
+  return context.Provider({
+    value: resolved,
+    get children() {
+      return props.children;
+    }
+  });
+}
+function composeProviders(providers, props) {
+  const outermost = providers.reduceRight(
+    (inner, [context, value]) => ({
+      get children() {
+        return createProvider(context, value, inner);
+      }
+    }),
+    props
+  );
+  return outermost.children;
+}
+function requireContext(context, message) {
+  for (let owner = getOwner(); owner; owner = owner.parent) {
+    if (owner.contexts?.has(context.id)) return useContext(context);
+  }
+  throw new Error(message ?? `[fluixi] No Provider for ${context.id.description ?? "this context"} above this component.`);
+}
+export {
+  composeProviders,
+  createContext,
+  createProvider,
+  requireContext,
+  useContext
+};

package/dist/src/lib/control-flow.cjs

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/control-flow.ts
+var control_flow_exports = {};
+__export(control_flow_exports, {
+  ClientOnly: () => import_dom.ClientOnly,
+  Dynamic: () => import_dom.Dynamic,
+  ErrorBoundary: () => import_dom.ErrorBoundary,
+  For: () => import_dom.For,
+  Index: () => import_dom.Index,
+  Match: () => import_dom.Match,
+  NoSsr: () => import_dom.NoSsr,
+  Portal: () => import_dom.Portal,
+  Show: () => import_dom.Show,
+  Switch: () => import_dom.Switch
+});
+module.exports = __toCommonJS(control_flow_exports);
+var import_dom = require("@fluixi/dom");

package/dist/src/lib/control-flow.d.ts

@@ -0,0 +1,4 @@
+import { type ShowProps as _ShowProps } from '@fluixi/dom';
+export type ShowProps<T> = _ShowProps<T, JSX.Element>;
+export { Show, For, Index, Switch, Match, Dynamic, ErrorBoundary, Portal, ClientOnly, NoSsr, type ForProps, type ForPropsKeyed, type ForPropsUnkeyed, type IndexProps, type SwitchProps, type MatchProps, type MatchNode, type DynamicProps, type ErrorBoundaryProps, type PortalProps, type ClientOnlyProps, type NoSsrProps, } from '@fluixi/dom';
+//# sourceMappingURL=control-flow.d.ts.map

package/dist/src/lib/control-flow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-flow.d.ts","sourceRoot":"","sources":["../../../src/lib/control-flow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,IAAI,UAAU,EAAE,MAAM,aAAa,CAAC;AAC3D,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;AACtD,OAAO,EACL,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,EACP,aAAa,EACb,MAAM,EACN,UAAU,EACV,KAAK,EACL,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,aAAa,CAAC"}

package/dist/src/lib/control-flow.js

@@ -0,0 +1 @@
+export { Show, For, Index, Switch, Match, Dynamic, ErrorBoundary, Portal, ClientOnly, NoSsr, } from '@fluixi/dom';

package/dist/src/lib/control-flow.mjs

@@ -0,0 +1,25 @@
+// src/lib/control-flow.ts
+import {
+  Show,
+  For,
+  Index,
+  Switch,
+  Match,
+  Dynamic,
+  ErrorBoundary,
+  Portal,
+  ClientOnly,
+  NoSsr
+} from "@fluixi/dom";
+export {
+  ClientOnly,
+  Dynamic,
+  ErrorBoundary,
+  For,
+  Index,
+  Match,
+  NoSsr,
+  Portal,
+  Show,
+  Switch
+};