@indietabletop/appkit 3.2.0-2 → 3.2.0-4

package/dist/async-op.js

@@ -1,223 +0,0 @@
-export class Pending {
-    constructor() {
-        Object.defineProperty(this, "type", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: "PENDING"
-        });
-        Object.defineProperty(this, "isPending", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "isSuccess", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "isFailure", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "val", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-    }
-    valueOrNull() {
-        return null;
-    }
-    valueOrThrow() {
-        throw new Error(`AsyncOp value was accessed but the op is in Pending state.`);
-    }
-    hasTruthyValue() {
-        return false;
-    }
-    failureValueOrNull() {
-        return null;
-    }
-    failureValueOrThrow() {
-        throw new Error(`AsyncOp failure value was accessed but the op is in Pending state.`);
-    }
-    flatMap() {
-        return new Pending();
-    }
-    mapSuccess() {
-        return new Pending();
-    }
-    mapFailure() {
-        return new Pending();
-    }
-    unpack(_mapS, _mapF, mapP) {
-        return mapP();
-    }
-}
-export class Success {
-    constructor(value) {
-        Object.defineProperty(this, "type", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: "SUCCESS"
-        });
-        Object.defineProperty(this, "isPending", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "isSuccess", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "isFailure", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "value", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "val", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.value = value;
-        this.val = value;
-    }
-    valueOrNull() {
-        return this.value;
-    }
-    valueOrThrow() {
-        return this.value;
-    }
-    hasTruthyValue() {
-        return !!this.value;
-    }
-    failureValueOrNull() {
-        return null;
-    }
-    failureValueOrThrow() {
-        throw new Error(`AsyncOp failure value was accessed but the op is in Success state.`);
-    }
-    flatMap(mappingFn) {
-        return mappingFn(this.value);
-    }
-    mapSuccess(mappingFn) {
-        return new Success(mappingFn(this.value));
-    }
-    mapFailure() {
-        return new Success(this.value);
-    }
-    unpack(mapS, _mapF, _mapP) {
-        return mapS(this.value);
-    }
-}
-export class Failure {
-    constructor(failure) {
-        Object.defineProperty(this, "type", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: "FAILURE"
-        });
-        Object.defineProperty(this, "isPending", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "isSuccess", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "isFailure", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "failure", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "val", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.failure = failure;
-        this.val = failure;
-    }
-    valueOrNull() {
-        return null;
-    }
-    valueOrThrow() {
-        throw new Error(`AsyncOp value was accessed but the op is in Failure state.`);
-    }
-    hasTruthyValue() {
-        return false;
-    }
-    failureValueOrNull() {
-        return this.failure;
-    }
-    failureValueOrThrow() {
-        return this.failure;
-    }
-    flatMap() {
-        return new Failure(this.failure);
-    }
-    mapSuccess() {
-        return new Failure(this.failure);
-    }
-    mapFailure(mappingFn) {
-        return new Failure(mappingFn(this.failure));
-    }
-    unpack(_mapS, mapF, _mapP) {
-        return mapF(this.failure);
-    }
-}
-/**
- * Folds multiple ops into a single op.
- *
- * To return a Success, all ops provided must be a Success. If any Failures are
- * encountered, will return the first one found.
- *
- * If neither of these conditions is true, will return Pending.
- *
- * Note that if passed an empty array, will always return a Success (with an
- * empty array as value). This mimics the semantics of many JS constructs, like
- * Promise.all or Array.prototype.every.
- */
-export function fold(ops) {
-    // Note that due to the semantics of `every`, if the array provided to `fold`
-    // is empty, the result will be a Success with an empty array.
-    if (ops.every((v) => v.isSuccess)) {
-        return new Success(ops.map((op) => op.value));
-    }
-    const firstFail = ops.find((op) => op.isFailure);
-    if (firstFail) {
-        return firstFail;
-    }
-    return new Pending();
-}

package/dist/caught-value.d.ts

@@ -1,15 +0,0 @@
-/**
- * Safely returns a string from an unknown value.
- *
- * This function is intended to be used when handling values caught
- * in try/catch blocks.
- *
- * In JS/TS, unless errors are returned, they cannot be properly typed
- * because any code within the try block can throw. Additionally, thrown
- * values do not have to be Errors.
- *
- * This function makes sure to first assert if an Error was caught, and
- * if so, returns its message. If a string was caught, it returns that.
- * Otherwise, it returns "Unknown error".
- */
-export declare function caughtValueToString(value: unknown): string;

package/dist/class-names.d.ts

@@ -1,4 +0,0 @@
-/**
- * Combines a list of strings into a single string. Falsy values are ignored.
- */
-export declare function classNames(...classNames: (string | false | null | undefined)[]): string;

package/dist/class-names.js

@@ -1,6 +0,0 @@
-/**
- * Combines a list of strings into a single string. Falsy values are ignored.
- */
-export function classNames(...classNames) {
-    return classNames.filter((c) => !!c).join(" ");
-}

package/dist/client.d.ts

@@ -1,117 +0,0 @@
-import { type Infer, Struct } from "superstruct";
-import { Failure, Success } from "./async-op.js";
-import type { CurrentUser, FailurePayload, SessionInfo } from "./types.js";
-export declare class IndieTabletopClient {
-    origin: string;
-    private onCurrentUser?;
-    private onSessionInfo?;
-    private onSessionExpired?;
-    private refreshTokenPromise?;
-    constructor(props: {
-        apiOrigin: string;
-        /**
-         * Runs every time the current user is fetched from the API. Typically, this
-         * happens during login, signup, and when the current user is fetched.
-         */
-        onCurrentUser?: (currentUser: CurrentUser) => void;
-        /**
-         * Runs ever time new session info is fetched from the API. Typically, this
-         * happends during login, signup, and when tokens are refreshed.
-         */
-        onSessionInfo?: (sessionInfo: SessionInfo) => void;
-        /**
-         * Runs when token refresh is attempted, but fails due to 401 error.
-         */
-        onSessionExpired?: () => void;
-    });
-    protected fetch<T, S>(path: string, struct: Struct<T, S>, init?: RequestInit & {
-        json?: object;
-    }): Promise<Success<Infer<Struct<T, S>>> | Failure<FailurePayload>>;
-    /**
-     * Fetches data and retries 401 failures after attempting to refresh tokens.
-     */
-    protected fetchWithAuth<T, S>(path: string, struct: Struct<T, S>, init?: RequestInit & {
-        json?: object;
-    }): Promise<Success<Infer<Struct<T, S>>> | Failure<FailurePayload>>;
-    login(payload: {
-        email: string;
-        password: string;
-    }): Promise<Failure<FailurePayload> | Success<{
-        sessionInfo: {
-            expiresTs: number;
-            createdTs: number;
-        };
-        currentUser: {
-            id: string;
-            email: string;
-            isVerified: boolean;
-            prefersScrollbarVisibility?: "ALWAYS" | undefined;
-        };
-    }>>;
-    logout(): Promise<Failure<FailurePayload> | Success<{
-        message: string;
-    }>>;
-    join(payload: {
-        email: string;
-        password: string;
-        acceptedTos: boolean;
-        subscribedToNewsletter: boolean;
-    }): Promise<Failure<FailurePayload> | Success<{
-        sessionInfo: {
-            expiresTs: number;
-            createdTs: number;
-        };
-        currentUser: {
-            id: string;
-            email: string;
-            isVerified: boolean;
-            prefersScrollbarVisibility?: "ALWAYS" | undefined;
-        };
-        tokenId: string;
-    }>>;
-    /**
-     * Triggers token refresh process.
-     *
-     * Note that we do not want to perform multiple concurrent token refresh
-     * actions, as that will result in unnecessary 401s. For this reason, a
-     * reference to t
-     */
-    refreshTokens(): Promise<Success<{
-        sessionInfo: SessionInfo;
-    }> | Failure<FailurePayload>>;
-    requestPasswordReset(payload: {
-        email: string;
-    }): Promise<Failure<FailurePayload> | Success<{
-        message: string;
-        tokenId: string;
-    }>>;
-    checkPasswordResetCode(payload: {
-        tokenId: string;
-        code: string;
-    }): Promise<Failure<FailurePayload> | Success<{
-        message: string;
-    }>>;
-    setNewPassword(payload: {
-        tokenId: string;
-        code: string;
-        password: string;
-    }): Promise<Failure<FailurePayload> | Success<{
-        message: string;
-    }>>;
-    requestUserVerification(): Promise<Failure<FailurePayload> | Success<{
-        message: string;
-        tokenId: string;
-    }>>;
-    verifyUser(payload: {
-        tokenId: string;
-        code: string;
-    }): Promise<Failure<FailurePayload> | Success<{
-        message: string;
-    }>>;
-    getCurrentUser(): Promise<Failure<FailurePayload> | Success<{
-        id: string;
-        email: string;
-        isVerified: boolean;
-        prefersScrollbarVisibility?: "ALWAYS" | undefined;
-    }>>;
-}

package/dist/client.js

@@ -1,201 +0,0 @@
-import { mask, object, string, Struct } from "superstruct";
-import { Failure, Success } from "./async-op.js";
-import { currentUser, sessionInfo } from "./structs.js";
-export class IndieTabletopClient {
-    constructor(props) {
-        Object.defineProperty(this, "origin", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "onCurrentUser", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "onSessionInfo", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "onSessionExpired", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "refreshTokenPromise", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.origin = props.apiOrigin;
-        this.onCurrentUser = props.onCurrentUser;
-        this.onSessionInfo = props.onSessionInfo;
-        this.onSessionExpired = props.onSessionExpired;
-    }
-    async fetch(path, struct, init) {
-        // If json was provided, we stringify it. Otherwise we use body.
-        const body = init?.json ? JSON.stringify(init.json) : init?.body;
-        // If json was provided, we make sure that content type is correctly set.
-        const headers = init?.json
-            ? { ...init?.headers, "Content-Type": "application/json" }
-            : init?.headers;
-        try {
-            const res = await fetch(`${this.origin}${path}`, {
-                // Defaults
-                credentials: "include",
-                // Overrides
-                ...init,
-                body,
-                headers,
-            });
-            if (!res.ok) {
-                console.error(res);
-                return new Failure({ type: "API_ERROR", code: res.status });
-            }
-            try {
-                const data = mask(await res.json(), struct);
-                return new Success(data);
-            }
-            catch (error) {
-                console.error(error);
-                return new Failure({ type: "VALIDATION_ERROR" });
-            }
-        }
-        catch (error) {
-            console.error(error);
-            if (error instanceof Error) {
-                return new Failure({ type: "NETWORK_ERROR" });
-            }
-            return new Failure({ type: "UNKNOWN_ERROR" });
-        }
-    }
-    /**
-     * Fetches data and retries 401 failures after attempting to refresh tokens.
-     */
-    async fetchWithAuth(path, struct, init) {
-        const op = await this.fetch(path, struct, init);
-        if (op.isSuccess) {
-            return op;
-        }
-        if (op.failure.type === "API_ERROR" && op.failure.code === 401) {
-            console.info("API request failed with error 401. Refreshing tokens.");
-            const refreshOp = await this.refreshTokens();
-            if (refreshOp.isSuccess) {
-                console.info("Tokens refreshed. Retrying request.");
-                return await this.fetch(path, struct, init);
-            }
-            else {
-                console.info("Could not refresh tokens.");
-            }
-        }
-        return op;
-    }
-    async login(payload) {
-        const result = await this.fetch("/v1/sessions", object({
-            currentUser: currentUser(),
-            sessionInfo: sessionInfo(),
-        }), {
-            method: "POST",
-            json: { email: payload.email, plaintextPassword: payload.password },
-        });
-        if (result.isSuccess) {
-            this.onCurrentUser?.(result.value.currentUser);
-            this.onSessionInfo?.(result.value.sessionInfo);
-        }
-        return result;
-    }
-    async logout() {
-        return await this.fetch("/v1/sessions", object({ message: string() }), {
-            method: "DELETE",
-        });
-    }
-    async join(payload) {
-        const res = await this.fetch("/v1/users", object({
-            currentUser: currentUser(),
-            sessionInfo: sessionInfo(),
-            tokenId: string(),
-        }), {
-            method: "POST",
-            json: {
-                email: payload.email,
-                plaintextPassword: payload.password,
-                acceptedTos: payload.acceptedTos,
-                subscribedToNewsletter: payload.subscribedToNewsletter,
-            },
-        });
-        if (res.isSuccess) {
-            this.onCurrentUser?.(res.value.currentUser);
-            this.onSessionInfo?.(res.value.sessionInfo);
-        }
-        return res;
-    }
-    /**
-     * Triggers token refresh process.
-     *
-     * Note that we do not want to perform multiple concurrent token refresh
-     * actions, as that will result in unnecessary 401s. For this reason, a
-     * reference to t
-     */
-    async refreshTokens() {
-        // If there is an ongoing token refresh in progress return that. This should
-        // only deal the response payload, none of the side-effects and cleanup,
-        // which will be handled by the initial invocation.
-        const ongoingRequest = this.refreshTokenPromise;
-        if (ongoingRequest) {
-            console.info("Token refresh ongoing. Reusing existing promise.");
-            return await ongoingRequest;
-        }
-        // Cache the promise on an instance property to share a reference from
-        // other potential invocations.
-        this.refreshTokenPromise = this.fetch("/v1/sessions/access-tokens", object({ sessionInfo: sessionInfo() }), { method: "POST" });
-        const result = await this.refreshTokenPromise;
-        if (result.isSuccess) {
-            this.onSessionInfo?.(result.value.sessionInfo);
-        }
-        if (result.isFailure &&
-            result.failure.type === "API_ERROR" &&
-            result.failure.code === 401) {
-            this.onSessionExpired?.();
-        }
-        // Make sure to reset the shared reference so that subsequent invocations
-        // once again initiate token refresh.
-        delete this.refreshTokenPromise;
-        return result;
-    }
-    async requestPasswordReset(payload) {
-        return await this.fetch(`/v1/password-reset-tokens`, object({ message: string(), tokenId: string() }), { method: "POST", json: payload });
-    }
-    async checkPasswordResetCode(payload) {
-        const queryParams = new URLSearchParams({ plaintextCode: payload.code });
-        return await this.fetch(`/v1/password-reset-tokens/${payload.tokenId}?${queryParams}`, object({ message: string() }), { method: "GET" });
-    }
-    async setNewPassword(payload) {
-        const queryParams = new URLSearchParams({ plaintextCode: payload.code });
-        return await this.fetch(`/v1/password-reset-tokens/${payload.tokenId}?${queryParams}`, object({ message: string() }), { method: "PUT", json: { plaintextPassword: payload.password } });
-    }
-    async requestUserVerification() {
-        return await this.fetch(`/v1/user-verification-tokens`, object({ message: string(), tokenId: string() }), { method: "POST" });
-    }
-    async verifyUser(payload) {
-        const queryParams = new URLSearchParams({ plaintextCode: payload.code });
-        const req = await this.fetch(`/v1/user-verification-tokens/${payload.tokenId}?${queryParams}`, object({ message: string() }), { method: "PUT" });
-        if (req.isSuccess) {
-            await this.refreshTokens();
-            await this.getCurrentUser();
-        }
-        return req;
-    }
-    async getCurrentUser() {
-        const result = await this.fetchWithAuth(`/v1/users/me`, currentUser());
-        if (result.isSuccess) {
-            this.onCurrentUser?.(result.value);
-        }
-        return result;
-    }
-}

package/dist/common.css.d.ts

@@ -1,5 +0,0 @@
-export declare const itcSymbol: string;
-export declare const manofa: string;
-export declare const minion: string;
-export declare const itcCard: string;
-export declare const interactiveText: string;

package/dist/common.css.js

@@ -1,38 +0,0 @@
-import { style } from "@vanilla-extract/css";
-import { Hover, MinWidth } from "./media.js";
-export const itcSymbol = style({
-    inlineSize: "2.5rem",
-    blockSize: "2.5rem",
-    margin: "0rem auto 0.75rem",
-    "@media": {
-        [MinWidth.MEDIUM]: {
-            marginBlock: "-1rem 1.5rem",
-        },
-    },
-});
-export const manofa = style({
-    fontFamily: `"manofa", sans-serif`,
-});
-export const minion = style({
-    fontFamily: `"minion-pro", serif`,
-});
-export const itcCard = style([
-    minion,
-    {
-        backgroundColor: "white",
-    },
-]);
-export const interactiveText = style({
-    display: "inline",
-    textDecoration: "underline",
-    textDecorationColor: "hsl(from currentcolor h s l / 0.3)",
-    textUnderlineOffset: "0.15em",
-    "@media": {
-        [Hover.HOVER]: {
-            transition: "text-decoration-color 200ms",
-            ":hover": {
-                textDecorationColor: "hsl(from currentcolor h s l / 1)",
-            },
-        },
-    },
-});

package/dist/globals.css.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/globals.css.js

@@ -1,35 +0,0 @@
-import { globalStyle } from "@vanilla-extract/css";
-globalStyle(":root", {
-    fontSynthesis: "none",
-    textRendering: "optimizeLegibility",
-    WebkitFontSmoothing: "antialiased",
-    MozOsxFontSmoothing: "grayscale",
-});
-globalStyle("*", {
-    boxSizing: "border-box",
-});
-globalStyle("img, picture, svg", {
-    display: "block",
-});
-globalStyle("a", {
-    display: "block",
-    color: "inherit",
-    textDecoration: "none",
-});
-globalStyle("input, textarea", {
-    fontFamily: "inherit",
-});
-globalStyle("button", {
-    display: "block",
-    fontSize: "inherit",
-    fontFamily: "inherit",
-    backgroundColor: "transparent",
-    border: "none",
-    color: "inherit",
-    cursor: "pointer",
-    padding: 0,
-});
-globalStyle("body, h1, h2, h3, h4, h5, h6, p, ul, li, ol", {
-    margin: 0,
-    padding: 0,
-});

package/dist/index.js

@@ -1,26 +0,0 @@
-// Components
-export * from "./ExternalLink.js";
-export * from "./FormSubmitButton.js";
-export * from "./FullscreenDismissBlocker.js";
-export * from "./IndieTabletopClubSymbol.js";
-export * from "./Letterhead.js";
-export * from "./LetterheadFooter.js";
-export * from "./LoadingIndicator.js";
-export * from "./ServiceWorkerHandler.js";
-// Hooks
-export * from "./use-async-op.js";
-export * from "./use-document-background-color.js";
-export * from "./use-form.js";
-export * from "./use-is-installed.js";
-export * from "./use-media-query.js";
-export * from "./use-reverting-state.js";
-export * from "./use-scroll-restoration.js";
-// Utils
-export * from "./append-copy-to-text.js";
-export * from "./async-op.js";
-export * from "./caught-value.js";
-export * from "./class-names.js";
-export * from "./client.js";
-export * from "./media.js";
-export * from "./structs.js";
-export * from "./types.js";

package/dist/internal.css.d.ts

@@ -1,4 +0,0 @@
-export declare const animationDelay: `var(--${string})` | `var(--${string}, ${string})`;
-export declare const dot: string;
-export declare const padding: `var(--${string})` | `var(--${string}, ${string})`;
-export declare const letterhead: string;