@proofkit/cli 1.2.0-beta.2 → 2.0.0-beta.11

package/template/nextjs-shadcn/src/components/ui/dropdown-menu.tsx

@@ -0,0 +1,267 @@
+"use client";
+
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function DropdownMenu({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
+  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
+}
+
+function DropdownMenuPortal({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
+  return (
+    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
+  );
+}
+
+function DropdownMenuTrigger({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
+  return (
+    <DropdownMenuPrimitive.Trigger
+      className="select-none"
+      data-slot="dropdown-menu-trigger"
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
+  return (
+    <DropdownMenuPrimitive.Portal>
+      <DropdownMenuPrimitive.Content
+        className={cn(
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] space-y-0.5 overflow-hidden rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
+          className
+        )}
+        data-slot="dropdown-menu-content"
+        sideOffset={sideOffset}
+        {...props}
+      />
+    </DropdownMenuPrimitive.Portal>
+  );
+}
+
+function DropdownMenuGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
+  return (
+    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
+  );
+}
+
+function DropdownMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+  inset?: boolean;
+  variant?: "destructive";
+}) {
+  return (
+    <DropdownMenuPrimitive.Item
+      className={cn(
+        "relative flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-foreground text-sm outline-hidden transition-colors data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*=size-])]:size-4 [&_svg:not([role=img]):not([class*=text-])]:opacity-60 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "focus:bg-accent focus:text-foreground",
+        "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground",
+        inset && "ps-8",
+        variant === "destructive" &&
+          "text-destructive hover:bg-destructive/5 hover:text-destructive focus:bg-destructive/5 focus:text-destructive data-[active=true]:bg-destructive/5",
+        className
+      )}
+      data-slot="dropdown-menu-item"
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
+  return (
+    <DropdownMenuPrimitive.CheckboxItem
+      checked={checked}
+      className={cn(
+        "relative flex cursor-default select-none items-center rounded-md py-1.5 ps-8 pe-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      )}
+      data-slot="dropdown-menu-checkbox-item"
+      {...props}
+    >
+      <span className="absolute start-2 flex h-3.5 w-3.5 items-center justify-center text-muted-foreground">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <Check className="h-4 w-4 text-primary" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.CheckboxItem>
+  );
+}
+
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
+  return (
+    <DropdownMenuPrimitive.RadioItem
+      className={cn(
+        "relative flex cursor-default select-none items-center rounded-md py-1.5 ps-6 pe-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      )}
+      data-slot="dropdown-menu-radio-item"
+      {...props}
+    >
+      <span className="absolute start-1.5 flex h-3.5 w-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <Circle className="h-1.5 w-1.5 fill-primary stroke-primary" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.RadioItem>
+  );
+}
+
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+  inset?: boolean;
+}) {
+  return (
+    <DropdownMenuPrimitive.Label
+      className={cn(
+        "px-2 py-1.5 font-medium text-muted-foreground text-xs",
+        inset && "ps-8",
+        className
+      )}
+      data-slot="dropdown-menu-label"
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuRadioGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
+  return (
+    <DropdownMenuPrimitive.RadioGroup
+      data-slot="dropdown-menu-radio-group"
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
+  return (
+    <DropdownMenuPrimitive.Separator
+      className={cn("-mx-2 my-1.5 h-px bg-muted", className)}
+      data-slot="dropdown-menu-separator"
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuShortcut({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) {
+  return (
+    <span
+      className={cn("ms-auto text-xs tracking-widest opacity-60", className)}
+      data-slot="dropdown-menu-shortcut"
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuSub({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
+  return (
+    <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
+  );
+}
+
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  inset?: boolean;
+}) {
+  return (
+    <DropdownMenuPrimitive.SubTrigger
+      className={cn(
+        "flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden",
+        "focus:bg-accent focus:text-foreground",
+        "data-[state=open]:bg-accent data-[state=open]:text-foreground",
+        "data-[here=true]:bg-accent data-[here=true]:text-foreground",
+        "[&>svg]:pointer-events-none [&>svg]:size-4 [&>svg]:shrink-0 [&_svg:not([role=img]):not([class*=text-])]:opacity-60",
+        inset && "ps-8",
+        className
+      )}
+      data-slot="dropdown-menu-sub-trigger"
+      {...props}
+    >
+      {children}
+      <ChevronRight
+        className="ms-auto size-3.5! rtl:rotate-180"
+        data-slot="dropdown-menu-sub-trigger-indicator"
+      />
+    </DropdownMenuPrimitive.SubTrigger>
+  );
+}
+
+function DropdownMenuSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
+  return (
+    <DropdownMenuPrimitive.SubContent
+      className={cn(
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] space-y-0.5 overflow-hidden rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
+        className
+      )}
+      data-slot="dropdown-menu-sub-content"
+      {...props}
+    />
+  );
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+};

package/template/nextjs-shadcn/src/components/ui/sonner.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { useTheme } from "next-themes";
+import { Toaster as Sonner } from "sonner";
+
+type ToasterProps = React.ComponentProps<typeof Sonner>;
+
+function Toaster({ ...props }: ToasterProps) {
+  const { theme = "system" } = useTheme();
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      toastOptions={{
+        classNames: {
+          toast:
+            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton:
+            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton:
+            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+        },
+      }}
+      {...props}
+    />
+  );
+}
+
+export { Toaster };

package/template/pages/nextjs/table-infinite/actions.ts

@@ -19,7 +19,7 @@ export const fetchData = __ACTION_CLIENT__
     })
   )
   .action(async ({ parsedInput: { offset, sorting, columnFilters } }) => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
     const getOptions: clientTypes.ListParams<__TYPE_NAME__, any> & {
       query: clientTypes.Query<__TYPE_NAME__>[];
     } = {

package/template/pages/nextjs/table-infinite-edit/actions.ts

@@ -24,7 +24,7 @@ export const fetchData = __ACTION_CLIENT__
     })
   )
   .action(async ({ parsedInput: { offset, sorting, columnFilters } }) => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
     const getOptions: clientTypes.ListParams<__TYPE_NAME__, any> & {
       query: clientTypes.Query<__TYPE_NAME__>[];
     } = {

package/template/vite-wv/package.json

@@ -12,7 +12,9 @@
     "serve": "vite preview",
     "start": "vite",
     "typegen": "proofkit typegen",
-    "upload": "node scripts/upload.js"
+    "upload": "node scripts/upload.js",
+    "lint": "biome check",
+    "format": "biome format --write"
   },
   "dependencies": {
     "@mantine/core": "^7.15.1",
@@ -33,8 +35,9 @@
     "zod": "^3.24.1"
   },
   "devDependencies": {
-    "@tanstack/eslint-plugin-query": "^5.59.1",
+    "@biomejs/biome": "2.3.11",
     "@tanstack/react-query-devtools": "^5.69.0",
+    "ultracite": "7.0.8",
     "@tanstack/react-router-devtools": "^1.114.27",
     "@tanstack/router-plugin": "^1.114.27",
     "@types/node": "^22.13.13",

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

@@ -1,4 +1,4 @@
-/* eslint-disable */
+
 
 // @ts-nocheck
 

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

@@ -1,17 +1,6 @@
-import * as React from "react";
-import { createFileRoute, Link } from "@tanstack/react-router";
-import {
-  Anchor,
-  Box,
-  Code,
-  Container,
-  Image,
-  px,
-  Stack,
-  Text,
-  Title,
-} from "@mantine/core";
+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,
@@ -22,20 +11,20 @@ function HomeComponent() {
     <Container mt="5rem">
       <Stack gap="xl" ta="center">
         <Image
-          src="https://raw.githubusercontent.com/proofgeist/proofkit/dde6366c529104658dfba67a8fc2910a8644fc64/docs/src/assets/proofkit.png"
           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"}
-          mah={px("16rem")}
         />
         <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.
+          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>
 
@@ -45,17 +34,16 @@ function HomeComponent() {
         <Box>
           <Anchor
             href="https://proofkit.dev"
-            target="_blank"
             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>
+          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,6 +1,5 @@
-import * as React from "react";
-import { createFileRoute, Link } from "@tanstack/react-router";
 import { Code, Container, Stack, Text, Title } from "@mantine/core";
+import { createFileRoute, Link } from "@tanstack/react-router";
 
 export const Route = createFileRoute("/secondary")({
   component: RouteComponent,
@@ -12,12 +11,11 @@ function RouteComponent() {
       <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.
+          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
+          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>

package/template/extras/config/_eslint.js

@@ -1,27 +0,0 @@
-/** @type {import("eslint").Linter.Config} */
-export const _initialConfig = {
-  parser: "@typescript-eslint/parser",
-  parserOptions: { project: true },
-  plugins: ["@typescript-eslint"],
-  extends: [
-    "next/core-web-vitals",
-    "plugin:@typescript-eslint/recommended-type-checked",
-    "plugin:@typescript-eslint/stylistic-type-checked",
-  ],
-  rules: {
-    "@typescript-eslint/array-type": "off",
-    "@typescript-eslint/consistent-type-definitions": "off",
-    "@typescript-eslint/consistent-type-imports": [
-      "warn",
-      { prefer: "type-imports", fixStyle: "inline-type-imports" },
-    ],
-    "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_" }],
-    "@typescript-eslint/require-await": "off",
-    "@typescript-eslint/no-explicit-any": "warn",
-    "@typescript-eslint/no-misused-promises": [
-      "error",
-      { checksVoidReturn: { attributes: false } },
-    ],
-    "@typescript-eslint/no-floating-promises": "warn",
-  },
-};

package/template/extras/config/_prettier.config.js

@@ -1,6 +0,0 @@
-/** @type {import('prettier').Config & import('prettier-plugin-tailwindcss').PluginOptions} */
-const config = {
-  plugins: ["prettier-plugin-tailwindcss"],
-};
-
-export default config;

package/template/nextjs-mantine/.prettierrc

@@ -1,3 +0,0 @@
-{
-  "plugins": ["prettier-plugin-tailwindcss"]
-}

package/template/nextjs-shadcn/.prettierrc

@@ -1,3 +0,0 @@
-{
-  "plugins": ["prettier-plugin-tailwindcss"]
-}

package/template/vite-wv/.prettierrc

@@ -1,3 +0,0 @@
-{
-  "plugins": ["prettier-plugin-tailwindcss"]
-}