@geonosis/oxlint-plugin-biological-architecture 0.5.0 → 1.1.0

package/README.md

@@ -154,7 +154,19 @@ Two more facts a fork's config will trip on:
   namespace is the plugin's identity, not the package's, so renaming or re-scoping the package does
   not rename a single rule id in a single consumer config.
 
-### Last step of every bump — verify the loaded version, per workspace
+### Last step of every bump — `geonosis-doctor`
+
+```bash
+pnpm add -D @geonosis/doctor
+npx geonosis-doctor
+```
+
+It answers everything below for every config in the tree, and three more questions besides — see
+[`@geonosis/doctor`](https://www.npmjs.com/package/@geonosis/doctor). Run it after every bump and in
+CI. What follows is the reasoning it automates, kept because a check nobody understands is a check
+nobody trusts.
+
+#### Why: declared is not loaded
 
 **Declared is not loaded.** oxlint resolves a `jsPlugins` specifier from the CONFIG FILE's
 directory, so a nested `apps/<ws>/node_modules/@geonosis/…` left behind at the old version means

package/corpus/.oxlintrc.json

@@ -43,7 +43,14 @@
       }
     ],
     "biological-architecture/effect-hook-naming": "error",
-    "biological-architecture/emit-declares-attempts": "error",
+    "biological-architecture/emit-declares-attempts": [
+      "error",
+      {
+        "budgetHelpers": [
+          "retryableEvent"
+        ]
+      }
+    ],
     "biological-architecture/layer-walls": [
       "error",
       {
@@ -80,6 +87,8 @@
     "biological-architecture/max-comment-density": "error",
     "biological-architecture/molecule-atoms-only": "error",
     "biological-architecture/molecule-must-compose": "error",
+    "biological-architecture/mutating-step-declares-retry": "error",
+    "biological-architecture/named-when-block": "error",
     "biological-architecture/next-route-segment-is-thin-delegate": "error",
     "biological-architecture/no-brand-names": [
       "error",
@@ -97,10 +106,26 @@
     "biological-architecture/no-d1-transaction": "error",
     "biological-architecture/no-duplicate-jsx-patterns": "error",
     "biological-architecture/no-hook-in-component-disguise": "error",
+    "biological-architecture/no-index-count-as-exact": "error",
     "biological-architecture/no-inert-hidden-jsx": "error",
     "biological-architecture/no-inline-data-in-jsx": "error",
     "biological-architecture/no-invalid-feature-folders": "error",
+    "biological-architecture/no-loader-side-effect-in-index-file": "error",
     "biological-architecture/no-logic-in-component-files": "error",
+    "biological-architecture/no-mock-db-in-integration": [
+      "error",
+      {
+        "dbModules": [
+          "@fixture/db"
+        ],
+        "integrationDirs": [
+          "__tests__/integration"
+        ],
+        "mockNames": [
+          "mockDb"
+        ]
+      }
+    ],
     "biological-architecture/no-orm-outside-db": "error",
     "biological-architecture/no-raw-html-atoms": [
       "error",
@@ -119,6 +144,18 @@
     "biological-architecture/no-trivial-wrapper-component": "error",
     "biological-architecture/no-ts-in-bio-folders": "error",
     "biological-architecture/no-type-definitions-in-components": "error",
+    "biological-architecture/no-unregistered-plugin-dir": [
+      "error",
+      {
+        "roots": [
+          "integrations/providers"
+        ],
+        "registry": "integrations/registry.ts",
+        "manifests": [
+          "index.ts"
+        ]
+      }
+    ],
     "biological-architecture/no-void-port": "error",
     "biological-architecture/organelle-dependency": [
       "error",
@@ -129,10 +166,42 @@
       }
     ],
     "biological-architecture/organelle-single-source": "error",
+    "biological-architecture/plugin-route-namespaced": [
+      "error",
+      {
+        "packages": [
+          {
+            "under": "medusa/plugins",
+            "name": "@acme/{dir}",
+            "namespaced": true
+          }
+        ]
+      }
+    ],
     "biological-architecture/queries-require-org-scope": "error",
     "biological-architecture/queue-loop-is-the-library": "error",
+    "biological-architecture/route-no-inline-mutation": "error",
+    "biological-architecture/router-schema-parity": [
+      "error",
+      {
+        "routers": "trpc/routers",
+        "schemas": "trpc/schemas",
+        "ignore": [
+          "_app",
+          "index"
+        ],
+        "mounts": {
+          "documents-mounted": [
+            "invoice",
+            "purchase-order"
+          ]
+        }
+      }
+    ],
+    "biological-architecture/service-name-not-reserved": "error",
     "biological-architecture/ssot-no-inline-facts": "error",
     "biological-architecture/ssot-no-process-env": "error",
+    "biological-architecture/step-declares-compensation-or-none": "error",
     "biological-architecture/step-opens-its-own-cell": [
       "error",
       {
@@ -142,6 +211,7 @@
       }
     ],
     "biological-architecture/store-route-scopes-tenant-data": "error",
+    "biological-architecture/subscriber-declares-id": "error",
     "biological-architecture/tables-declare-their-plane": "error",
     "biological-architecture/tenant-tables-carry-org-id": "error",
     "biological-architecture/time-through-the-door": "error",
@@ -150,7 +220,32 @@
     "biological-architecture/tissue-no-hooks": "error",
     "biological-architecture/tissue-no-organelles": "error",
     "biological-architecture/tissue-no-stores": "error",
+    "biological-architecture/unique-query-step-name": "error",
     "biological-architecture/worker-handles-are-scoped": "error",
-    "biological-architecture/zustand-v5-best-practices": "error"
+    "biological-architecture/zustand-v5-best-practices": "error",
+    "biological-architecture/font-roles-only": [
+      "error",
+      {
+        "roles": [
+          "body",
+          "display"
+        ],
+        "allow": [
+          "__fixtures__/tokens/theme/"
+        ]
+      }
+    ],
+    "biological-architecture/tokens-only-colors": [
+      "error",
+      {
+        "tokenPrefix": [
+          "--mc-",
+          "--theme-"
+        ],
+        "allow": [
+          "__fixtures__/tokens/theme/"
+        ]
+      }
+    ]
   }
 }

package/corpus/emits/bad-opaque-budget.ts

@@ -0,0 +1,13 @@
+import { emitEventStep } from '@medusajs/medusa/core-flows'
+
+import { withDefaults } from './retry'
+
+// A call the repo has NOT named as a budget builder. Nothing here can tell whether it produces
+// `attempts > 1`, and before `budgetHelpers` existed this passed silently along with every other
+// helper call — which is how a workspace of 54 wrapped emits got zero findings and no coverage.
+export const emitCacheWarmed = (data: { key: string }) =>
+  emitEventStep({
+    data,
+    eventName: 'cache.warmed',
+    options: withDefaults({ priority: 10 }),
+  })

package/corpus/emits/good-budget-helper.ts

@@ -0,0 +1,12 @@
+import { emitEventStep } from '@medusajs/medusa/core-flows'
+
+import { retryableEvent } from './retry'
+
+// The shape the consumer actually writes: all 54 of its emit sites go through this helper, which
+// throws on `attempts <= 1`. Named in `budgetHelpers`, so the call IS a budget.
+export const emitQuoteAccepted = (data: { quote_id: string }) =>
+  emitEventStep({
+    data,
+    eventName: 'quote.accepted',
+    options: retryableEvent({ priority: 10 }),
+  })

package/corpus/emits/retry.ts

@@ -1,3 +1,13 @@
 // The shared retry budgets. One place, so a change to what "background" means reaches every emit.
 export const RETRY_BACKGROUND = { attempts: 5, backoff: 2000 }
 export const RETRY_CRITICAL = { attempts: 9, backoff: 500 }
+
+// The budget builder, which throws on `attempts <= 1` — naming it in `budgetHelpers` is what turns
+// a call the rule cannot read into a call it can accept.
+export const retryableEvent = (options: Record<string, unknown> = {}) => ({
+  attempts: RETRY_BACKGROUND.attempts,
+  ...options,
+})
+
+// A wrapper that is NOT a budget builder.
+export const withDefaults = (options: Record<string, unknown> = {}) => ({ ...options })

package/corpus/integrations/providers/attio/index.ts

@@ -0,0 +1 @@
+export const AttioProvider = { id: 'cp_attio' }

package/corpus/integrations/providers/dead-cal/index.ts

@@ -0,0 +1,3 @@
+// Named nowhere in the registry beside it. Ships a manifest, is reached by nothing, and reads as
+// an integration to anyone counting directories. Midday carries eight of these.
+export const CalProvider = { id: 'cp_cal' }

package/corpus/integrations/providers/email-gmail.ts

@@ -0,0 +1,3 @@
+// A provider that is a FILE, not a directory — dielime's messaging seam. Out of scope because
+// nothing matches `<root>/<dir>/<manifest>`, not because of a special case.
+export const emailGmail = { channel: 'email' }

package/corpus/integrations/providers/hubspot/index.ts

@@ -0,0 +1 @@
+export const HubspotProvider = { id: 'cp_hubspot' }

package/corpus/integrations/registry.ts

@@ -0,0 +1,9 @@
+import { AttioProvider } from './providers/attio/index'
+
+// Two of the three directories beside this file are named here. The third is `dead-cal`, which
+// ships a manifest, is imported by nothing, and reads as an integration to anyone counting
+// directories — Midday carries eight of these.
+export const providers = {
+  cp_attio: AttioProvider,
+  cp_hubspot: 'providers/hubspot',
+}

package/corpus/manifest.json

@@ -15,10 +15,13 @@
     "biological-architecture/documents-share-one-table",
     "biological-architecture/effect-hook-naming",
     "biological-architecture/emit-declares-attempts",
+    "biological-architecture/font-roles-only",
     "biological-architecture/layer-walls",
     "biological-architecture/max-comment-density",
     "biological-architecture/molecule-atoms-only",
     "biological-architecture/molecule-must-compose",
+    "biological-architecture/mutating-step-declares-retry",
+    "biological-architecture/named-when-block",
     "biological-architecture/next-route-segment-is-thin-delegate",
     "biological-architecture/no-brand-names",
     "biological-architecture/no-card-shaped-div",
@@ -26,10 +29,13 @@
     "biological-architecture/no-d1-transaction",
     "biological-architecture/no-duplicate-jsx-patterns",
     "biological-architecture/no-hook-in-component-disguise",
+    "biological-architecture/no-index-count-as-exact",
     "biological-architecture/no-inert-hidden-jsx",
     "biological-architecture/no-inline-data-in-jsx",
     "biological-architecture/no-invalid-feature-folders",
+    "biological-architecture/no-loader-side-effect-in-index-file",
     "biological-architecture/no-logic-in-component-files",
+    "biological-architecture/no-mock-db-in-integration",
     "biological-architecture/no-orm-outside-db",
     "biological-architecture/no-raw-html-atoms",
     "biological-architecture/no-raw-sql-outside-allowed",
@@ -39,15 +45,22 @@
     "biological-architecture/no-trivial-wrapper-component",
     "biological-architecture/no-ts-in-bio-folders",
     "biological-architecture/no-type-definitions-in-components",
+    "biological-architecture/no-unregistered-plugin-dir",
     "biological-architecture/no-void-port",
     "biological-architecture/organelle-dependency",
     "biological-architecture/organelle-single-source",
+    "biological-architecture/plugin-route-namespaced",
     "biological-architecture/queries-require-org-scope",
     "biological-architecture/queue-loop-is-the-library",
+    "biological-architecture/route-no-inline-mutation",
+    "biological-architecture/router-schema-parity",
+    "biological-architecture/service-name-not-reserved",
     "biological-architecture/ssot-no-inline-facts",
     "biological-architecture/ssot-no-process-env",
+    "biological-architecture/step-declares-compensation-or-none",
     "biological-architecture/step-opens-its-own-cell",
     "biological-architecture/store-route-scopes-tenant-data",
+    "biological-architecture/subscriber-declares-id",
     "biological-architecture/tables-declare-their-plane",
     "biological-architecture/tenant-tables-carry-org-id",
     "biological-architecture/time-through-the-door",
@@ -56,6 +69,8 @@
     "biological-architecture/tissue-no-hooks",
     "biological-architecture/tissue-no-organelles",
     "biological-architecture/tissue-no-stores",
+    "biological-architecture/tokens-only-colors",
+    "biological-architecture/unique-query-step-name",
     "biological-architecture/worker-handles-are-scoped",
     "biological-architecture/zustand-v5-best-practices"
   ]

package/corpus/medusa/api/admin/labelled/route.ts

@@ -0,0 +1,12 @@
+export async function GET(req, res) {
+  const query = req.scope.resolve('query')
+  const { data: orders, metadata } = await query.index({ entity: 'order' })
+
+  res.json({
+    count: metadata?.estimate_count ?? orders.length,
+    count_is_estimate: true,
+    limit: 20,
+    offset: 0,
+    orders,
+  })
+}

package/corpus/medusa/api/admin/orders/route.ts

@@ -0,0 +1,11 @@
+export async function GET(req, res) {
+  const query = req.scope.resolve('query')
+  const { data: orders, metadata } = await query.index({ entity: 'order' })
+
+  res.json({
+    count: metadata?.estimate_count ?? orders.length,
+    limit: 20,
+    offset: 0,
+    orders,
+  })
+}

package/corpus/medusa/jobs/index.ts

@@ -0,0 +1 @@
+export * from './reconcile-nightly'

package/corpus/medusa/jobs/reconcile-nightly.ts

@@ -0,0 +1,7 @@
+export default async function reconcileNightly(container) {
+  const ledger = container.resolve('ledger')
+
+  await ledger.reconcile()
+}
+
+export const config = { name: 'reconcile-nightly', schedule: '0 2 * * *' }

package/corpus/medusa/modules/catalog/index.ts

@@ -0,0 +1,7 @@
+import { Module } from '@medusajs/framework/utils'
+
+import { CatalogSearchModuleService } from './service'
+
+export const SERVICE_NAME = 'catalog_search'
+
+export default Module(SERVICE_NAME, { service: CatalogSearchModuleService })

package/corpus/medusa/modules/search/index.ts

@@ -0,0 +1,7 @@
+import { Module } from '@medusajs/framework/utils'
+
+import { SearchModuleService } from './service'
+
+export const SERVICE_NAME = 'search'
+
+export default Module(SERVICE_NAME, { service: SearchModuleService })

package/corpus/medusa/plugins/b2b/src/api/admin/b2b/notes/route.ts

@@ -0,0 +1,12 @@
+export async function POST(req, res) {
+  const conversations = req.scope.resolve('ai')
+
+  // arch:inline-mutation-ok(model-name patch-up on the row this handler just created)
+  await (
+    conversations as unknown as {
+      updateAiConversations: (data: Record<string, unknown>) => Promise<unknown>
+    }
+  ).updateAiConversations({ id: req.params.id, model: req.validatedBody.model })
+
+  res.json({ ok: true })
+}

package/corpus/medusa/plugins/b2b/src/api/admin/b2b/orders/route.ts

@@ -0,0 +1,9 @@
+import { placeOrderWorkflow } from '../../../../workflows/place-order'
+
+export async function POST(req, res) {
+  const { result } = await placeOrderWorkflow(req.scope).run({ input: req.validatedBody })
+  const quotes = req.scope.resolve('quote')
+  const existing = await quotes.listQuotes({}, { take: 5 })
+
+  res.json({ existing, result })
+}

package/corpus/medusa/plugins/b2b/src/api/admin/b2b/quotes/route.ts

@@ -0,0 +1,6 @@
+export async function POST(req, res) {
+  const quotes = req.scope.resolve('quote')
+  const quote = await quotes.createQuotes(req.validatedBody)
+
+  res.json({ quote })
+}

package/corpus/medusa/plugins/b2b/src/api/hooks/stripe/route.ts

@@ -0,0 +1,3 @@
+export async function POST(req, res) {
+  res.json({ received: true })
+}

package/corpus/medusa/plugins/b2b/src/api/store/b2b/companies/route.ts

@@ -0,0 +1,6 @@
+export async function GET(req, res) {
+  const query = req.scope.resolve('query')
+  const { data: companies } = await query.graph({ entity: 'company' })
+
+  res.json({ companies })
+}

package/corpus/medusa/plugins/b2b/src/api/store/route.ts

@@ -0,0 +1,3 @@
+export async function GET(req, res) {
+  res.json({ ok: true })
+}

package/corpus/medusa/subscribers/bad-inferred-id.ts

@@ -0,0 +1,7 @@
+export default async function orderPlaced({ event, container }) {
+  const notifications = container.resolve('notification')
+
+  await notifications.createNotifications({ to: event.data.email })
+}
+
+export const config = { event: 'order.placed' }

package/corpus/medusa/subscribers/good-declared-id.ts

@@ -0,0 +1,10 @@
+export default async function orderShipped({ event, container }) {
+  const notifications = container.resolve('notification')
+
+  await notifications.createNotifications({ to: event.data.email })
+}
+
+export const config = {
+  context: { subscriberId: 'order-shipped-notify' },
+  event: 'order.shipped',
+}

package/corpus/medusa/subscribers/index.ts

@@ -0,0 +1,10 @@
+export default async function orderCancelled({ event, container }) {
+  const notifications = container.resolve('notification')
+
+  await notifications.createNotifications({ to: event.data.email })
+}
+
+export const config = {
+  context: { subscriberId: 'order-cancelled-notify' },
+  event: 'order.cancelled',
+}

package/corpus/medusa/workflows/bad-duplicate-query-step.ts

@@ -0,0 +1,8 @@
+import { createWorkflow, useQueryGraphStep, WorkflowResponse } from '@medusajs/framework/workflows-sdk'
+
+export const readTwice = createWorkflow('read-twice', () => {
+  const customer = useQueryGraphStep({ entity: 'customer' }).config({ name: 'get-customer' })
+  const orders = useQueryGraphStep({ entity: 'order' })
+
+  return new WorkflowResponse({ customer, orders })
+})

package/corpus/medusa/workflows/bad-place-order.ts

@@ -0,0 +1,7 @@
+import { createStep } from '@medusajs/framework/workflows-sdk'
+
+export const placeOrder = createStep('place-order', async ({ input }, { container }) => {
+  const orders = container.resolve('order')
+
+  return await orders.createOrders(input)
+})

package/corpus/medusa/workflows/bad-shared-query-step-name.ts

@@ -0,0 +1,8 @@
+import { createWorkflow, useRemoteQueryStep, WorkflowResponse } from '@medusajs/framework/workflows-sdk'
+
+export const readBoth = createWorkflow('read-both', () => {
+  const customer = useRemoteQueryStep({ entity: 'customer' }).config({ name: 'dup' })
+  const orders = useRemoteQueryStep({ entity: 'order' }).config({ name: 'dup' })
+
+  return new WorkflowResponse({ customer, orders })
+})

package/corpus/medusa/workflows/bad-unnamed-when.ts

@@ -0,0 +1,7 @@
+import { createWorkflow, when } from '@medusajs/framework/workflows-sdk'
+
+export const shipOrder = createWorkflow('ship-order', (input) => {
+  when(input, (values) => values.needsLabel).then(() => {
+    return buyLabel(input)
+  })
+})

package/corpus/medusa/workflows/good-flagged-step.ts

@@ -0,0 +1,10 @@
+import { createStep } from '@medusajs/framework/workflows-sdk'
+
+export const notifyOps = createStep(
+  { maxRetries: 5, name: 'notify-ops', noCompensation: true },
+  async ({ input }, { container }) => {
+    const notifications = container.resolve('notification')
+
+    await notifications.createNotifications(input)
+  },
+)

package/corpus/medusa/workflows/good-named-query-steps.ts

@@ -0,0 +1,8 @@
+import { createWorkflow, useQueryGraphStep, WorkflowResponse } from '@medusajs/framework/workflows-sdk'
+
+export const readTwice = createWorkflow('read-twice', () => {
+  const customer = useQueryGraphStep({ entity: 'customer' }).config({ name: 'get-customer' })
+  const orders = useQueryGraphStep({ entity: 'order' }).config({ name: 'get-orders' })
+
+  return new WorkflowResponse({ customer, orders })
+})

package/corpus/medusa/workflows/good-named-when.ts

@@ -0,0 +1,7 @@
+import { createWorkflow, when } from '@medusajs/framework/workflows-sdk'
+
+export const shipOrderNamed = createWorkflow('ship-order-named', (input) => {
+  when('needs-label', input, (values) => values.needsLabel).then(() => {
+    return buyLabel(input)
+  })
+})

package/corpus/medusa/workflows/good-place-order.ts

@@ -0,0 +1,15 @@
+import { createStep } from '@medusajs/framework/workflows-sdk'
+
+export const placeOrder = createStep(
+  { maxRetries: 3, name: 'place-order' },
+  async ({ input }, { container }) => {
+    const orders = container.resolve('order')
+
+    return await orders.createOrders(input)
+  },
+  async ({ id }, { container }) => {
+    const orders = container.resolve('order')
+
+    await orders.deleteOrders(id)
+  },
+)

package/corpus/medusa/workflows/good-single-query-step.ts

@@ -0,0 +1,7 @@
+import { createWorkflow, useQueryGraphStep, WorkflowResponse } from '@medusajs/framework/workflows-sdk'
+
+export const readOnce = createWorkflow('read-once', () => {
+  const customer = useQueryGraphStep({ entity: 'customer' })
+
+  return new WorkflowResponse(customer)
+})

package/corpus/testbed/__tests__/integration/checkout/tests.ts

@@ -0,0 +1,11 @@
+// An integration suite that mocks the database it exists to exercise. Midday's shape: the suite
+// then proves that the procedure calls what it says it calls, and nothing about what comes back.
+import { vi } from 'vitest'
+
+import { listOrders } from '@fixture/db'
+
+vi.mock('@fixture/db')
+
+export const testListsOrders = async () => {
+  await listOrders()
+}

package/corpus/testbed/__tests__/integration/orders/tests.ts

@@ -0,0 +1,9 @@
+// The other shape: no mock call to see. A handle built in a setup file, imported by name, and used
+// as the database. Two places, and the import binding is ONE of them however the AST spells it.
+import { mockDb } from '@fixture/db'
+
+export const testCountsOrders = async () => {
+  const rows = await mockDb.select()
+
+  return rows.length
+}

package/corpus/testbed/__tests__/unit/checkout/tests.ts

@@ -0,0 +1,10 @@
+// The same mock, in a unit test, where it is correct: a unit test mocks everything by definition.
+import { vi } from 'vitest'
+
+import { listOrders } from '@fixture/db'
+
+vi.mock('@fixture/db')
+
+export const testListsOrders = async () => {
+  await listOrders()
+}

package/corpus/tokens/bad-arbitrary-class.tsx

@@ -0,0 +1,3 @@
+export const Ribbon = ({ label }: { label: string }) => (
+  <div className="bg-[#ffe849] text-[oklch(0.22_0.02_140)] px-2 py-1">{label}</div>
+)

package/corpus/tokens/bad-asserted-style.tsx

@@ -0,0 +1,5 @@
+import type { CSSProperties } from 'react'
+
+export const Asserted = ({ label }: { label: string }) => (
+  <span style={{ color: '#ffe849' } as CSSProperties}>{label}</span>
+)

package/corpus/tokens/bad-font-literal.tsx

@@ -0,0 +1,5 @@
+export const Quote = ({ text }: { text: string }) => (
+  <blockquote className="font-[Georgia] text-lg" style={{ fontFamily: 'Georgia, serif' }}>
+    {text}
+  </blockquote>
+)

package/corpus/tokens/bad-font-undeclared-role.tsx

@@ -0,0 +1,3 @@
+export const Signature = ({ name }: { name: string }) => (
+  <p style={{ fontFamily: 'var(--font-handwriting)' }}>{name}</p>
+)

package/corpus/tokens/bad-foreign-variable.tsx

@@ -0,0 +1,3 @@
+export const LegacyBadge = ({ label }: { label: string }) => (
+  <span style={{ color: 'var(--legacy-blue)' }}>{label}</span>
+)

package/corpus/tokens/bad-literal-style.tsx

@@ -0,0 +1,3 @@
+export const PriceTag = ({ amount }: { amount: string }) => (
+  <span style={{ backgroundColor: '#ffe849', color: 'rebeccapurple' }}>{amount}</span>
+)

package/corpus/tokens/bad-shorthand-style.tsx

@@ -0,0 +1,5 @@
+export const Callout = ({ text }: { text: string }) => (
+  <aside style={{ border: '1px solid #d8dadb', boxShadow: '0 1px 5px rgba(0, 0, 0, 0.12)' }}>
+    {text}
+  </aside>
+)

package/corpus/tokens/good-arbitrary-non-color.tsx

@@ -0,0 +1,3 @@
+export const Grid = ({ children }: { children: React.ReactNode }) => (
+  <div className="grid grid-cols-[1fr_auto] w-[32px] top-[-1px]">{children}</div>
+)

package/corpus/tokens/good-font-role.tsx

@@ -0,0 +1,5 @@
+export const Heading = ({ text }: { text: string }) => (
+  <h2 className="font-display font-bold text-2xl" style={{ fontFamily: 'var(--font-display)' }}>
+    {text}
+  </h2>
+)

package/corpus/tokens/good-local-variable.tsx

@@ -0,0 +1,11 @@
+import type { CSSProperties } from 'react'
+
+export const CollapsedCta = ({ href, textColor }: { href: string; textColor: string }) => (
+  <a
+    className="text-[var(--pb-collapsed-text)] font-[500] underline"
+    href={href}
+    style={{ '--pb-collapsed-text': textColor } as CSSProperties}
+  >
+    more
+  </a>
+)