@proofkit/cli 2.0.0-beta.21 → 2.0.0-beta.23

package/template/vite-wv/postcss.config.cjs

@@ -1,15 +0,0 @@
-module.exports = {
-  plugins: {
-    "@tailwindcss/postcss": {},
-    "postcss-preset-mantine": {},
-    "postcss-simple-vars": {
-      variables: {
-        "mantine-breakpoint-xs": "36em",
-        "mantine-breakpoint-sm": "48em",
-        "mantine-breakpoint-md": "62em",
-        "mantine-breakpoint-lg": "75em",
-        "mantine-breakpoint-xl": "88em",
-      },
-    },
-  },
-};

package/template/vite-wv/scripts/launch-fm.sh

@@ -1,3 +0,0 @@
-source .env
-SERVER_HOST=$(echo $FM_SERVER | sed 's|https://||' | sed 's|/.*||')
-open "fmp://$SERVER_HOST/$FM_DATABASE?script=Launch Web Viewer for Dev"

package/template/vite-wv/src/components/AppLogo.tsx

@@ -1,5 +0,0 @@
-import { IconInfinity } from "@tabler/icons-react";
-
-export default function AppLogo() {
-  return <IconInfinity size={32} />;
-}

package/template/vite-wv/src/components/full-screen-loader.tsx

@@ -1,9 +0,0 @@
-import { Center, Loader } from "@mantine/core";
-
-export default function FullScreenLoader() {
-  return (
-    <Center h="100vh">
-      <Loader />
-    </Center>
-  );
-}

package/template/vite-wv/src/config/env.ts

@@ -1,16 +0,0 @@
-import { createEnv } from "@t3-oss/env-core";
-import { z } from "zod/v4";
-import { type OttoAPIKey } from "@proofkit/fmdapi";
-
-export const env = createEnv({
-  server: {
-    NODE_ENV: z
-      .enum(["development", "test", "production"])
-      .default("development"),
-  },
-
-  clientPrefix: "VITE_",
-  client: {},
-  runtimeEnv: process.env,
-  emptyStringAsUndefined: true,
-});

package/template/vite-wv/src/config/theme/globals.css

@@ -1,125 +0,0 @@
-/* Add global styles here */
-
-@import "tailwindcss" prefix(tw);
-@import "tw-animate-css";
-
-@custom-variant dark (&:is(.dark *));
-
-:root {
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --destructive-foreground: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --radius: 0.625rem;
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.145 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.145 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.985 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.396 0.141 25.723);
-  --destructive-foreground: oklch(0.637 0.237 25.331);
-  --border: oklch(0.269 0 0);
-  --input: oklch(0.269 0 0);
-  --ring: oklch(0.439 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(0.269 0 0);
-  --sidebar-ring: oklch(0.439 0 0);
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-}
-
-@layer base {
-  * {
-    @apply tw:border-border tw:outline-ring/50;
-  }
-  body {
-    @apply tw:bg-background tw:text-foreground;
-  }
-}

package/template/vite-wv/src/config/theme/mantine-theme.ts

@@ -1,22 +0,0 @@
-import { createTheme, type MantineColorsTuple } from "@mantine/core";
-
-// generate your own set of colors here: https://mantine.dev/colors-generator
-const brandColor: MantineColorsTuple = [
-  "#ffebff",
-  "#f5d5fb",
-  "#e6a8f3",
-  "#d779eb",
-  "#cb51e4",
-  "#c337e0",
-  "#c029df",
-  "#a91cc6",
-  "#9715b1",
-  "#84099c",
-];
-
-export const theme = createTheme({
-  primaryColor: "brand",
-  colors: {
-    brand: brandColor,
-  },
-});

package/template/vite-wv/src/routeTree.gen.ts

@@ -1,111 +0,0 @@
-
-
-// @ts-nocheck
-
-// noinspection JSUnusedGlobalSymbols
-
-// This file was automatically generated by TanStack Router.
-// You should NOT make any changes in this file as it will be overwritten.
-// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
-
-// Import Routes
-
-import { Route as rootRoute } from "./routes/__root";
-import { Route as SecondaryImport } from "./routes/secondary";
-import { Route as IndexImport } from "./routes/index";
-
-// Create/Update Routes
-
-const SecondaryRoute = SecondaryImport.update({
-  id: "/secondary",
-  path: "/secondary",
-  getParentRoute: () => rootRoute,
-} as any);
-
-const IndexRoute = IndexImport.update({
-  id: "/",
-  path: "/",
-  getParentRoute: () => rootRoute,
-} as any);
-
-// Populate the FileRoutesByPath interface
-
-declare module "@tanstack/react-router" {
-  interface FileRoutesByPath {
-    "/": {
-      id: "/";
-      path: "/";
-      fullPath: "/";
-      preLoaderRoute: typeof IndexImport;
-      parentRoute: typeof rootRoute;
-    };
-    "/secondary": {
-      id: "/secondary";
-      path: "/secondary";
-      fullPath: "/secondary";
-      preLoaderRoute: typeof SecondaryImport;
-      parentRoute: typeof rootRoute;
-    };
-  }
-}
-
-// Create and export the route tree
-
-export interface FileRoutesByFullPath {
-  "/": typeof IndexRoute;
-  "/secondary": typeof SecondaryRoute;
-}
-
-export interface FileRoutesByTo {
-  "/": typeof IndexRoute;
-  "/secondary": typeof SecondaryRoute;
-}
-
-export interface FileRoutesById {
-  __root__: typeof rootRoute;
-  "/": typeof IndexRoute;
-  "/secondary": typeof SecondaryRoute;
-}
-
-export interface FileRouteTypes {
-  fileRoutesByFullPath: FileRoutesByFullPath;
-  fullPaths: "/" | "/secondary";
-  fileRoutesByTo: FileRoutesByTo;
-  to: "/" | "/secondary";
-  id: "__root__" | "/" | "/secondary";
-  fileRoutesById: FileRoutesById;
-}
-
-export interface RootRouteChildren {
-  IndexRoute: typeof IndexRoute;
-  SecondaryRoute: typeof SecondaryRoute;
-}
-
-const rootRouteChildren: RootRouteChildren = {
-  IndexRoute: IndexRoute,
-  SecondaryRoute: SecondaryRoute,
-};
-
-export const routeTree = rootRoute
-  ._addFileChildren(rootRouteChildren)
-  ._addFileTypes<FileRouteTypes>();
-
-/* ROUTE_MANIFEST_START
-{
-  "routes": {
-    "__root__": {
-      "filePath": "__root.tsx",
-      "children": [
-        "/",
-        "/secondary"
-      ]
-    },
-    "/": {
-      "filePath": "index.tsx"
-    },
-    "/secondary": {
-      "filePath": "secondary.tsx"
-    }
-  }
-}
-ROUTE_MANIFEST_END */

package/template/vite-wv/src/routes/__root.tsx

@@ -1,21 +0,0 @@
-import { Outlet, createRootRoute } from "@tanstack/react-router";
-import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
-
-export const Route = createRootRoute({
-  component: RootComponent,
-});
-
-/**
- * This component wraps all other routes
- */
-function RootComponent() {
-  return (
-    <>
-      <Outlet />
-
-      {process.env.NODE_ENV === "development" && (
-        <TanStackRouterDevtools position="bottom-right" />
-      )}
-    </>
-  );
-}

package/template/vite-wv/src/routes/index.tsx

@@ -1,51 +0,0 @@
-import { Anchor, Box, Code, Container, Image, px, Stack, Text, Title } from "@mantine/core";
-import { IconExternalLink } from "@tabler/icons-react";
-import { createFileRoute, Link } from "@tanstack/react-router";
-
-export const Route = createFileRoute("/")({
-  component: HomeComponent,
-});
-
-function HomeComponent() {
-  return (
-    <Container mt="5rem">
-      <Stack gap="xl" ta="center">
-        <Image
-          alt="ProofKit"
-          mah={px("16rem")}
-          src="https://raw.githubusercontent.com/proofgeist/proofkit/dde6366c529104658dfba67a8fc2910a8644fc64/docs/src/assets/proofkit.png"
-          style={{
-            marginRight: "auto",
-            marginLeft: "auto",
-          }}
-          w={"auto"}
-        />
-        <Title order={1}>Welcome!</Title>
-
-        <Text style={{ textWrap: "balance" }}>
-          This is the base template page. To add more pages, components, or other features, run the ProofKit CLI from
-          within your project.
-        </Text>
-        <Code block>pnpm proofkit</Code>
-
-        <Text style={{ textWrap: "balance" }}>
-          To change this page, open <Code>src/routes/index.tsx</Code>
-        </Text>
-        <Box>
-          <Anchor
-            href="https://proofkit.dev"
-            rel="proofkit-app"
-            style={{ display: "inline-flex", alignItems: "center", gap: 4 }}
-            target="_blank"
-          >
-            ProofKit Docs <IconExternalLink size={px("1rem")} />
-          </Anchor>
-        </Box>
-
-        <Text c="dimmed" size="sm">
-          Need to build multiple webviewer widgets? <Link to="/secondary">Check out the secondary page</Link>
-        </Text>
-      </Stack>
-    </Container>
-  );
-}

package/template/vite-wv/src/routes/secondary.tsx

@@ -1,26 +0,0 @@
-import { Code, Container, Stack, Text, Title } from "@mantine/core";
-import { createFileRoute, Link } from "@tanstack/react-router";
-
-export const Route = createFileRoute("/secondary")({
-  component: RouteComponent,
-});
-
-function RouteComponent() {
-  return (
-    <Container mt="5rem">
-      <Stack gap="xl" ta="center">
-        <Title order={1}>Secondary Page</Title>
-        <Text>
-          Use hidden pages like this to embed multiple webviewer widgets into a single HTML bundle for your FileMaker
-          solution.
-        </Text>
-        <Text>
-          See how to navigate via a FileMaker script in the <Code>EXAMPLE: Navigation</Code> script
-        </Text>
-        <Text c="dimmed" size="sm">
-          <Link to="/">Go back to the home page</Link>
-        </Text>
-      </Stack>
-    </Container>
-  );
-}

package/template/vite-wv/src/utils/notification-helpers.ts

@@ -1,32 +0,0 @@
-import {
-  showNotification,
-  type NotificationData,
-} from "@mantine/notifications";
-
-export function showErrorNotification(): void;
-export function showErrorNotification(props: NotificationData): void;
-export function showErrorNotification(message: string): void;
-export function showErrorNotification(args?: string | NotificationData): void {
-  const message =
-    typeof args === "string" ? args : "An unexpected error occurred.";
-  const defaultProps = typeof args === "string" ? {} : (args ?? {});
-
-  showNotification({ color: "red", title: "Error", message, ...defaultProps });
-}
-
-export function showSuccessNotification(): void;
-export function showSuccessNotification(props: NotificationData): void;
-export function showSuccessNotification(message: string): void;
-export function showSuccessNotification(
-  args?: string | NotificationData,
-): void {
-  const message = typeof args === "string" ? args : "Success!";
-  const defaultProps = typeof args === "string" ? {} : (args ?? {});
-
-  showNotification({
-    color: "green",
-    title: "Success",
-    message,
-    ...defaultProps,
-  });
-}

package/template/vite-wv/src/utils/styles.ts

@@ -1,6 +0,0 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: any[]) {
-  return twMerge(clsx(inputs));
-}