@kasperrt/smolter 0.2.0 → 0.3.0

package/src/internal/preact/form.ts

@@ -1,79 +0,0 @@
-/**
- * Preact components and typed data hooks. Import from @kasperrt/smolter/preact.
- * @module
- */
-
-import type { Fetcher, SubmitOptions } from "../core/index.ts";
-import { internalURL } from "../core/index.ts";
-import { useRouter } from "./context.ts";
-import type { FormHTMLAttributes, ReactNode } from "./runtime.ts";
-import { createElement } from "./runtime.ts";
-
-/** Form attributes with GET loader requests or POST, PUT, PATCH, and DELETE actions. */
-export interface FormProps
-  extends Omit<FormHTMLAttributes<HTMLFormElement>, "action" | "method"> {
-  action?: string;
-  method?: "get" | "post" | "put" | "patch" | "delete";
-}
-
-type FormSubmitEvent = Parameters<NonNullable<FormProps["onSubmit"]>>[0];
-
-interface InternalFormProps extends FormProps {
-  fetcher?: Fetcher;
-}
-
-/** Submit form data to a registered route without a document reload. */
-export function Form({
-  action,
-  method = "post",
-  fetcher,
-  onSubmit,
-  ...props
-}: InternalFormProps): ReactNode {
-  const router = useRouter();
-  const submit = (event: FormSubmitEvent) => {
-    onSubmit?.(event);
-
-    if (event.defaultPrevented) return;
-
-    const submitter = (event as SubmitEvent).submitter;
-    const target = internalURL(
-      router.getSnapshot().url,
-      submitter?.getAttribute("formaction") ?? action,
-    );
-
-    if (!target) return;
-    event.preventDefault();
-
-    const data = new FormData(event.currentTarget, submitter);
-    const verb = (
-      submitter?.getAttribute("formmethod") ?? method
-    ).toUpperCase();
-
-    if (verb === "GET") {
-      const search = new URLSearchParams();
-
-      for (const [key, value] of data)
-        search.append(key, typeof value === "string" ? value : value.name);
-
-      target.search = String(search);
-
-      void (fetcher ? fetcher.load : router.navigate)(target.href);
-
-      return;
-    }
-
-    const options: SubmitOptions = {
-      method: verb as SubmitOptions["method"],
-    };
-
-    void (fetcher ?? router).submit(target.href, data, options);
-  };
-
-  return createElement("form", {
-    ...props,
-    action,
-    method: method === "get" ? "get" : "post",
-    onSubmit: submit,
-  });
-}

package/src/internal/preact/link.ts

@@ -1,46 +0,0 @@
-/**
- * Preact components and typed data hooks. Import from @kasperrt/smolter/preact.
- * @module
- */
-
-import { internalURL } from "../core/index.ts";
-import { useRouter } from "./context.ts";
-import type { AnchorHTMLAttributes, MouseEvent, ReactNode } from "./runtime.ts";
-import { createElement } from "./runtime.ts";
-
-/** Anchor attributes with internal navigation and optional history replacement. */
-export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-  href: string;
-  replace?: boolean;
-}
-
-/** Render an anchor that handles internal navigation and preserves native modified clicks. */
-export function Link({
-  href,
-  replace,
-  onClick,
-  ...props
-}: LinkProps): ReactNode {
-  const router = useRouter();
-  const click = (event: MouseEvent<HTMLAnchorElement>) => {
-    onClick?.(event);
-
-    if (
-      event.defaultPrevented ||
-      event.button ||
-      event.metaKey ||
-      event.ctrlKey ||
-      event.altKey ||
-      event.shiftKey ||
-      props.download !== undefined ||
-      (props.target && props.target !== "_self")
-    )
-      return;
-
-    if (!internalURL(router.getSnapshot().url, href)) return;
-    event.preventDefault();
-    void router.navigate(href, { replace });
-  };
-
-  return createElement("a", { ...props, href, onClick: click });
-}

package/src/internal/react/context.ts

@@ -1,46 +0,0 @@
-/**
- * React components and typed data hooks. Import from @kasperrt/smolter/react.
- * @module
- */
-
-import type { Router, Snapshot } from "../core/index.ts";
-import type { ReactNode } from "./runtime.ts";
-import {
-  createContext,
-  createElement,
-  useContext,
-  useEffect,
-  useSyncExternalStore,
-} from "./runtime.ts";
-
-const RouterContext = createContext<Router | undefined>(undefined);
-
-/** Router instance and children rendered within its context. */
-export interface RouterProviderProps {
-  router: Router;
-  children?: ReactNode;
-}
-
-/** Provide a router to descendant hooks and connect its browser lifecycle. */
-export function RouterProvider({
-  router,
-  children,
-}: RouterProviderProps): ReactNode {
-  useEffect(router.start, [router]);
-
-  return createElement(RouterContext.Provider, { value: router }, children);
-}
-/** Hooks require a RouterProvider. */
-export function useRouter(): Router {
-  return useContext(RouterContext) as Router;
-}
-
-type SnapshotSelector<T> = (snapshot: Snapshot) => T;
-
-export function useSnapshot<T>(select: SnapshotSelector<T>): T {
-  const router = useRouter();
-
-  const getSnapshot = () => select(router.getSnapshot());
-
-  return useSyncExternalStore(router.subscribe, getSnapshot, getSnapshot);
-}

package/src/internal/react/form.ts

@@ -1,79 +0,0 @@
-/**
- * React components and typed data hooks. Import from @kasperrt/smolter/react.
- * @module
- */
-
-import type { Fetcher, SubmitOptions } from "../core/index.ts";
-import { internalURL } from "../core/index.ts";
-import { useRouter } from "./context.ts";
-import type { FormHTMLAttributes, ReactNode } from "./runtime.ts";
-import { createElement } from "./runtime.ts";
-
-/** Form attributes with GET loader requests or POST, PUT, PATCH, and DELETE actions. */
-export interface FormProps
-  extends Omit<FormHTMLAttributes<HTMLFormElement>, "action" | "method"> {
-  action?: string;
-  method?: "get" | "post" | "put" | "patch" | "delete";
-}
-
-type FormSubmitEvent = Parameters<NonNullable<FormProps["onSubmit"]>>[0];
-
-interface InternalFormProps extends FormProps {
-  fetcher?: Fetcher;
-}
-
-/** Submit form data to a registered route without a document reload. */
-export function Form({
-  action,
-  method = "post",
-  fetcher,
-  onSubmit,
-  ...props
-}: InternalFormProps): ReactNode {
-  const router = useRouter();
-  const submit = (event: FormSubmitEvent) => {
-    onSubmit?.(event);
-
-    if (event.defaultPrevented) return;
-
-    const submitter = (event.nativeEvent as SubmitEvent).submitter;
-    const target = internalURL(
-      router.getSnapshot().url,
-      submitter?.getAttribute("formaction") ?? action,
-    );
-
-    if (!target) return;
-    event.preventDefault();
-
-    const data = new FormData(event.currentTarget, submitter);
-    const verb = (
-      submitter?.getAttribute("formmethod") ?? method
-    ).toUpperCase();
-
-    if (verb === "GET") {
-      const search = new URLSearchParams();
-
-      for (const [key, value] of data)
-        search.append(key, typeof value === "string" ? value : value.name);
-
-      target.search = String(search);
-
-      void (fetcher ? fetcher.load : router.navigate)(target.href);
-
-      return;
-    }
-
-    const options: SubmitOptions = {
-      method: verb as SubmitOptions["method"],
-    };
-
-    void (fetcher ?? router).submit(target.href, data, options);
-  };
-
-  return createElement("form", {
-    ...props,
-    action,
-    method: method === "get" ? "get" : "post",
-    onSubmit: submit,
-  });
-}

package/src/internal/react/index.ts

@@ -1,13 +0,0 @@
-/** Framework components and typed data hooks. @module */
-export type * from "../core/index.ts";
-export { createRouter, defineRoute } from "../core/index.ts";
-export {
-  RouterProvider,
-  type RouterProviderProps,
-  useRouter,
-} from "./context.ts";
-export * from "./fetcher.ts";
-export * from "./form.ts";
-export * from "./hooks.ts";
-export * from "./link.ts";
-export * from "./routes.ts";

package/src/preact-client.ts

@@ -1,2 +0,0 @@
-/** Optional browser transport for server handlers. @module */
-export * from "./internal/client/index.ts";

package/src/preact-server.ts

@@ -1,2 +0,0 @@
-/** Preact server rendering and HTTP data dispatch. @module */
-export * from "./internal/server/index.ts";

package/src/preact.ts

@@ -1,2 +0,0 @@
-/** Preact entry point. @module */
-export * from "./internal/preact/index.ts";

package/src/react-client.ts

@@ -1,2 +0,0 @@
-/** Optional browser transport for server handlers. @module */
-export * from "./internal/client/index.ts";

package/src/react-server.ts

@@ -1,2 +0,0 @@
-/** React server rendering and HTTP data dispatch. @module */
-export * from "./internal/server/index.ts";

package/src/react.ts

@@ -1,2 +0,0 @@
-/** React entry point. @module */
-export * from "./internal/react/index.ts";

package/src/server.ts

@@ -1,2 +0,0 @@
-/** Server entry point. @module */
-export * from "./internal/server/index.ts";

package/src/utils.ts

@@ -1,5 +0,0 @@
-/** Framework-independent, browser-safe utilities. @module */
-export * from "./internal/core/errors.ts";
-export * from "./internal/core/match.ts";
-export * from "./internal/core/serialize.ts";
-export * from "./internal/core/url.ts";

package/src/vite.ts

@@ -1,2 +0,0 @@
-/** Vite entry point. @module */
-export * from "./internal/vite/index.ts";