bsmnt 0.7.0 → 0.9.0

package/src/templates/next-pagebuilder/app/actions/unlock-gated-content.ts

@@ -0,0 +1,39 @@
+"use server"
+
+import { fetchSanity } from "@/lib/integrations/sanity/live"
+import { GATED_CONTENT_QUERY } from "@/lib/integrations/sanity/queries"
+import type { GATED_CONTENT_QUERY_RESULT } from "@/lib/integrations/sanity/sanity.types"
+
+export type GatedContentPayload = NonNullable<GATED_CONTENT_QUERY_RESULT>
+
+export type UnlockResult =
+  | { ok: true; payload: GatedContentPayload }
+  | { ok: false; error: string }
+
+type UnlockInput = { documentId: string; email: string }
+
+export async function unlockGatedContent({
+  documentId,
+  email,
+}: UnlockInput): Promise<UnlockResult> {
+  if (!documentId) return { ok: false, error: "Missing content id." }
+  if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+    return { ok: false, error: "Enter a valid email address." }
+  }
+
+  // Lead-capture seam: forward `email` to your CRM / email provider here.
+  // This is not access control — the payload is withheld from the page until
+  // this action runs, but anyone who submits the form receives it.
+
+  const { data } = await fetchSanity<GATED_CONTENT_QUERY_RESULT>({
+    query: GATED_CONTENT_QUERY,
+    params: { id: documentId },
+    // stega must stay off: it injects invisible characters into strings, which
+    // would corrupt the asset URLs returned for download/playback.
+    stega: false,
+  })
+
+  if (!data) return { ok: false, error: "Content not found." }
+
+  return { ok: true, payload: data }
+}

package/src/templates/next-pagebuilder/biome.json

@@ -82,7 +82,7 @@
       "complexity": {
         "noForEach": "off",
         "useFlatMap": "warn",
-        "useSimplifiedLogicExpression": "warn"
+        "useSimplifiedLogicExpression": "off"
       },
       "correctness": {
         "noInvalidUseBeforeDeclaration": "error",

package/src/templates/next-pagebuilder/components/page-builder/components/gated-content/index.tsx

@@ -0,0 +1,169 @@
+"use client"
+
+import { useEffect, useState } from "react"
+import {
+  type GatedContentPayload,
+  unlockGatedContent,
+} from "@/app/actions/unlock-gated-content"
+import type { PageBuilderBlock } from "@/components/page-builder/types"
+import { RichText } from "@/components/sanity/rich-text"
+import { Link } from "@/components/ui/link"
+
+type GatedContentBlock = Extract<PageBuilderBlock, { _type: "gatedContent" }>
+
+type GatedContentProps = {
+  block: GatedContentBlock
+}
+
+type GateState = "locked" | "loading" | "unlocked"
+
+const STORAGE_PREFIX = "gated-content:"
+
+export function GatedContent({ block }: GatedContentProps) {
+  const storageKey = `${STORAGE_PREFIX}${block._id}`
+  const [state, setState] = useState<GateState>("locked")
+  const [payload, setPayload] = useState<GatedContentPayload | null>(null)
+  const [error, setError] = useState<string | null>(null)
+  const [justUnlocked, setJustUnlocked] = useState(false)
+
+  // The payload is withheld from the page query, so it never reaches the client
+  // until this action runs. We remember the submitted email so a returning
+  // visitor re-fetches without seeing the form again.
+  const unlock = async (email: string, persist: boolean) => {
+    setState("loading")
+    setError(null)
+
+    const result = await unlockGatedContent({ documentId: block._id, email })
+
+    if (!result.ok) {
+      setError(result.error)
+      setState("locked")
+      if (!persist) window.localStorage.removeItem(storageKey)
+      return
+    }
+
+    setPayload(result.payload)
+    setState("unlocked")
+    if (persist) {
+      window.localStorage.setItem(storageKey, email)
+      setJustUnlocked(true)
+    }
+  }
+
+  // biome-ignore lint/correctness/useExhaustiveDependencies: re-fetch only when the block changes; unlock closes over stable values
+  useEffect(() => {
+    const savedEmail = window.localStorage.getItem(storageKey)
+    if (savedEmail) void unlock(savedEmail, false)
+  }, [storageKey])
+
+  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault()
+    const email =
+      new FormData(event.currentTarget).get("email")?.toString() ?? ""
+    void unlock(email, true)
+  }
+
+  return (
+    <section className="py-8 md:py-12">
+      {block.teaserHeading ? (
+        <h2 className="mb-4 font-semibold text-2xl tracking-tight md:text-4xl">
+          {block.teaserHeading}
+        </h2>
+      ) : null}
+
+      {block.teaserBody ? (
+        <div className="max-w-[62ch] space-y-4 text-base/7 text-current/80 md:text-lg/8">
+          <RichText content={block.teaserBody} />
+        </div>
+      ) : null}
+
+      {state === "unlocked" && payload ? (
+        <div className="mt-8">
+          {justUnlocked && block.successMessage ? (
+            <p className="mb-6 rounded-lg bg-black/[0.04] px-4 py-3 text-current/72 text-sm">
+              {block.successMessage}
+            </p>
+          ) : null}
+          <GatedReveal payload={payload} />
+        </div>
+      ) : (
+        <form
+          onSubmit={handleSubmit}
+          className="mt-8 flex max-w-md flex-col gap-4 rounded-[1.5rem] border border-black/10 bg-black/[0.02] p-6"
+        >
+          {block.gateHeadline ? (
+            <h3 className="font-semibold text-lg">{block.gateHeadline}</h3>
+          ) : null}
+          {block.gateDescription ? (
+            <p className="text-current/72 text-sm">{block.gateDescription}</p>
+          ) : null}
+          <input
+            type="email"
+            name="email"
+            required
+            placeholder="you@example.com"
+            className="rounded-lg border border-black/10 bg-white px-4 py-2.5 text-sm outline-none focus:border-black/40"
+          />
+          {error ? <p className="text-red-600 text-sm">{error}</p> : null}
+          <button
+            type="submit"
+            disabled={state === "loading"}
+            className="rounded-lg bg-black px-4 py-2.5 font-medium text-sm text-white transition-colors hover:bg-black/80 disabled:opacity-60"
+          >
+            {state === "loading" ? "Unlocking…" : block.submitLabel || "Unlock"}
+          </button>
+        </form>
+      )}
+    </section>
+  )
+}
+
+function GatedReveal({ payload }: { payload: GatedContentPayload }) {
+  if (payload.kind === "richText" && payload.content) {
+    return (
+      <div className="max-w-[62ch] space-y-4 text-base/7 text-current/80 md:text-lg/8">
+        <RichText content={payload.content} />
+      </div>
+    )
+  }
+
+  if (payload.kind === "file" && payload.file?.url) {
+    return (
+      <Link
+        href={payload.file.url}
+        download
+        className="inline-flex items-center gap-2 rounded-lg bg-black px-4 py-2.5 font-medium text-sm text-white transition-colors hover:bg-black/80"
+      >
+        Download {payload.file.originalFilename ?? "file"}
+      </Link>
+    )
+  }
+
+  if (payload.kind === "video") {
+    if (payload.video.url) {
+      return (
+        <div className="aspect-video w-full max-w-3xl overflow-hidden rounded-lg">
+          <iframe
+            src={payload.video.url}
+            title="Gated video"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+            allowFullScreen
+            className="h-full w-full border-0"
+          />
+        </div>
+      )
+    }
+    if (payload.video.file?.url) {
+      return (
+        // biome-ignore lint/a11y/useMediaCaption: editor-supplied video without a caption track
+        <video
+          controls
+          src={payload.video.file.url}
+          className="w-full max-w-3xl rounded-lg"
+        />
+      )
+    }
+  }
+
+  return null
+}

package/src/templates/next-pagebuilder/components/page-builder/renderer.tsx

@@ -2,6 +2,7 @@ import { ArticleContent } from "./components/article-content"
 import { ContentCollection } from "./components/content-collection"
 import type { ContentCollectionSearchParams } from "./components/content-collection/types"
 import { Description } from "./components/description"
+import { GatedContent } from "./components/gated-content"
 import { Hero } from "./components/hero"
 import type { PageBuilderBlock, PageBuilderBlocks } from "./types"
 
@@ -42,6 +43,8 @@ function PageBuilderNode({
       return <Hero block={block} />
     case "description":
       return <Description block={block} />
+    case "gatedContent":
+      return <GatedContent block={block} />
     default:
       return null
   }

package/src/templates/next-pagebuilder/knip.json

@@ -22,11 +22,13 @@
     "rxjs",
     "gsap",
     "@gsap/react",
-    "motion"
+    "motion",
+    "detect-gpu",
+    "lodash-es",
+    "@types/lodash-es",
+    "react-device-detect",
+    "zustand"
   ],
-  "ignoreBinaries": [
-    "gh",
-    "op",
-    "vercel"
-  ]
+  "ignoreBinaries": ["gh", "op", "vercel"],
+  "ignoreFiles": [".agents/**", ".claude/**", "hooks/**"]
 }

package/src/templates/next-pagebuilder/lefthook.yml

@@ -14,11 +14,6 @@ pre-commit:
       run: bunx tsgo --noEmit --incremental false
       stage_fixed: false
 
-pre-push:
-  commands:
-    knip:
-      run: bun run knip
-
 post-merge:
   commands:
     install-deps:

package/src/templates/next-pagebuilder/lib/integrations/sanity/sanity.types.ts

@@ -50,6 +50,13 @@ export type SanityImageAssetReference = {
   [internalGroqTypeReferenceTo]?: "sanity.imageAsset"
 }
 
+export type SanityFileAssetReference = {
+  _ref: string
+  _type: "reference"
+  _weak?: boolean
+  [internalGroqTypeReferenceTo]?: "sanity.fileAsset"
+}
+
 export type StructuredData = {
   _id: string
   _type: "structuredData"
@@ -307,6 +314,33 @@ export type BlogCollection = {
   subtitle?: string
 }
 
+export type GatedContent = {
+  _id: string
+  _type: "gatedContent"
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  internalTitle?: string
+  teaserHeading?: string
+  teaserBody?: RichText
+  gateType?: "form"
+  gateHeadline?: string
+  gateDescription?: string
+  submitLabel?: string
+  successMessage?: string
+  kind?: "richText" | "file" | "video"
+  content?: RichText
+  file?: {
+    asset?: SanityFileAssetReference
+    _type: "file"
+  }
+  videoUrl?: string
+  videoFile?: {
+    asset?: SanityFileAssetReference
+    _type: "file"
+  }
+}
+
 export type NavItem = {
   _type: "navItem"
   title?: string
@@ -475,6 +509,13 @@ export type BlogCollectionReference = {
   [internalGroqTypeReferenceTo]?: "blogCollection"
 }
 
+export type GatedContentReference = {
+  _ref: string
+  _type: "reference"
+  _weak?: boolean
+  [internalGroqTypeReferenceTo]?: "gatedContent"
+}
+
 export type PageBuilder = Array<
   | ({
       _key: string
@@ -488,6 +529,9 @@ export type PageBuilder = Array<
   | ({
       _key: string
     } & BlogCollectionReference)
+  | ({
+      _key: string
+    } & GatedContentReference)
 >
 
 export type Metadata = {
@@ -699,6 +743,7 @@ export type AllSanitySchemaTypes =
   | Slug
   | Redirect
   | SanityImageAssetReference
+  | SanityFileAssetReference
   | StructuredData
   | SanityImageCrop
   | SanityImageHotspot
@@ -715,6 +760,7 @@ export type AllSanitySchemaTypes =
   | RichText
   | Author
   | BlogCollection
+  | GatedContent
   | NavItem
   | NavMegaMenu
   | NavColumn
@@ -730,6 +776,7 @@ export type AllSanitySchemaTypes =
   | DescriptionReference
   | BlogContentReference
   | BlogCollectionReference
+  | GatedContentReference
   | PageBuilder
   | Metadata
   | ExternalLink
@@ -768,6 +815,20 @@ export type PAGE_QUERY_RESULT = {
         _rev: string
         subtitle?: string
       }
+    | {
+        _key: string
+        _id: string
+        _type: "gatedContent"
+        internalTitle: string | null
+        teaserHeading: string | null
+        teaserBody: RichText | null
+        gateType: string | null
+        gateHeadline: string | null
+        gateDescription: string | null
+        submitLabel: string | null
+        successMessage: string | null
+        kind: "richText" | "file" | "video" | null
+      }
     | {
         _key: string
         _id: string
@@ -897,6 +958,26 @@ export type PAGE_QUERY_RESULT = {
   _updatedAt: string
 } | null
 
+// Source: queries.ts
+// Variable: GATED_CONTENT_QUERY
+export type GATED_CONTENT_QUERY_RESULT = {
+  kind: "richText" | "file" | "video" | null
+  content: RichText | null
+  file: {
+    url: string | null
+    originalFilename: string | null
+    mimeType: string | null
+    size: number | null
+  } | null
+  video: {
+    url: string | null
+    file: {
+      url: string | null
+      mimeType: string | null
+    } | null
+  }
+} | null
+
 // Source: queries.ts
 // Variable: PAGE_METADATA_QUERY
 // Query: *[    _type == "page" &&    (      ($slug == null && !defined(pageFolder._ref) && (!defined(slug.current) || slug.current == "" || slug.current == "/")) ||        select(    defined(pageFolder->parentFolder->parentFolder->parentFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->parentFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->slug.current) && defined(pageFolder->slug.current) && (!defined(slug.current) || slug.current == "" || slug.current == "/") => pageFolder->parentFolder->parentFolder->parentFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->parentFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->slug.current + "/" + pageFolder->slug.current,    defined(pageFolder->parentFolder->parentFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->slug.current) && defined(pageFolder->slug.current) && (!defined(slug.current) || slug.current == "" || slug.current == "/") => pageFolder->parentFolder->parentFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->slug.current + "/" + pageFolder->slug.current,    defined(pageFolder->parentFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->slug.current) && defined(pageFolder->slug.current) && (!defined(slug.current) || slug.current == "" || slug.current == "/") => pageFolder->parentFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->slug.current + "/" + pageFolder->slug.current,    defined(pageFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->slug.current) && defined(pageFolder->slug.current) && (!defined(slug.current) || slug.current == "" || slug.current == "/") => pageFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->slug.current + "/" + pageFolder->slug.current,    defined(pageFolder->parentFolder->slug.current) && defined(pageFolder->slug.current) && (!defined(slug.current) || slug.current == "" || slug.current == "/") => pageFolder->parentFolder->slug.current + "/" + pageFolder->slug.current,    defined(pageFolder->slug.current) && (!defined(slug.current) || slug.current == "" || slug.current == "/") => pageFolder->slug.current,    defined(pageFolder->parentFolder->parentFolder->parentFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->parentFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->slug.current) && defined(pageFolder->slug.current) && defined(slug.current) && slug.current != "" && slug.current != "/" => pageFolder->parentFolder->parentFolder->parentFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->parentFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->slug.current + "/" + pageFolder->slug.current + "/" + slug.current,    defined(pageFolder->parentFolder->parentFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->slug.current) && defined(pageFolder->slug.current) && defined(slug.current) && slug.current != "" && slug.current != "/" => pageFolder->parentFolder->parentFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->slug.current + "/" + pageFolder->slug.current + "/" + slug.current,    defined(pageFolder->parentFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->slug.current) && defined(pageFolder->slug.current) && defined(slug.current) && slug.current != "" && slug.current != "/" => pageFolder->parentFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->slug.current + "/" + pageFolder->slug.current + "/" + slug.current,    defined(pageFolder->parentFolder->parentFolder->slug.current) && defined(pageFolder->parentFolder->slug.current) && defined(pageFolder->slug.current) && defined(slug.current) && slug.current != "" && slug.current != "/" => pageFolder->parentFolder->parentFolder->slug.current + "/" + pageFolder->parentFolder->slug.current + "/" + pageFolder->slug.current + "/" + slug.current,    defined(pageFolder->parentFolder->slug.current) && defined(pageFolder->slug.current) && defined(slug.current) && slug.current != "" && slug.current != "/" => pageFolder->parentFolder->slug.current + "/" + pageFolder->slug.current + "/" + slug.current,    defined(pageFolder->slug.current) && defined(slug.current) && slug.current != "" && slug.current != "/" => pageFolder->slug.current + "/" + slug.current,    slug.current  ) == $slug    )  ][0] {      _id,  title,  metadata,  _updatedAt  }

package/src/templates/next-webgl/.env.example

@@ -1,6 +1,7 @@
 # ============================================
 # Basement Next Starter - Environment Variables
 # ============================================
+# bsmnt:if dotenvx
 # This project uses dotenvx (https://dotenvx.com): the committed `.env` holds
 # shared values, with secrets encrypted there. The private keys live in
 # `.env.keys` (gitignored) — restore them with `bun run env:setup`.
@@ -15,6 +16,13 @@
 #
 # This file just documents the available variables; real values live in `.env`.
 # ============================================
+# bsmnt:endif
+# bsmnt:if !dotenvx
+# Copy this file to `.env.local` and fill in the values you need.
+# `.env.local` is gitignored, so real values stay off version control.
+# Only NEXT_PUBLIC_* variables are exposed to the browser.
+# ============================================
+# bsmnt:endif
 
 
 # ============================================

package/src/templates/next-webgl/.github/workflows/ci.yml

@@ -46,6 +46,7 @@ jobs:
       - name: Lint
         run: bun run lint
 
+      # bsmnt:if dotenvx
       # dotenvx needs the private key to decrypt secrets at build time. It's
       # pulled from 1Password via an org-wide service-account token + the op-ref
       # committed in .env. Optional: builds pass without it (only plaintext /
@@ -70,6 +71,12 @@ jobs:
           fi
           bun run build
 
+      # bsmnt:endif
+      # bsmnt:if !dotenvx
+      - name: Build
+        run: bun run build
+
+      # bsmnt:endif
       # Runs your tests if any exist; a fresh project with none passes cleanly.
       - name: Test
         run: |

package/src/templates/next-webgl/README.md

@@ -22,6 +22,7 @@ bun dev
 | `bun format` | Format the codebase |
 | `bun typecheck` | Run TypeScript |
 | `bun analyze` | Analyze the Next.js bundle |
+<!-- bsmnt:if dotenvx -->
 | `bun env:set KEY value` | Encrypt one value into `.env` (`--plain`, `--preview`/`--prod`) |
 | `bun env:encrypt-all` | Bulk-encrypt every plaintext value in a file (`--preview`/`--prod`) |
 | `bun env:setup` | Restore `.env.keys` from 1Password |
@@ -29,7 +30,9 @@ bun dev
 | `bun env:setup-remote` | Push private keys to GitHub / Vercel (`github`/`vercel`, or pick) |
 | `bun setup-remote` | Create the GitHub repo, link a Vercel project, and push the key to Vercel env |
 | `bun env:save` | Save the private key to 1Password (Development vault) |
+<!-- bsmnt:endif -->
 
+<!-- bsmnt:if dotenvx -->
 ## Environment variables
 
 Secrets are encrypted at rest with [dotenvx](https://dotenvx.com): the committed `.env` holds encrypted values, the private keys live in `.env.keys` (gitignored), and dev/build run through `dotenvx run` so values decrypt automatically.
@@ -53,6 +56,15 @@ Secrets are encrypted at rest with [dotenvx](https://dotenvx.com): the committed
 
 A gitleaks pre-commit hook + CI scan block committed plaintext secrets (install: `brew install gitleaks`).
 
+<!-- bsmnt:endif -->
+<!-- bsmnt:if !dotenvx -->
+## Environment variables
+
+Copy `.env.example` to `.env.local` and fill in the values you need. `.env.local` is gitignored, so it stays off version control. Only `NEXT_PUBLIC_*` variables are exposed to the browser — everything else is server-only.
+
+For deploys, set the same variables in your host's dashboard (e.g. Vercel → Settings → Environment Variables).
+
+<!-- bsmnt:endif -->
 ## Project Structure
 
 ```txt
@@ -91,8 +103,10 @@ The workflow takes its runtime versions from your manifests, so there's a single
 
 It also caches Bun's install cache between runs, and the test step is a no-op until you add real test files.
 
+<!-- bsmnt:if dotenvx -->
 The build decrypts the committed `.env` with the dotenvx private key, pulled from 1Password: set an **org-level** `OP_SERVICE_ACCOUNT_TOKEN` (a read-only [service account](https://developer.1password.com/docs/service-accounts/) scoped to the `Development` vault) — one secret for every repo — and CI reads the key via the op-ref committed in `.env`. A per-repo `DOTENV_PRIVATE_KEY` secret (`bun run env:setup-remote github`) works as a fallback; builds pass without either (only plaintext / `NEXT_PUBLIC_*` is read).
 
+<!-- bsmnt:endif -->
 ### Branch protection
 
 To block merges when CI fails, enable branch protection on `main`:

package/src/templates/next-webgl/biome.json

@@ -83,7 +83,7 @@
       "complexity": {
         "noForEach": "off",
         "useFlatMap": "warn",
-        "useSimplifiedLogicExpression": "warn"
+        "useSimplifiedLogicExpression": "off"
       },
       "correctness": {
         "noInvalidUseBeforeDeclaration": "error",

package/src/templates/next-webgl/components/basement.svg

@@ -1 +1 @@
-<svg width="123" height="18" viewBox="0 0 123 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.43626 6.76458V.252441H.381348V17.1671H4.33011v-3.0447c.40337 2.1989 1.78331 3.2984 4.13983 3.2984 3.96996 0 4.86166-.9515 4.86166-5.6664V9.91493c0-4.7361-.8704-5.66641-4.64937-5.66641-2.54758 0-3.77892.54973-4.24597 2.51606Zm.02123 5.94122V9.42863c.10615-1.14174.84919-1.69146 2.29282-1.69146 1.95315 0 2.31406.42286 2.31406 2.30463v1.628c0 1.8395-.36091 2.2623-2.31406 2.2623-1.4224 0-2.16544-.4228-2.29282-1.2263Zm10.23281.8035c0 3.4252.7643 4.0384 4.9253 3.9115 1.9956-.0211 3.418-.8035 3.97-2.4949v2.2412h4.0337V8.62519c0-3.70008-.8917-4.37667-5.6259-4.37667h-.9766c-4.9678 0-5.9019.65544-5.9019 4.14409v.50744h4.0337c-.0425-1.45889.3184-1.71261 2.314-1.71261 1.7833 0 2.123.25372 2.123 1.71261v.71887l-4.0337.02114c-4.0973 0-4.8616.61314-4.8616 3.86924Zm4.246.0423c0-.7823.2123-.9303 1.3162-.9303l3.3331-.0212v.5497c0 .9938-.6793 1.3744-2.4627 1.4166h-.2122c-1.656 0-1.9744-.1691-1.9744-1.0148Zm10.0417-.3383c0 3.5309.8917 4.2075 5.5622 4.2075h.9766c5.3499 0 6.3265-.592 6.3265-3.6367 0-1.9451-.4883-3.108-2.5051-3.7-1.104-.31718-2.0805-.5709-4.1611-.90919-1.3799-.21143-1.762-.46515-1.762-.99373 0-.78231.4246-.99374 1.9956-.99374 1.6347 0 2.0805.29601 2.0805 1.33203v.38058h4.0337v-.38058c0-3.61551-.8917-4.27095-5.6259-4.27095h-.9766c-4.8192 0-5.7533.57087-5.7533 3.8058 0 1.69146.4458 2.64288 2.1867 3.31948 1.2738.4863 3.2057.7823 3.9487.9303 1.8682.3383 2.3141.6766 2.3141 1.184 0 .7612-.4883.9726-2.3141.9726-1.9744 0-2.5051-.2748-2.5051-1.2474v-.2749H28.978v.2749Zm14.0967-2.3681c0 5.5396.9765 6.5756 6.1779 6.5756h.9765c5.1589 0 6.1142-.6766 6.1142-4.271h-4.2459c0 1.0784-.3609 1.3109-2.3353 1.3109-2.0593 0-2.4415-.3594-2.4415-2.1989v-.0634h9.1289v-1.9875c0-5.03207-.9766-5.96238-6.2204-5.96238h-.9765c-5.2014 0-6.1779 1.01488-6.1779 6.59668Zm4.2459-1.628v-.06343c0-1.64918.3822-1.96633 2.4415-1.96633 1.9956 0 2.4202.31715 2.4414 2.02976h-4.8829Zm10.9122 7.9499h4.0337V9.83035c0-1.48003.7006-2.22004 2.1017-2.22004 1.6135 0 1.932.31715 1.932 1.96632v7.59047h4.0124l-.0212-7.46361c.0424-1.39546.743-2.09318 2.1017-2.09318 1.6135 0 1.8895.31715 1.8895 1.96632v7.59047h4.0337l-.0212-8.20362c0-3.97494-.7219-4.71496-4.6069-4.71496-2.1443 0-3.4393.90916-3.9063 2.91778-.1699-2.41034-.8705-2.91778-4.0974-2.91778-1.8895 0-2.9722.76116-3.418 2.66406V4.50224h-4.0337V17.1671Zm21.6545-6.3219c0 5.5396.9766 6.5756 6.1991 6.5756h.9766c5.1164 0 6.0717-.6766 6.0717-4.271H88.91c0 1.0784-.3609 1.3109-2.3141 1.3109-2.1017 0-2.4839-.3594-2.4839-2.1989v-.0634h9.1289v-1.9875c0-5.03207-.9766-5.96238-6.1779-5.96238h-.9766c-5.2225 0-6.1991 1.01488-6.1991 6.59668Zm4.2247-1.628v-.06343c0-1.64918.3822-1.96633 2.4839-1.96633 1.9744 0 2.399.31715 2.4202 2.02976H84.112Zm10.891 7.9499h4.0337V9.61892c.0212-1.35317.7642-2.00861 2.2293-2.00861 1.868 0 2.208.35943 2.208 2.30462v7.25217h4.033l-.021-8.20362c0-3.97494-.7-4.71496-4.394-4.71496-2.336 0-3.5671.76116-4.0553 2.81206V4.50224H95.003V17.1671Zm13.545-9.30307h1.252v5.05327c0 3.5732.828 4.2498 5.095 4.2498h2.76v-3.5944h-2.335c-1.253 0-1.486-.2114-1.486-1.2686V7.86403h3.63V4.50224h-3.63V1.77476h-3.821v2.72748h-1.465v3.36179Zm10.636 9.30307h3.63v-3.5944h-3.63v3.5944Z" fill="#EFEFEF"/></svg>
+<svg width="123" height="18" viewBox="0 0 123 18" fill="none" xmlns="http://www.w3.org/2000/svg"><title>basement</title><path d="M4.43626 6.76458V.252441H.381348V17.1671H4.33011v-3.0447c.40337 2.1989 1.78331 3.2984 4.13983 3.2984 3.96996 0 4.86166-.9515 4.86166-5.6664V9.91493c0-4.7361-.8704-5.66641-4.64937-5.66641-2.54758 0-3.77892.54973-4.24597 2.51606Zm.02123 5.94122V9.42863c.10615-1.14174.84919-1.69146 2.29282-1.69146 1.95315 0 2.31406.42286 2.31406 2.30463v1.628c0 1.8395-.36091 2.2623-2.31406 2.2623-1.4224 0-2.16544-.4228-2.29282-1.2263Zm10.23281.8035c0 3.4252.7643 4.0384 4.9253 3.9115 1.9956-.0211 3.418-.8035 3.97-2.4949v2.2412h4.0337V8.62519c0-3.70008-.8917-4.37667-5.6259-4.37667h-.9766c-4.9678 0-5.9019.65544-5.9019 4.14409v.50744h4.0337c-.0425-1.45889.3184-1.71261 2.314-1.71261 1.7833 0 2.123.25372 2.123 1.71261v.71887l-4.0337.02114c-4.0973 0-4.8616.61314-4.8616 3.86924Zm4.246.0423c0-.7823.2123-.9303 1.3162-.9303l3.3331-.0212v.5497c0 .9938-.6793 1.3744-2.4627 1.4166h-.2122c-1.656 0-1.9744-.1691-1.9744-1.0148Zm10.0417-.3383c0 3.5309.8917 4.2075 5.5622 4.2075h.9766c5.3499 0 6.3265-.592 6.3265-3.6367 0-1.9451-.4883-3.108-2.5051-3.7-1.104-.31718-2.0805-.5709-4.1611-.90919-1.3799-.21143-1.762-.46515-1.762-.99373 0-.78231.4246-.99374 1.9956-.99374 1.6347 0 2.0805.29601 2.0805 1.33203v.38058h4.0337v-.38058c0-3.61551-.8917-4.27095-5.6259-4.27095h-.9766c-4.8192 0-5.7533.57087-5.7533 3.8058 0 1.69146.4458 2.64288 2.1867 3.31948 1.2738.4863 3.2057.7823 3.9487.9303 1.8682.3383 2.3141.6766 2.3141 1.184 0 .7612-.4883.9726-2.3141.9726-1.9744 0-2.5051-.2748-2.5051-1.2474v-.2749H28.978v.2749Zm14.0967-2.3681c0 5.5396.9765 6.5756 6.1779 6.5756h.9765c5.1589 0 6.1142-.6766 6.1142-4.271h-4.2459c0 1.0784-.3609 1.3109-2.3353 1.3109-2.0593 0-2.4415-.3594-2.4415-2.1989v-.0634h9.1289v-1.9875c0-5.03207-.9766-5.96238-6.2204-5.96238h-.9765c-5.2014 0-6.1779 1.01488-6.1779 6.59668Zm4.2459-1.628v-.06343c0-1.64918.3822-1.96633 2.4415-1.96633 1.9956 0 2.4202.31715 2.4414 2.02976h-4.8829Zm10.9122 7.9499h4.0337V9.83035c0-1.48003.7006-2.22004 2.1017-2.22004 1.6135 0 1.932.31715 1.932 1.96632v7.59047h4.0124l-.0212-7.46361c.0424-1.39546.743-2.09318 2.1017-2.09318 1.6135 0 1.8895.31715 1.8895 1.96632v7.59047h4.0337l-.0212-8.20362c0-3.97494-.7219-4.71496-4.6069-4.71496-2.1443 0-3.4393.90916-3.9063 2.91778-.1699-2.41034-.8705-2.91778-4.0974-2.91778-1.8895 0-2.9722.76116-3.418 2.66406V4.50224h-4.0337V17.1671Zm21.6545-6.3219c0 5.5396.9766 6.5756 6.1991 6.5756h.9766c5.1164 0 6.0717-.6766 6.0717-4.271H88.91c0 1.0784-.3609 1.3109-2.3141 1.3109-2.1017 0-2.4839-.3594-2.4839-2.1989v-.0634h9.1289v-1.9875c0-5.03207-.9766-5.96238-6.1779-5.96238h-.9766c-5.2225 0-6.1991 1.01488-6.1991 6.59668Zm4.2247-1.628v-.06343c0-1.64918.3822-1.96633 2.4839-1.96633 1.9744 0 2.399.31715 2.4202 2.02976H84.112Zm10.891 7.9499h4.0337V9.61892c.0212-1.35317.7642-2.00861 2.2293-2.00861 1.868 0 2.208.35943 2.208 2.30462v7.25217h4.033l-.021-8.20362c0-3.97494-.7-4.71496-4.394-4.71496-2.336 0-3.5671.76116-4.0553 2.81206V4.50224H95.003V17.1671Zm13.545-9.30307h1.252v5.05327c0 3.5732.828 4.2498 5.095 4.2498h2.76v-3.5944h-2.335c-1.253 0-1.486-.2114-1.486-1.2686V7.86403h3.63V4.50224h-3.63V1.77476h-3.821v2.72748h-1.465v3.36179Zm10.636 9.30307h3.63v-3.5944h-3.63v3.5944Z" fill="#EFEFEF"/></svg>

package/src/templates/next-webgl/knip.json

@@ -11,11 +11,13 @@
     "@svgr/webpack",
     "gsap",
     "@gsap/react",
-    "motion"
+    "motion",
+    "detect-gpu",
+    "lodash-es",
+    "@types/lodash-es",
+    "react-device-detect",
+    "zustand"
   ],
-  "ignoreBinaries": [
-    "op",
-    "gh",
-    "vercel"
-  ]
+  "ignoreBinaries": ["op", "gh", "vercel"],
+  "ignoreFiles": [".agents/**", ".claude/**", "hooks/**"]
 }

package/src/templates/next-webgl/lefthook.yml

@@ -14,11 +14,6 @@ pre-commit:
       run: bunx tsgo --noEmit --incremental false
       stage_fixed: false
 
-pre-push:
-  commands:
-    knip:
-      run: bun run knip
-
 post-merge:
   commands:
     install-deps: