@axonpack/preview 0.0.0-stage → 0.1.0

package/build/cli.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/build/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":""}

package/build/cli.js

@@ -0,0 +1,164 @@
+#!/usr/bin/env node
+import { readFileSync } from "node:fs";
+import { resolve } from "node:path";
+import { parseArgs } from "node:util";
+import { PLATFORMS } from "./utils/previews/layout.util";
+import { prune, publish, unpublish } from "./services/publish/commands.service";
+import { applyEasEnv } from "./services/publish/eas-env.service";
+import { DEFAULT_PORT_RANGE, DEFAULT_REGISTRY_PORT, } from "./constants/dev-preview-servers/dev-preview-servers.const";
+import { readConfig } from "./services/cli/config.service";
+import { createRegistry } from "./services/registry/registry.service";
+import { start } from "./services/start/start.service";
+import { askTitle } from "./services/cli/title.service";
+import { previewTitle } from "./utils/previews/preview-title.util";
+import { compatibilityOf, resolveCompatibility, } from "./utils/config/expo-config.util";
+import { appConfig, changelogSince, defaultBase, gitInfo, gitTopLevel, } from "./services/cli/project.service";
+const HELP = `preview <command> [options]
+
+  publish            build this app's JS bundle and upload it as a preview
+    --id <id>          preview id (default: the git branch)
+    --title <title>    name QA sees; without it a terminal asks, prefilled with a readable
+                       form of the id (Enter keeps it). No prompt without a terminal (CI)
+    --platform <p>     android, ios or all (default: all)
+    --base <branch>    branch the changelog counts from (default: the repo's default branch)
+    --changelog=<text> changelog text instead of the commit subjects (use = when it starts
+                       with a dash, as a "- item" list does)
+    --changelog-file <path>
+    --entry-file <path>
+    --compatibility <c> appVersion or fingerprint; overrides the app config's plugin option
+    --environment <name> build with this EAS environment's variables, like eas update
+                       (needs eas-cli and a project linked to EAS; shell variables win)
+  unpublish <id>     remove a preview from every build's list
+  prune              delete files no preview uses any more
+  start [-- <expo start args>]
+                     run Metro on a free port and announce it to the app's Dev preview servers
+    --title <title>    name the app's list shows; asked like publish, prefilled with a
+                       readable form of the branch
+    --ports <from>-<to> ports to pick from (default 8081-8099)
+
+  --project <dir>    the app's root (default: the current folder)
+
+Where to publish comes from the environment (the shell, or CI secrets). For local use they can
+also go in the app's .env.local, or any env file Expo loads for a release build; the environment
+wins over them. Keep the write key out of a committed .env:
+  PREVIEW_S3_URL                 <endpoint>/<bucket>[/<folder>], e.g. http://localhost:9000/previews-public
+  PREVIEW_S3_ACCESS_KEY_ID       the write key
+  PREVIEW_S3_SECRET_ACCESS_KEY
+  PREVIEW_S3_REGION              optional, default us-east-1`;
+async function main() {
+    // Everything after `--` goes to `expo start` untouched.
+    const argv = process.argv.slice(2);
+    const dash = argv.indexOf("--");
+    const passThrough = dash >= 0 ? argv.slice(dash + 1) : [];
+    const { values, positionals } = parseArgs({
+        args: dash >= 0 ? argv.slice(0, dash) : argv,
+        allowPositionals: true,
+        options: {
+            id: { type: "string" },
+            title: { type: "string" },
+            platform: { type: "string", default: "all" },
+            base: { type: "string" },
+            changelog: { type: "string" },
+            "changelog-file": { type: "string" },
+            "entry-file": { type: "string" },
+            compatibility: { type: "string" },
+            environment: { type: "string" },
+            project: { type: "string" },
+            port: { type: "string" },
+            ports: { type: "string" },
+            help: { type: "boolean", short: "h" },
+        },
+    });
+    const [command, arg] = positionals;
+    if (values.help || !command) {
+        process.stdout.write(`${HELP}\n`);
+        return;
+    }
+    const projectRoot = resolve(values.project ?? process.cwd());
+    // Only the bucket commands need the publish settings.
+    const s3 = () => readConfig(projectRoot);
+    if (command === "publish") {
+        // Before anything reads the app config: the config, fingerprint and export must all see the
+        // same variables a build in that environment saw, or the key would not match.
+        if (values.environment)
+            applyEasEnv(projectRoot, values.environment);
+        const git = gitInfo(projectRoot, { id: values.id });
+        const id = values.id ?? git.branch;
+        if (!id)
+            throw new Error("No git branch to name the preview after; pass --id.");
+        const platforms = values.platform === "all" ? PLATFORMS : [values.platform];
+        if (!platforms.every((p) => PLATFORMS.includes(p))) {
+            throw new Error(`--platform must be android, ios or all`);
+        }
+        const changelog = values.changelog ??
+            (values["changelog-file"]
+                ? readFileSync(resolve(values["changelog-file"]), "utf8").trim()
+                : changelogSince(projectRoot, values.base ?? defaultBase(projectRoot)));
+        const config = appConfig(projectRoot);
+        const { compatibility, warnings } = resolveCompatibility(compatibilityOf(config), values.compatibility);
+        for (const warning of warnings)
+            process.stderr.write(`warning: ${warning}\n`);
+        await publish({
+            projectRoot,
+            config,
+            compatibility,
+            s3: s3(),
+            platforms,
+            id,
+            title: await askTitle({
+                given: values.title,
+                fallback: previewTitle(id),
+            }),
+            ...git,
+            changelog,
+            entryFile: values["entry-file"],
+        });
+    }
+    else if (command === "unpublish") {
+        if (!arg)
+            throw new Error("Which preview? preview unpublish <id>");
+        await unpublish(s3(), arg);
+    }
+    else if (command === "prune") {
+        await prune(s3());
+    }
+    else if (command === "start") {
+        const [from, to] = (values.ports ?? `${DEFAULT_PORT_RANGE[0]}-${DEFAULT_PORT_RANGE[1]}`)
+            .split("-")
+            .map(Number);
+        if (!from || !to || from > to)
+            throw new Error("--ports must look like 8081-8099");
+        const config = appConfig(projectRoot);
+        const branch = gitInfo(projectRoot).branch;
+        const title = await askTitle({
+            given: values.title,
+            // Empty lets the announcement fall back to the app's name.
+            fallback: branch ? previewTitle(branch) : "",
+        });
+        await start({
+            projectRoot,
+            config,
+            branch,
+            title,
+            worktree: gitTopLevel(projectRoot) ?? projectRoot,
+            ports: [from, to],
+            registryPort: DEFAULT_REGISTRY_PORT,
+            expoArgs: passThrough,
+            bin: process.argv[1],
+        });
+    }
+    else if (command === "registry") {
+        // Started by `preview start` when none is running; exits once no server is left.
+        const port = Number(values.port ?? DEFAULT_REGISTRY_PORT);
+        const { server } = createRegistry({ onIdle: () => process.exit(0) });
+        server.listen(port);
+    }
+    else {
+        throw new Error(`Unknown command ${command}.\n\n${HELP}`);
+    }
+}
+main().catch((error) => {
+    process.stderr.write(`preview: ${error instanceof Error ? error.message : String(error)}\n`);
+    process.exit(1);
+});
+//# sourceMappingURL=cli.js.map

package/build/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":"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","sourcesContent":["#!/usr/bin/env node\nimport { readFileSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\nimport { parseArgs } from \"node:util\";\n\nimport { PLATFORMS, Platform } from \"./utils/previews/layout.util\";\nimport { prune, publish, unpublish } from \"./services/publish/commands.service\";\nimport { applyEasEnv } from \"./services/publish/eas-env.service\";\nimport {\n  DEFAULT_PORT_RANGE,\n  DEFAULT_REGISTRY_PORT,\n} from \"./constants/dev-preview-servers/dev-preview-servers.const\";\nimport { readConfig } from \"./services/cli/config.service\";\nimport { createRegistry } from \"./services/registry/registry.service\";\nimport { start } from \"./services/start/start.service\";\nimport { askTitle } from \"./services/cli/title.service\";\nimport { previewTitle } from \"./utils/previews/preview-title.util\";\nimport {\n  compatibilityOf,\n  resolveCompatibility,\n} from \"./utils/config/expo-config.util\";\nimport {\n  appConfig,\n  changelogSince,\n  defaultBase,\n  gitInfo,\n  gitTopLevel,\n} from \"./services/cli/project.service\";\n\nconst HELP = `preview <command> [options]\n\n  publish            build this app's JS bundle and upload it as a preview\n    --id <id>          preview id (default: the git branch)\n    --title <title>    name QA sees; without it a terminal asks, prefilled with a readable\n                       form of the id (Enter keeps it). No prompt without a terminal (CI)\n    --platform <p>     android, ios or all (default: all)\n    --base <branch>    branch the changelog counts from (default: the repo's default branch)\n    --changelog=<text> changelog text instead of the commit subjects (use = when it starts\n                       with a dash, as a \"- item\" list does)\n    --changelog-file <path>\n    --entry-file <path>\n    --compatibility <c> appVersion or fingerprint; overrides the app config's plugin option\n    --environment <name> build with this EAS environment's variables, like eas update\n                       (needs eas-cli and a project linked to EAS; shell variables win)\n  unpublish <id>     remove a preview from every build's list\n  prune              delete files no preview uses any more\n  start [-- <expo start args>]\n                     run Metro on a free port and announce it to the app's Dev preview servers\n    --title <title>    name the app's list shows; asked like publish, prefilled with a\n                       readable form of the branch\n    --ports <from>-<to> ports to pick from (default 8081-8099)\n\n  --project <dir>    the app's root (default: the current folder)\n\nWhere to publish comes from the environment (the shell, or CI secrets). For local use they can\nalso go in the app's .env.local, or any env file Expo loads for a release build; the environment\nwins over them. Keep the write key out of a committed .env:\n  PREVIEW_S3_URL                 <endpoint>/<bucket>[/<folder>], e.g. http://localhost:9000/previews-public\n  PREVIEW_S3_ACCESS_KEY_ID       the write key\n  PREVIEW_S3_SECRET_ACCESS_KEY\n  PREVIEW_S3_REGION              optional, default us-east-1`;\n\nasync function main() {\n  // Everything after `--` goes to `expo start` untouched.\n  const argv = process.argv.slice(2);\n  const dash = argv.indexOf(\"--\");\n  const passThrough = dash >= 0 ? argv.slice(dash + 1) : [];\n  const { values, positionals } = parseArgs({\n    args: dash >= 0 ? argv.slice(0, dash) : argv,\n    allowPositionals: true,\n    options: {\n      id: { type: \"string\" },\n      title: { type: \"string\" },\n      platform: { type: \"string\", default: \"all\" },\n      base: { type: \"string\" },\n      changelog: { type: \"string\" },\n      \"changelog-file\": { type: \"string\" },\n      \"entry-file\": { type: \"string\" },\n      compatibility: { type: \"string\" },\n      environment: { type: \"string\" },\n      project: { type: \"string\" },\n      port: { type: \"string\" },\n      ports: { type: \"string\" },\n      help: { type: \"boolean\", short: \"h\" },\n    },\n  });\n  const [command, arg] = positionals;\n  if (values.help || !command) {\n    process.stdout.write(`${HELP}\\n`);\n    return;\n  }\n  const projectRoot = resolve(values.project ?? process.cwd());\n  // Only the bucket commands need the publish settings.\n  const s3 = () => readConfig(projectRoot);\n\n  if (command === \"publish\") {\n    // Before anything reads the app config: the config, fingerprint and export must all see the\n    // same variables a build in that environment saw, or the key would not match.\n    if (values.environment) applyEasEnv(projectRoot, values.environment);\n    const git = gitInfo(projectRoot, { id: values.id });\n    const id = values.id ?? git.branch;\n    if (!id)\n      throw new Error(\"No git branch to name the preview after; pass --id.\");\n    const platforms =\n      values.platform === \"all\" ? PLATFORMS : [values.platform as Platform];\n    if (!platforms.every((p) => PLATFORMS.includes(p))) {\n      throw new Error(`--platform must be android, ios or all`);\n    }\n    const changelog =\n      values.changelog ??\n      (values[\"changelog-file\"]\n        ? readFileSync(resolve(values[\"changelog-file\"]), \"utf8\").trim()\n        : changelogSince(projectRoot, values.base ?? defaultBase(projectRoot)));\n    const config = appConfig(projectRoot);\n    const { compatibility, warnings } = resolveCompatibility(\n      compatibilityOf(config),\n      values.compatibility,\n    );\n    for (const warning of warnings)\n      process.stderr.write(`warning: ${warning}\\n`);\n    await publish({\n      projectRoot,\n      config,\n      compatibility,\n      s3: s3(),\n      platforms,\n      id,\n      title: await askTitle({\n        given: values.title,\n        fallback: previewTitle(id),\n      }),\n      ...git,\n      changelog,\n      entryFile: values[\"entry-file\"],\n    });\n  } else if (command === \"unpublish\") {\n    if (!arg) throw new Error(\"Which preview? preview unpublish <id>\");\n    await unpublish(s3(), arg);\n  } else if (command === \"prune\") {\n    await prune(s3());\n  } else if (command === \"start\") {\n    const [from, to] = (\n      values.ports ?? `${DEFAULT_PORT_RANGE[0]}-${DEFAULT_PORT_RANGE[1]}`\n    )\n      .split(\"-\")\n      .map(Number);\n    if (!from || !to || from > to)\n      throw new Error(\"--ports must look like 8081-8099\");\n    const config = appConfig(projectRoot);\n    const branch = gitInfo(projectRoot).branch;\n    const title = await askTitle({\n      given: values.title,\n      // Empty lets the announcement fall back to the app's name.\n      fallback: branch ? previewTitle(branch) : \"\",\n    });\n    await start({\n      projectRoot,\n      config,\n      branch,\n      title,\n      worktree: gitTopLevel(projectRoot) ?? projectRoot,\n      ports: [from, to],\n      registryPort: DEFAULT_REGISTRY_PORT,\n      expoArgs: passThrough,\n      bin: process.argv[1],\n    });\n  } else if (command === \"registry\") {\n    // Started by `preview start` when none is running; exits once no server is left.\n    const port = Number(values.port ?? DEFAULT_REGISTRY_PORT);\n    const { server } = createRegistry({ onIdle: () => process.exit(0) });\n    server.listen(port);\n  } else {\n    throw new Error(`Unknown command ${command}.\\n\\n${HELP}`);\n  }\n}\n\nmain().catch((error: unknown) => {\n  process.stderr.write(\n    `preview: ${error instanceof Error ? error.message : String(error)}\\n`,\n  );\n  process.exit(1);\n});\n"]}

package/build/components/preview-list/preview-list.component.d.ts

@@ -0,0 +1,13 @@
+import { ScrollView, type StyleProp, type ViewStyle } from "react-native";
+import type { PreviewListLabels, PreviewListTheme } from "./preview-list.types";
+export type PreviewListProps = {
+    theme?: Partial<PreviewListTheme>;
+    labels?: Partial<PreviewListLabels>;
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * The previews published for this build, with what is running now, and the downloads made for
+ * another build in a section of their own. Needs a `<PreviewProvider>` above it.
+ */
+export declare function PreviewList(props: PreviewListProps): import("react").CElement<import("react-native").ScrollViewProps, ScrollView>;
+//# sourceMappingURL=preview-list.component.d.ts.map

package/build/components/preview-list/preview-list.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-list.component.d.ts","sourceRoot":"","sources":["../../../src/components/preview-list/preview-list.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,UAAU,EAIV,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAgBtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,gFA+elD"}

package/build/components/preview-list/preview-list.component.js

@@ -0,0 +1,316 @@
+import { createElement as h, useEffect } from "react";
+import { ActivityIndicator, Pressable, ScrollView, Text, View, useColorScheme, } from "react-native";
+import { devPreviewServersStore, useDevPreviewServersState, } from "../../stores/dev-preview-servers/dev-preview-servers.store";
+import { buildSlug } from "../../services/native/build-info.service";
+import { usePreview } from "../../services/previews/use-preview.service";
+import { useRunning } from "../../services/previews/use-running.service";
+import { DEFAULT_LABELS } from "../../constants/preview-list/theme.const";
+import { formatSize, resolveTheme } from "../../utils/preview-list/theme.util";
+/**
+ * The previews published for this build, with what is running now, and the downloads made for
+ * another build in a section of their own. Needs a `<PreviewProvider>` above it.
+ */
+export function PreviewList(props) {
+    const preview = usePreview();
+    const local = useDevPreviewServersState();
+    const now = useRunning();
+    const showLocal = __DEV__ && preview.devPreviewServers;
+    // Without the slug the plugin bakes in, other apps' servers can't be told apart, so none are listed.
+    const appSlug = buildSlug();
+    // Look for servers only while the list is on screen.
+    useEffect(() => (showLocal && appSlug ? devPreviewServersStore.watch() : undefined), [showLocal, appSlug]);
+    const theme = resolveTheme(props.theme, useColorScheme());
+    const labels = {
+        ...DEFAULT_LABELS,
+        ...props.labels,
+        status: { ...DEFAULT_LABELS.status, ...props.labels?.status },
+    };
+    const { radius, fonts } = theme;
+    // A custom font family replaces the weight, since most families ship one file per weight.
+    const font = (weight, size) => {
+        const family = fonts[weight];
+        return {
+            fontSize: size,
+            ...(family
+                ? { fontFamily: family }
+                : {
+                    fontWeight: (weight === "bold"
+                        ? "700"
+                        : weight === "medium"
+                            ? "600"
+                            : "400"),
+                }),
+        };
+    };
+    const button = (title, onPress, kind = "primary") => h(Pressable, {
+        key: title,
+        onPress,
+        accessibilityRole: "button",
+        style: ({ pressed }) => ({
+            minHeight: 44,
+            paddingHorizontal: 16,
+            justifyContent: "center",
+            borderRadius: radius / 1.5,
+            opacity: pressed ? 0.7 : 1,
+            backgroundColor: kind === "primary" ? theme.primary : "transparent",
+            borderWidth: kind === "primary" ? 0 : 1,
+            borderColor: kind === "danger" ? theme.danger : theme.border,
+        }),
+    }, h(Text, {
+        style: {
+            ...font("medium", 15),
+            color: kind === "primary"
+                ? theme.primaryText
+                : kind === "danger"
+                    ? theme.danger
+                    : theme.text,
+        },
+    }, title));
+    const statusColor = (status) => status === "broken"
+        ? theme.danger
+        : status === "update-available" || status === "unpublished"
+            ? theme.warning
+            : status === "downloaded"
+                ? theme.success
+                : theme.muted;
+    const card = (key, children) => h(View, {
+        key,
+        style: {
+            backgroundColor: theme.card,
+            borderRadius: radius,
+            borderWidth: 1,
+            borderColor: theme.border,
+            padding: 16,
+            gap: 10,
+        },
+    }, ...children);
+    const row = (item) => {
+        const { entry } = item;
+        const date = entry.publishedAt
+            ? new Date(entry.publishedAt).toLocaleString()
+            : "";
+        const meta = [
+            entry.appVersion ? `v${entry.appVersion}` : "",
+            entry.branch,
+            entry.author,
+            date,
+            formatSize(entry.size),
+        ]
+            .filter(Boolean)
+            .join(" · ");
+        const actions = [];
+        if (item.status === "available")
+            actions.push(button(labels.download, () => preview.download(item.id), "plain"));
+        if (item.status === "update-available")
+            actions.push(button(labels.update, () => preview.download(item.id), "plain"));
+        if (!item.active && item.status !== "downloading") {
+            actions.push(button(labels.switchTo, () => preview.switchTo(item.id)));
+        }
+        if (item.local && item.status !== "downloading") {
+            actions.push(button(labels.delete, () => preview.remove(item.id), "danger"));
+        }
+        return card(item.id, [
+            h(View, {
+                key: "head",
+                style: {
+                    flexDirection: "row",
+                    justifyContent: "space-between",
+                    gap: 8,
+                },
+            }, h(Text, {
+                style: { ...font("bold", 17), color: theme.title, flexShrink: 1 },
+            }, entry.title), h(Text, {
+                style: {
+                    ...font("medium", 13),
+                    color: item.active ? theme.success : statusColor(item.status),
+                },
+            }, item.active ? labels.running : labels.status[item.status])),
+            h(Text, {
+                key: "meta",
+                style: { ...font("regular", 13), color: theme.muted },
+            }, meta),
+            entry.changelog
+                ? h(Text, {
+                    key: "changelog",
+                    style: {
+                        ...font("regular", 14),
+                        color: theme.text,
+                        backgroundColor: theme.surface,
+                        borderRadius: radius / 2,
+                        padding: 10,
+                    },
+                }, entry.changelog)
+                : null,
+            item.progress !== null
+                ? h(View, {
+                    key: "progress",
+                    accessibilityRole: "progressbar",
+                    accessibilityValue: {
+                        min: 0,
+                        max: 100,
+                        now: Math.round(item.progress * 100),
+                    },
+                    style: {
+                        height: 6,
+                        borderRadius: 3,
+                        backgroundColor: theme.surface,
+                        overflow: "hidden",
+                    },
+                }, h(View, {
+                    style: {
+                        width: `${Math.round(item.progress * 100)}%`,
+                        height: 6,
+                        backgroundColor: theme.primary,
+                    },
+                }))
+                : null,
+            actions.length > 0
+                ? h(View, {
+                    key: "actions",
+                    style: { flexDirection: "row", flexWrap: "wrap", gap: 8 },
+                }, ...actions)
+                : null,
+        ].filter(Boolean));
+    };
+    const localRow = (server) => {
+        const running = server.url === local.activeUrl;
+        const meta = [
+            server.branch,
+            server.hostPort,
+            server.version ? `v${server.version}` : "",
+        ]
+            .filter(Boolean)
+            .join(" · ");
+        const badge = server.compatible === false
+            ? { text: labels.localIncompatible, color: theme.warning }
+            : server.compatible === null
+                ? { text: labels.localUnknownBuild, color: theme.muted }
+                : null;
+        return h(View, {
+            key: server.hostPort,
+            style: {
+                gap: 6,
+                paddingTop: 8,
+                borderTopWidth: 1,
+                borderColor: theme.border,
+            },
+        }, h(View, {
+            style: {
+                flexDirection: "row",
+                justifyContent: "space-between",
+                gap: 8,
+            },
+        }, h(Text, { style: { ...font("bold", 16), color: theme.title, flexShrink: 1 } }, server.title), running
+            ? h(Text, { style: { ...font("medium", 13), color: theme.success } }, labels.running)
+            : null), h(Text, { style: { ...font("regular", 13), color: theme.muted } }, meta), badge
+            ? h(Text, { style: { ...font("medium", 13), color: badge.color } }, badge.text)
+            : null, h(View, { style: { flexDirection: "row", flexWrap: "wrap", gap: 8 } }, running
+            ? button(labels.stopDevPreviewServer, () => devPreviewServersStore.switchTo(null), "plain")
+            : button(labels.switchTo, () => devPreviewServersStore.switchTo(server))));
+    };
+    const localSection = showLocal
+        ? card("local", [
+            h(Text, {
+                key: "title",
+                style: { ...font("bold", 17), color: theme.title },
+            }, labels.devPreviewServersTitle),
+            h(Text, {
+                key: "hint",
+                style: { ...font("regular", 13), color: theme.muted },
+            }, labels.devPreviewServersHint),
+            local.error
+                ? h(Text, {
+                    key: "error",
+                    style: { ...font("regular", 13), color: theme.danger },
+                }, local.error)
+                : null,
+            ...(!appSlug
+                ? [
+                    h(Text, {
+                        key: "noslug",
+                        style: { ...font("regular", 15), color: theme.danger },
+                    }, labels.noBuildSlug),
+                ]
+                : local.servers.length > 0
+                    ? local.servers.map(localRow)
+                    : [
+                        h(Text, {
+                            key: "none",
+                            style: { ...font("regular", 15), color: theme.muted },
+                        }, labels.noDevPreviewServers),
+                    ]),
+        ].filter(Boolean))
+        : null;
+    const header = card("header", [
+        h(Text, { key: "title", style: { ...font("bold", 22), color: theme.title } }, labels.title),
+        h(Text, {
+            key: "running",
+            style: { ...font("regular", 15), color: theme.text },
+        }, `${labels.running}: ${now.kind === "local"
+            ? now.server
+                ? `${now.server.title} (${labels.localSuffix}, ${now.hostPort})`
+                : `${now.hostPort} (${labels.localSuffix})`
+            : now.kind === "preview"
+                ? now.title
+                : labels.base}`),
+        // A dev preview server wins over a picked preview, so Metro is in use and the note would be wrong.
+        __DEV__ && now.kind === "preview"
+            ? h(Text, {
+                key: "metro",
+                style: { ...font("medium", 13), color: theme.warning },
+            }, labels.metroBypassed)
+            : null,
+        preview.error
+            ? h(Text, {
+                key: "error",
+                style: { ...font("regular", 13), color: theme.danger },
+            }, preview.error)
+            : null,
+        h(View, {
+            key: "actions",
+            style: {
+                flexDirection: "row",
+                flexWrap: "wrap",
+                gap: 8,
+                alignItems: "center",
+            },
+        }, preview.activeId || (showLocal && local.activeUrl)
+            ? button(labels.backToBase, () => preview.switchTo(null))
+            : null, button(labels.refresh, () => preview.refresh(), "plain"), preview.loading
+            ? h(ActivityIndicator, { key: "spinner", color: theme.primary })
+            : null),
+    ].filter(Boolean));
+    const empty = !preview.loading && preview.items.length === 0
+        ? h(Text, {
+            key: "empty",
+            style: {
+                ...font("regular", 15),
+                color: theme.muted,
+                textAlign: "center",
+                padding: 16,
+            },
+        }, preview.buildKey ? labels.empty : labels.noBuildKey)
+        : null;
+    const incompatible = preview.incompatible.length > 0
+        ? card("incompatible", [
+            h(Text, {
+                key: "title",
+                style: { ...font("bold", 17), color: theme.title },
+            }, labels.incompatibleTitle),
+            h(Text, {
+                key: "hint",
+                style: { ...font("regular", 13), color: theme.muted },
+            }, labels.incompatibleHint),
+            ...preview.incompatible.map((p) => h(Text, {
+                key: p.id,
+                style: { ...font("regular", 15), color: theme.text },
+            }, `${p.entry.title} · ${formatSize(p.entry.size)}`)),
+            h(View, { key: "actions", style: { flexDirection: "row" } }, button(labels.deleteAll, () => preview.removeIncompatible(), "danger")),
+        ])
+        : null;
+    return h(ScrollView, {
+        style: [{ backgroundColor: theme.background }, props.style],
+        contentContainerStyle: { padding: 16, gap: 12 },
+    }, header, localSection, ...preview.items.map(row), empty, incompatible);
+}
+//# sourceMappingURL=preview-list.component.js.map

package/build/components/preview-list/preview-list.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-list.component.js","sourceRoot":"","sources":["../../../src/components/preview-list/preview-list.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { createElement as h, type ReactNode, useEffect } from \"react\";\nimport {\n  ActivityIndicator,\n  Pressable,\n  ScrollView,\n  Text,\n  View,\n  useColorScheme,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\n\nimport type { DevPreviewServer } from \"../../utils/dev-preview-servers/merge-servers.util\";\nimport {\n  devPreviewServersStore,\n  useDevPreviewServersState,\n} from \"../../stores/dev-preview-servers/dev-preview-servers.store\";\nimport type {\n  PreviewItem,\n  PreviewStatus,\n} from \"../../utils/previews/preview-items.util\";\nimport { buildSlug } from \"../../services/native/build-info.service\";\nimport { usePreview } from \"../../services/previews/use-preview.service\";\nimport { useRunning } from \"../../services/previews/use-running.service\";\nimport { DEFAULT_LABELS } from \"../../constants/preview-list/theme.const\";\nimport { formatSize, resolveTheme } from \"../../utils/preview-list/theme.util\";\nimport type { PreviewListLabels, PreviewListTheme } from \"./preview-list.types\";\n\nexport type PreviewListProps = {\n  theme?: Partial<PreviewListTheme>;\n  labels?: Partial<PreviewListLabels>;\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * The previews published for this build, with what is running now, and the downloads made for\n * another build in a section of their own. Needs a `<PreviewProvider>` above it.\n */\nexport function PreviewList(props: PreviewListProps) {\n  const preview = usePreview();\n  const local = useDevPreviewServersState();\n  const now = useRunning();\n  const showLocal = __DEV__ && preview.devPreviewServers;\n  // Without the slug the plugin bakes in, other apps' servers can't be told apart, so none are listed.\n  const appSlug = buildSlug();\n  // Look for servers only while the list is on screen.\n  useEffect(\n    () => (showLocal && appSlug ? devPreviewServersStore.watch() : undefined),\n    [showLocal, appSlug],\n  );\n  const theme = resolveTheme(props.theme, useColorScheme());\n  const labels = {\n    ...DEFAULT_LABELS,\n    ...props.labels,\n    status: { ...DEFAULT_LABELS.status, ...props.labels?.status },\n  };\n  const { radius, fonts } = theme;\n\n  // A custom font family replaces the weight, since most families ship one file per weight.\n  const font = (weight: \"regular\" | \"medium\" | \"bold\", size: number) => {\n    const family = fonts[weight];\n    return {\n      fontSize: size,\n      ...(family\n        ? { fontFamily: family }\n        : {\n            fontWeight: (weight === \"bold\"\n              ? \"700\"\n              : weight === \"medium\"\n                ? \"600\"\n                : \"400\") as \"700\" | \"600\" | \"400\",\n          }),\n    };\n  };\n\n  const button = (\n    title: string,\n    onPress: () => void,\n    kind: \"primary\" | \"plain\" | \"danger\" = \"primary\",\n  ): ReactNode =>\n    h(\n      Pressable,\n      {\n        key: title,\n        onPress,\n        accessibilityRole: \"button\",\n        style: ({ pressed }: { pressed: boolean }): ViewStyle => ({\n          minHeight: 44,\n          paddingHorizontal: 16,\n          justifyContent: \"center\",\n          borderRadius: radius / 1.5,\n          opacity: pressed ? 0.7 : 1,\n          backgroundColor: kind === \"primary\" ? theme.primary : \"transparent\",\n          borderWidth: kind === \"primary\" ? 0 : 1,\n          borderColor: kind === \"danger\" ? theme.danger : theme.border,\n        }),\n      },\n      h(\n        Text,\n        {\n          style: {\n            ...font(\"medium\", 15),\n            color:\n              kind === \"primary\"\n                ? theme.primaryText\n                : kind === \"danger\"\n                  ? theme.danger\n                  : theme.text,\n          },\n        },\n        title,\n      ),\n    );\n\n  const statusColor = (status: PreviewStatus) =>\n    status === \"broken\"\n      ? theme.danger\n      : status === \"update-available\" || status === \"unpublished\"\n        ? theme.warning\n        : status === \"downloaded\"\n          ? theme.success\n          : theme.muted;\n\n  const card = (key: string, children: ReactNode[]) =>\n    h(\n      View,\n      {\n        key,\n        style: {\n          backgroundColor: theme.card,\n          borderRadius: radius,\n          borderWidth: 1,\n          borderColor: theme.border,\n          padding: 16,\n          gap: 10,\n        },\n      },\n      ...children,\n    );\n\n  const row = (item: PreviewItem) => {\n    const { entry } = item;\n    const date = entry.publishedAt\n      ? new Date(entry.publishedAt).toLocaleString()\n      : \"\";\n    const meta = [\n      entry.appVersion ? `v${entry.appVersion}` : \"\",\n      entry.branch,\n      entry.author,\n      date,\n      formatSize(entry.size),\n    ]\n      .filter(Boolean)\n      .join(\" · \");\n    const actions: ReactNode[] = [];\n    if (item.status === \"available\")\n      actions.push(\n        button(labels.download, () => preview.download(item.id), \"plain\"),\n      );\n    if (item.status === \"update-available\")\n      actions.push(\n        button(labels.update, () => preview.download(item.id), \"plain\"),\n      );\n    if (!item.active && item.status !== \"downloading\") {\n      actions.push(button(labels.switchTo, () => preview.switchTo(item.id)));\n    }\n    if (item.local && item.status !== \"downloading\") {\n      actions.push(\n        button(labels.delete, () => preview.remove(item.id), \"danger\"),\n      );\n    }\n    return card(\n      item.id,\n      [\n        h(\n          View,\n          {\n            key: \"head\",\n            style: {\n              flexDirection: \"row\",\n              justifyContent: \"space-between\",\n              gap: 8,\n            },\n          },\n          h(\n            Text,\n            {\n              style: { ...font(\"bold\", 17), color: theme.title, flexShrink: 1 },\n            },\n            entry.title,\n          ),\n          h(\n            Text,\n            {\n              style: {\n                ...font(\"medium\", 13),\n                color: item.active ? theme.success : statusColor(item.status),\n              },\n            },\n            item.active ? labels.running : labels.status[item.status],\n          ),\n        ),\n        h(\n          Text,\n          {\n            key: \"meta\",\n            style: { ...font(\"regular\", 13), color: theme.muted },\n          },\n          meta,\n        ),\n        entry.changelog\n          ? h(\n              Text,\n              {\n                key: \"changelog\",\n                style: {\n                  ...font(\"regular\", 14),\n                  color: theme.text,\n                  backgroundColor: theme.surface,\n                  borderRadius: radius / 2,\n                  padding: 10,\n                },\n              },\n              entry.changelog,\n            )\n          : null,\n        item.progress !== null\n          ? h(\n              View,\n              {\n                key: \"progress\",\n                accessibilityRole: \"progressbar\",\n                accessibilityValue: {\n                  min: 0,\n                  max: 100,\n                  now: Math.round(item.progress * 100),\n                },\n                style: {\n                  height: 6,\n                  borderRadius: 3,\n                  backgroundColor: theme.surface,\n                  overflow: \"hidden\",\n                },\n              },\n              h(View, {\n                style: {\n                  width: `${Math.round(item.progress * 100)}%`,\n                  height: 6,\n                  backgroundColor: theme.primary,\n                },\n              }),\n            )\n          : null,\n        actions.length > 0\n          ? h(\n              View,\n              {\n                key: \"actions\",\n                style: { flexDirection: \"row\", flexWrap: \"wrap\", gap: 8 },\n              },\n              ...actions,\n            )\n          : null,\n      ].filter(Boolean) as ReactNode[],\n    );\n  };\n\n  const localRow = (server: DevPreviewServer) => {\n    const running = server.url === local.activeUrl;\n    const meta = [\n      server.branch,\n      server.hostPort,\n      server.version ? `v${server.version}` : \"\",\n    ]\n      .filter(Boolean)\n      .join(\" · \");\n    const badge =\n      server.compatible === false\n        ? { text: labels.localIncompatible, color: theme.warning }\n        : server.compatible === null\n          ? { text: labels.localUnknownBuild, color: theme.muted }\n          : null;\n    return h(\n      View,\n      {\n        key: server.hostPort,\n        style: {\n          gap: 6,\n          paddingTop: 8,\n          borderTopWidth: 1,\n          borderColor: theme.border,\n        },\n      },\n      h(\n        View,\n        {\n          style: {\n            flexDirection: \"row\",\n            justifyContent: \"space-between\",\n            gap: 8,\n          },\n        },\n        h(\n          Text,\n          { style: { ...font(\"bold\", 16), color: theme.title, flexShrink: 1 } },\n          server.title,\n        ),\n        running\n          ? h(\n              Text,\n              { style: { ...font(\"medium\", 13), color: theme.success } },\n              labels.running,\n            )\n          : null,\n      ),\n      h(Text, { style: { ...font(\"regular\", 13), color: theme.muted } }, meta),\n      badge\n        ? h(\n            Text,\n            { style: { ...font(\"medium\", 13), color: badge.color } },\n            badge.text,\n          )\n        : null,\n      h(\n        View,\n        { style: { flexDirection: \"row\", flexWrap: \"wrap\", gap: 8 } },\n        running\n          ? button(\n              labels.stopDevPreviewServer,\n              () => devPreviewServersStore.switchTo(null),\n              \"plain\",\n            )\n          : button(labels.switchTo, () =>\n              devPreviewServersStore.switchTo(server),\n            ),\n      ),\n    );\n  };\n\n  const localSection = showLocal\n    ? card(\n        \"local\",\n        [\n          h(\n            Text,\n            {\n              key: \"title\",\n              style: { ...font(\"bold\", 17), color: theme.title },\n            },\n            labels.devPreviewServersTitle,\n          ),\n          h(\n            Text,\n            {\n              key: \"hint\",\n              style: { ...font(\"regular\", 13), color: theme.muted },\n            },\n            labels.devPreviewServersHint,\n          ),\n          local.error\n            ? h(\n                Text,\n                {\n                  key: \"error\",\n                  style: { ...font(\"regular\", 13), color: theme.danger },\n                },\n                local.error,\n              )\n            : null,\n          ...(!appSlug\n            ? [\n                h(\n                  Text,\n                  {\n                    key: \"noslug\",\n                    style: { ...font(\"regular\", 15), color: theme.danger },\n                  },\n                  labels.noBuildSlug,\n                ),\n              ]\n            : local.servers.length > 0\n              ? local.servers.map(localRow)\n              : [\n                  h(\n                    Text,\n                    {\n                      key: \"none\",\n                      style: { ...font(\"regular\", 15), color: theme.muted },\n                    },\n                    labels.noDevPreviewServers,\n                  ),\n                ]),\n        ].filter(Boolean) as ReactNode[],\n      )\n    : null;\n\n  const header = card(\n    \"header\",\n    [\n      h(\n        Text,\n        { key: \"title\", style: { ...font(\"bold\", 22), color: theme.title } },\n        labels.title,\n      ),\n      h(\n        Text,\n        {\n          key: \"running\",\n          style: { ...font(\"regular\", 15), color: theme.text },\n        },\n        `${labels.running}: ${\n          now.kind === \"local\"\n            ? now.server\n              ? `${now.server.title} (${labels.localSuffix}, ${now.hostPort})`\n              : `${now.hostPort} (${labels.localSuffix})`\n            : now.kind === \"preview\"\n              ? now.title\n              : labels.base\n        }`,\n      ),\n      // A dev preview server wins over a picked preview, so Metro is in use and the note would be wrong.\n      __DEV__ && now.kind === \"preview\"\n        ? h(\n            Text,\n            {\n              key: \"metro\",\n              style: { ...font(\"medium\", 13), color: theme.warning },\n            },\n            labels.metroBypassed,\n          )\n        : null,\n      preview.error\n        ? h(\n            Text,\n            {\n              key: \"error\",\n              style: { ...font(\"regular\", 13), color: theme.danger },\n            },\n            preview.error,\n          )\n        : null,\n      h(\n        View,\n        {\n          key: \"actions\",\n          style: {\n            flexDirection: \"row\",\n            flexWrap: \"wrap\",\n            gap: 8,\n            alignItems: \"center\",\n          },\n        },\n        preview.activeId || (showLocal && local.activeUrl)\n          ? button(labels.backToBase, () => preview.switchTo(null))\n          : null,\n        button(labels.refresh, () => preview.refresh(), \"plain\"),\n        preview.loading\n          ? h(ActivityIndicator, { key: \"spinner\", color: theme.primary })\n          : null,\n      ),\n    ].filter(Boolean) as ReactNode[],\n  );\n\n  const empty =\n    !preview.loading && preview.items.length === 0\n      ? h(\n          Text,\n          {\n            key: \"empty\",\n            style: {\n              ...font(\"regular\", 15),\n              color: theme.muted,\n              textAlign: \"center\",\n              padding: 16,\n            },\n          },\n          preview.buildKey ? labels.empty : labels.noBuildKey,\n        )\n      : null;\n\n  const incompatible =\n    preview.incompatible.length > 0\n      ? card(\"incompatible\", [\n          h(\n            Text,\n            {\n              key: \"title\",\n              style: { ...font(\"bold\", 17), color: theme.title },\n            },\n            labels.incompatibleTitle,\n          ),\n          h(\n            Text,\n            {\n              key: \"hint\",\n              style: { ...font(\"regular\", 13), color: theme.muted },\n            },\n            labels.incompatibleHint,\n          ),\n          ...preview.incompatible.map((p) =>\n            h(\n              Text,\n              {\n                key: p.id,\n                style: { ...font(\"regular\", 15), color: theme.text },\n              },\n              `${p.entry.title} · ${formatSize(p.entry.size)}`,\n            ),\n          ),\n          h(\n            View,\n            { key: \"actions\", style: { flexDirection: \"row\" } },\n            button(\n              labels.deleteAll,\n              () => preview.removeIncompatible(),\n              \"danger\",\n            ),\n          ),\n        ])\n      : null;\n\n  return h(\n    ScrollView,\n    {\n      style: [{ backgroundColor: theme.background }, props.style],\n      contentContainerStyle: { padding: 16, gap: 12 },\n    },\n    header,\n    localSection,\n    ...preview.items.map(row),\n    empty,\n    incompatible,\n  );\n}\n"]}