@trypattern/sdk 0.0.0-stage → 0.1.0

package/dist/wire.d.ts

@@ -0,0 +1,7 @@
+import type { z } from 'zod';
+type StaticTypeError<Message extends string> = Message;
+type NotSameOnTheWire = StaticTypeError<'Command inputs and table columns must be the same on the wire and in code: no .transform(), .default() or .pipe()'>;
+export type SameOnTheWire<S extends z.ZodRawShape> = {
+    [Key in keyof S]: [z.input<S[Key]>] extends [z.output<S[Key]>] ? [z.output<S[Key]>] extends [z.input<S[Key]>] ? S[Key] : NotSameOnTheWire : NotSameOnTheWire;
+};
+export {};

package/dist/wire.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,102 @@
 {
   "name": "@trypattern/sdk",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "type": "module",
+  "files": [
+    "dist",
+    "presets"
+  ],
+  "bin": {
+    "app": "./dist/cli/app.js"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "default": "./dist/react.js"
+    },
+    "./schema": {
+      "types": "./dist/schema.d.ts",
+      "default": "./dist/schema.js"
+    },
+    "./server": {
+      "types": "./dist/server/index.d.ts",
+      "default": "./dist/server/index.js"
+    },
+    "./flows": {
+      "types": "./dist/flows/flows.d.ts",
+      "default": "./dist/flows/flows.js"
+    },
+    "./vite": {
+      "types": "./dist/vite/vite.d.ts",
+      "default": "./dist/vite/vite.js"
+    },
+    "./lint": {
+      "types": "./dist/rules/lintPlugin.d.ts",
+      "default": "./dist/rules/lintPlugin.js"
+    },
+    "./tsconfig/app.json": "./presets/tsconfig.app.json",
+    "./tsconfig/server.json": "./presets/tsconfig.server.json",
+    "./tokens.stylex": {
+      "types": "./dist/theme/tokens.stylex.d.ts",
+      "default": "./dist/theme/tokens.stylex.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@cloudflare/vite-plugin": "1.64.0",
+    "@cloudflare/workers-types": "5.20261015.1",
+    "@stylexjs/eslint-plugin": "0.19.1",
+    "@stylexjs/unplugin": "0.19.1",
+    "@types/node": "^24.19.2",
+    "@vitejs/plugin-react": "^6.1.2",
+    "drizzle-kit": "0.31.11",
+    "drizzle-orm": "0.45.4",
+    "hono": "4.13.13",
+    "oxc-transform-react": "0.152.0",
+    "oxlint": "^1.88.0",
+    "playwright-core": "1.63.0",
+    "prettier": "3.9.10",
+    "typescript": "~6.0.3",
+    "unplugin": "2.3.11",
+    "vite": "^8.3.4",
+    "vitest": "5.0.3",
+    "wrangler": "4.151.0",
+    "@base-ui/react": "1.8.0"
+  },
+  "peerDependencies": {
+    "react": "^19.3.0",
+    "react-router": "8.4.0",
+    "zod": "4.6.7",
+    "@stylexjs/stylex": "0.19.1",
+    "react-dom": "^19.3.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.3.0",
+    "react": "^19.3.0",
+    "react-router": "8.4.0",
+    "zod": "4.6.7",
+    "@stylexjs/stylex": "0.19.1",
+    "react-dom": "^19.3.0",
+    "@types/react-dom": "^19.3.0"
+  },
+  "prettier": {
+    "semi": false,
+    "singleQuote": true,
+    "trailingComma": "none"
+  },
+  "scripts": {
+    "check": "tsc -p . && oxlint -c oxlint.sdk.json src/components src/hooks src/theme && node tests/check-types.ts && vitest run --root tests/server && prettier --check src tests presets *.json",
+    "typecheck": "tsc -p .",
+    "test:types": "node tests/check-types.ts",
+    "test:server": "vitest run --root tests/server",
+    "format": "prettier --write src tests presets *.json",
+    "lint": "oxlint -c oxlint.sdk.json src/components src/hooks src/theme",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && cp src/theme/reset.css dist/theme/reset.css"
+  }
 }

package/presets/lintPlugin.js

@@ -0,0 +1,7 @@
+import { existsSync } from 'node:fs'
+
+const source = new URL('../src/rules/lintPlugin.ts', import.meta.url)
+const built = new URL('../dist/rules/lintPlugin.js', import.meta.url)
+const plugin = await import(existsSync(source) ? source.href : built.href)
+
+export default plugin.default

package/presets/oxlint.json

@@ -0,0 +1,167 @@
+{
+  "$schema": "../node_modules/oxlint/configuration_schema.json",
+  "plugins": ["react", "typescript", "oxc", "import"],
+  "rules": {
+    "react/rules-of-hooks": "error",
+    "react/only-export-components": [
+      "warn",
+      {
+        "allowConstantExport": true
+      }
+    ],
+    "typescript/no-explicit-any": "error",
+    "typescript/no-non-null-assertion": "error",
+    "typescript/ban-ts-comment": "error",
+    "stylex/valid-styles": "error",
+    "stylex/valid-shorthands": "error",
+    "stylex/no-unused": "error",
+    "stylex/no-legacy-contextual-styles": "error",
+    "stylex/enforce-extension": "error",
+    "stylex/no-conflicting-props": "error",
+    "stylex/sort-keys": [
+      "error",
+      {
+        "order": "recess"
+      }
+    ],
+    "react/forbid-dom-props": [
+      "error",
+      {
+        "forbid": [
+          {
+            "propName": "style",
+            "message": "Use StyleX: {...stylex.props(styles.x)}. Inline style={} is not allowed."
+          }
+        ]
+      }
+    ],
+    "no-restricted-imports": [
+      "error",
+      {
+        "patterns": [
+          {
+            "group": ["*.css", "!./index.css"],
+            "message": "Plain CSS is not allowed (only src/index.css, which loads the font). Use StyleX."
+          },
+          {
+            "group": ["@base-ui/react", "@base-ui/react/*"],
+            "message": "Base UI lives inside @trypattern/sdk and is not a dependency of this app. Use the component from @trypattern/sdk/react. If a Base UI part has no primitive yet, that is an SDK change."
+          }
+        ],
+        "paths": [
+          {
+            "name": "react",
+            "importNames": ["memo", "useMemo", "useCallback"],
+            "message": "Do not write memo, useMemo or useCallback: the React Compiler (on in Pattern's Vite setup) memoizes every component and hook for you, so hand-written memoization is noise. If a component re-renders too much, check the dev log (app status prints its path) for a React Compiler diagnostic and fix the code it names. For a value that must be created once and kept for the component lifetime, use useState(() => create())."
+          },
+          {
+            "name": "react-router-dom",
+            "message": "Import from 'react-router' (or 'react-router/dom' for RouterProvider). react-router-dom is a legacy re-export."
+          },
+          {
+            "name": "react-router",
+            "importNames": [
+              "useLoaderData",
+              "useActionData",
+              "useFetcher",
+              "useFetchers",
+              "useRouteLoaderData",
+              "useNavigation",
+              "useSubmit",
+              "Form",
+              "redirect",
+              "data"
+            ],
+            "message": "React Router is used in data mode without loaders or actions: models own the state, so router-managed data would compete with it. Load data in the model's onPageOpen() instead."
+          },
+          {
+            "name": "react-router",
+            "importNames": [
+              "createBrowserRouter",
+              "createHashRouter",
+              "createMemoryRouter",
+              "Routes",
+              "Route",
+              "BrowserRouter",
+              "HashRouter",
+              "MemoryRouter"
+            ],
+            "message": "Pattern creates the router from `routes` in src/routes.tsx (startApp in the browser, defineFlow in flows). Add a page there as a child of AppLayout."
+          },
+          {
+            "name": "react-router",
+            "importNames": ["Link", "NavLink"],
+            "message": "Links come from @trypattern/sdk/react: <Link to=\"/issues\"> for words that go somewhere, and <ListRow to=\"/issues/1\"> for a row that opens a page. The sidebar's links are drawn by <AppFrame navigation={...}>."
+          }
+        ]
+      }
+    ],
+    "pattern/no-comments": "error",
+    "pattern/no-pointer-cursor": "error",
+    "pattern/use-tokens": "error",
+    "pattern/no-interactive-transition": "error",
+    "pattern/hover-uses-highlight": "error",
+    "pattern/scroll-view-only": "error",
+    "pattern/selectable-only": "error",
+    "pattern/dark-mode-in-tokens": "error",
+    "pattern/use-breakpoints": "error",
+    "pattern/no-classname-strings": "error",
+    "pattern/typed-style-prop": "error",
+    "pattern/component-file-name": "error",
+    "pattern/component-first": "error",
+    "pattern/routes-under-app-layout": "error",
+    "pattern/use-link": "error",
+    "pattern/stores-in-app": "error",
+    "pattern/state-via-hooks": "error",
+    "pattern/classes-not-factories": "error",
+    "pattern/explicit-access": "error",
+    "pattern/dev-only-sign-in": "error",
+    "import/no-default-export": "error",
+    "import/extensions": [
+      "error",
+      "always",
+      {
+        "ignorePackages": true
+      }
+    ],
+    "react/no-multi-comp": "error",
+    "pattern/no-route-data-apis": "error",
+    "pattern/model-members": "error",
+    "pattern/use-model-where": "error",
+    "pattern/model-by-name": "error",
+    "pattern/pure-getters": "error",
+    "pattern/actions-where": "error",
+    "pattern/pure-actions": "error",
+    "pattern/use-primitives": "error",
+    "pattern/no-widget-roles": "error",
+    "pattern/no-click-on-static": "error",
+    "pattern/primitive-names": "error",
+    "pattern/use-space-tokens": [
+      "error",
+      {
+        "sizes": true
+      }
+    ],
+    "pattern/text-via-text": "error",
+    "pattern/compose-in-screens": "error",
+    "pattern/no-hover-in-app": "error"
+  },
+  "jsPlugins": [
+    {
+      "name": "stylex",
+      "specifier": "@stylexjs/eslint-plugin"
+    },
+    {
+      "name": "pattern",
+      "specifier": "./lintPlugin.js"
+    }
+  ],
+  "overrides": [
+    {
+      "files": ["**/vite.config.ts", "**/server/worker.ts"],
+      "rules": {
+        "import/no-default-export": "off"
+      }
+    }
+  ]
+}

package/presets/register.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="vite/client" />
+
+import type { tables } from '@/schema.ts'
+import type { actionGroups } from '@/src/actions/index.ts'
+import type { models } from '@/src/models/index.ts'
+import type { routes } from '@/src/routes.tsx'
+import type { stores } from '@/src/stores/index.ts'
+import type { icons } from '@/src/theme/icons.ts'
+
+declare module '@trypattern/sdk' {
+  interface Register {
+    models: typeof models
+    actionGroups: typeof actionGroups
+    tables: typeof tables
+    stores: typeof stores
+    routes: typeof routes
+    icons: typeof icons
+  }
+}

package/presets/server.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="@cloudflare/workers-types" />
+/// <reference types="vite/client" />

package/presets/tsconfig.app.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "es2023",
+    "module": "esnext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "lib": ["ES2023", "DOM"],
+    "types": [],
+    "allowArbitraryExtensions": true,
+    "jsx": "react-jsx",
+    "paths": {
+      "@/*": ["${configDir}/*"]
+    }
+  },
+  "files": ["./register.d.ts"]
+}

package/presets/tsconfig.server.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "es2023",
+    "module": "esnext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "lib": ["ES2023"],
+    "types": [],
+    "paths": {
+      "@/*": ["${configDir}/../*"]
+    }
+  },
+  "files": ["./server.d.ts"]
+}