@trypattern/sdk 0.0.0-stage → 0.1.1

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,21 @@
+/// <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 { services } from '@/src/services/index.ts'
+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
+    services: typeof services
+    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"]
+}