ink-framework 0.0.0-stage → 0.1.0-alpha.10

package/src/file-router.tsx

@@ -0,0 +1,74 @@
+import { Activity, createElement, useMemo, type ComponentType, type ReactNode } from "react";
+import { back, LayoutContext, NavigationStack, RouteContext, type Destination, type Entry } from "./navigation";
+
+export type FileRoute = { name: string; path: string; component: ComponentType };
+export type FileLayout = { name: string; layout?: ComponentType; pages: FileRoute[]; children: FileLayout[] };
+
+function paths(group: FileLayout): string[] {
+  return [...group.pages.map(page => page.path), ...group.children.flatMap(paths)];
+}
+
+function LayoutBranch({ group, entries, active, selectTab, root = false }: {
+  group: FileLayout;
+  entries: Entry[];
+  active: Entry;
+  selectTab: (path: string) => void;
+  root?: boolean;
+}) {
+  const groupPaths = useMemo(() => new Set(paths(group)), [group]);
+  const local = entries.filter(entry => groupPaths.has(entry.path) && !entry.unavailable && !entry.page);
+  const last = local.at(-1);
+  if (!root && !last) return null;
+  const renderPage = (route: FileRoute, entry: Entry) => (
+    <Activity key={entry.key} mode={entry.key === active.key ? "visible" : "hidden"}>
+      <RouteContext.Provider value={entry.params}><route.component /></RouteContext.Provider>
+    </Activity>
+  );
+  const pages = new Map(group.pages.map(route => {
+    const entry = local.filter(entry => entry.path === route.path).at(-1);
+    return [route.name, {
+      path: route.path,
+      page: <RouteContext.Provider value={entry?.params ?? {}}><route.component /></RouteContext.Provider>,
+    }];
+  }));
+  const fallback = root && entries.filter(entry => entry.page || entry.unavailable).map(entry => (
+    <Activity key={entry.key} mode={entry.key === active.key ? "visible" : "hidden"}>
+      <RouteContext.Provider value={entry.params}>
+        {entry.page ?? createElement("Screen", { title: "Page unavailable" },
+          createElement("Text", null, "This notification links to a page that is no longer available."),
+          createElement("Button", { onPress: back }, "Go back"))}
+      </RouteContext.Provider>
+    </Activity>
+  ));
+  const content = <>
+    {group.pages.flatMap(route => local.filter(entry => entry.path === route.path).map(entry => renderPage(route, entry)))}
+    {group.children.map(child => <LayoutBranch key={child.name} group={child} entries={entries} active={active} selectTab={selectTab} />)}
+    {fallback}
+  </>;
+  const ordinaryPages = (tabPaths: readonly string[]) => <>
+    {group.pages.flatMap(route => local.filter(entry =>
+      entry.path === route.path && entry.key !== 0 && entry.tabGroup !== group && !tabPaths.includes(entry.path)).map(entry => renderPage(route, entry)))}
+    {fallback}
+  </>;
+  const value = {
+    content, pages, group, ordinaryPages, selectTab,
+    // The implicit startup entry belongs to its tabs before registration commits.
+    tabPath: local.find(entry => entry.tabGroup === group || entry.key === 0)?.path,
+    directories: group.children.map(child => child.name),
+    activePath: root && (active.page || active.unavailable) ? active.path : last?.path ?? active.path,
+  };
+  return <Activity mode={root || groupPaths.has(active.path) && !active.page && !active.unavailable ? "visible" : "hidden"}>
+    <LayoutContext.Provider value={value}>
+      <RouteContext.Provider value={last?.params ?? active.params}>
+        {group.layout ? createElement(group.layout) : content}
+      </RouteContext.Provider>
+    </LayoutContext.Provider>
+  </Activity>;
+}
+
+export function FileNavigator({ tree, initialDestination }: { tree: FileLayout; initialDestination?: Destination }) {
+  const routes = useMemo(() => new Set(paths(tree)), [tree]);
+  return <NavigationStack routes={routes} initialDestination={initialDestination} renderEntries={(entries, selectTab) => (
+    <LayoutBranch group={tree} entries={entries} active={entries[entries.length - 1]} selectTab={selectTab} root />
+  )} />;
+}

package/src/icons/conversation/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Hugeicons
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/src/icons/conversation/tick-double.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M2.5 13.8333L6 17.5L7.02402 16.4272M16.5 6.5L10.437 12.8517" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M7.5 13.8333L11 17.5L21.5 6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg>

package/src/icons/conversation/tick.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M5 14L8.5 17.5L19 6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg>

package/src/icons/conversation/view.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+  <path d="M21.544 11.045C21.848 11.4713 22 11.6845 22 12C22 12.3155 21.848 12.5287 21.544 12.955C20.1779 14.8706 16.6892 19 12 19C7.31078 19 3.8221 14.8706 2.45604 12.955C2.15201 12.5287 2 12.3155 2 12C2 11.6845 2.15201 11.4713 2.45604 11.045C3.8221 9.12944 7.31078 5 12 5C16.6892 5 20.1779 9.12944 21.544 11.045Z"/>
+  <path d="M15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12Z"/>
+</svg>