@trypattern/sdk 0.1.12 → 0.1.13

package/dist/table.js

@@ -2,7 +2,12 @@ import { z } from 'zod';
 const NAME = /^[a-z][a-zA-Z0-9]*$/;
 const RESERVED = ['id', 'createdAt', 'ownerId'];
 const RESERVED_TABLES = ['users', 'sessions', 'session'];
-const SDK_TABLES = ['media'];
+const SDK_TABLES = {
+    media: 'media',
+    bookingRules: '...bookingTables',
+    bookingBlackouts: '...bookingTables',
+    bookingRequests: '...bookingTables'
+};
 const SEEDED_AT = Date.UTC(2000, 0, 1);
 function problemIn(name, definition) {
     const { access, columns } = definition;
@@ -39,8 +44,9 @@ function table(name, definition, isPatterns = false) {
     if (RESERVED_TABLES.includes(name)) {
         throw new Error(`A table can't be called "${name}": Pattern keeps its own ${name} for sign-in`);
     }
-    if (!isPatterns && SDK_TABLES.includes(name)) {
-        throw new Error(`A table can't be called "${name}": Pattern has its own ${name} table. Add it with import { ${name} } from '@trypattern/sdk/schema'`);
+    const own = Object.hasOwn(SDK_TABLES, name) ? SDK_TABLES[name] : undefined;
+    if (!isPatterns && own !== undefined) {
+        throw new Error(`A table can't be called "${name}": Pattern has its own ${name} table. Add it to tables with ${own} from '@trypattern/sdk/schema'`);
     }
     const reserved = RESERVED.find((key) => key in columns);
     if (reserved !== undefined) {

package/dist/theme/scales.d.ts

@@ -5,7 +5,7 @@ export declare const ascendingScales: {
     readonly controlGaps: readonly ["gapXs", "gapSm", "gapMd", "gapLg", "gapXl"];
     readonly contentWidths: readonly ["contentXs", "contentSm", "contentMd", "contentLg"];
     readonly iconSizes: readonly ["xs", "sm", "md", "lg", "xl"];
-    readonly fontSizes: readonly ["captionXs", "captionSm", "captionBase", "captionLg", "bodySm", "bodyBase", "bodyLg", "heading6", "heading5", "heading4", "heading3", "heading2", "heading1"];
+    readonly fontSizes: readonly ["captionXs", "captionSm", "captionBase", "captionLg", "bodySm", "bodyMd", "bodyBase", "bodyLg", "heading6", "heading5", "heading4", "heading3", "heading2", "heading1"];
     readonly lineHeights: readonly ["captionXs", "caption", "title", "bodySm", "body", "heading6", "heading5", "heading4", "heading3", "heading2", "heading1"];
 };
 export declare const scaleGroups: {

package/dist/theme/scales.js

@@ -17,6 +17,7 @@ export const ascendingScales = {
         'captionBase',
         'captionLg',
         'bodySm',
+        'bodyMd',
         'bodyBase',
         'bodyLg',
         'heading6',

package/dist/theme/tokens.stylex.d.ts

@@ -116,6 +116,16 @@ export declare const controls: stylex.VarGroup<Readonly<{
     gapMd: string;
     gapLg: string;
     gapXl: string;
+    fontSizeXs: string;
+    fontSizeSm: string;
+    fontSizeMd: string;
+    fontSizeLg: string;
+    fontSizeXl: string;
+    lineHeightXs: string;
+    lineHeightSm: string;
+    lineHeightMd: string;
+    lineHeightLg: string;
+    lineHeightXl: string;
 }>, symbol>;
 export declare const iconSizes: stylex.VarGroup<Readonly<{
     xs: string;
@@ -161,6 +171,7 @@ export declare const fontSizes: stylex.VarGroup<Readonly<{
     captionBase: string;
     captionLg: string;
     bodySm: string;
+    bodyMd: string;
     bodyBase: string;
     bodyLg: string;
     heading6: string;
@@ -170,12 +181,19 @@ export declare const fontSizes: stylex.VarGroup<Readonly<{
     heading2: string;
     heading1: string;
 }>, symbol>;
+export declare const trackings: stylex.VarGroup<Readonly<{
+    hero: string;
+    display: string;
+    section: string;
+    heading: string;
+}>, symbol>;
 export declare const lineHeights: stylex.VarGroup<Readonly<{
     captionXs: string;
     caption: string;
     title: string;
     bodySm: string;
     body: string;
+    bodyLg: string;
     heading6: string;
     heading5: string;
     heading4: string;

package/dist/theme/tokens.stylex.js

@@ -115,7 +115,17 @@ export const controls = stylex.defineVars({
     gapSm: '4px',
     gapMd: '6px',
     gapLg: '6px',
-    gapXl: '8px'
+    gapXl: '8px',
+    fontSizeXs: '12px',
+    fontSizeSm: '13px',
+    fontSizeMd: '13px',
+    fontSizeLg: '13px',
+    fontSizeXl: '13px',
+    lineHeightXs: '16px',
+    lineHeightSm: '20px',
+    lineHeightMd: '20px',
+    lineHeightLg: '20px',
+    lineHeightXl: '20px'
 });
 export const iconSizes = stylex.defineVars({
     xs: '12px',
@@ -161,6 +171,7 @@ export const fontSizes = stylex.defineVars({
     captionBase: '11px',
     captionLg: '12px',
     bodySm: '13px',
+    bodyMd: '14px',
     bodyBase: '15px',
     bodyLg: '18px',
     heading6: '20px',
@@ -170,12 +181,19 @@ export const fontSizes = stylex.defineVars({
     heading2: '44px',
     heading1: '56px'
 });
+export const trackings = stylex.defineVars({
+    hero: '-0.04em',
+    display: '-0.03em',
+    section: '-0.02em',
+    heading: '-0.01em'
+});
 export const lineHeights = stylex.defineVars({
     captionXs: '12px',
     caption: '16px',
     title: '18px',
     bodySm: '20px',
     body: '24px',
+    bodyLg: '28px',
     heading6: '24px',
     heading5: '32px',
     heading4: '36px',

package/dist/vite/localWorker.d.ts

@@ -1,4 +1,6 @@
 import type { Plugin } from 'vite';
 import type { Seed, Tables } from '../table.ts';
+import type { StarterPhotoFile } from '../cli/starter.ts';
+export declare function putLocalPhotos(root: string, photos: readonly StarterPhotoFile[]): void;
 export declare function resetLocalDatabase(root: string, tables: Tables, seed: Seed<Tables>): void;
 export declare function localWorker<Group extends Tables>(tables: Group, seed: Seed<Group>, title: string): Plugin;

package/dist/vite/localWorker.js

@@ -1,11 +1,14 @@
 import { execFileSync } from 'node:child_process';
 import { randomBytes } from 'node:crypto';
-import { appendFileSync, existsSync, readFileSync } from 'node:fs';
+import { appendFileSync, existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';
 import { join } from 'node:path';
+import { IMMUTABLE } from "../server/media.js";
 import { seedTitleSql } from "../server/settings.js";
 import { seedSql } from "../server/tables.js";
 import { snakeCase } from "../table.js";
+import { readStarter, withStarter } from "../cli/starter.js";
 import { toolBin } from "../cli/tools.js";
+const NO_BUCKET = 'starter/ has photos, but wrangler.jsonc binds no R2 bucket as MEDIA. Add "r2_buckets": [{ "binding": "MEDIA", "bucket_name": "media" }].';
 function ensureLocalSessionSecret(root) {
     const DEV_VARS = join(root, '.dev.vars');
     const current = existsSync(DEV_VARS) ? readFileSync(DEV_VARS, 'utf8') : '';
@@ -21,6 +24,46 @@ function wrangler(root, args) {
         env: { ...process.env, CI: '1' }
     });
 }
+function localMediaBucket(root) {
+    try {
+        const config = JSON.parse(readFileSync(join(root, 'wrangler.jsonc'), 'utf8'));
+        const buckets = Reflect.get(Object(config), 'r2_buckets');
+        const bound = (Array.isArray(buckets) ? buckets : []).find((bucket) => Reflect.get(Object(bucket), 'binding') === 'MEDIA');
+        const name = Reflect.get(Object(bound), 'bucket_name');
+        return typeof name === 'string' ? name : undefined;
+    }
+    catch {
+        return undefined;
+    }
+}
+export function putLocalPhotos(root, photos) {
+    if (photos.length === 0)
+        return;
+    const bucket = localMediaBucket(root);
+    if (bucket === undefined)
+        throw new Error(NO_BUCKET);
+    const directory = join(root, '.dev');
+    mkdirSync(directory, { recursive: true });
+    const list = join(directory, 'starter-photos.json');
+    for (const type of new Set(photos.map((photo) => photo.type))) {
+        writeFileSync(list, JSON.stringify(photos
+            .filter((photo) => photo.type === type)
+            .map((photo) => ({ key: photo.key, file: join(root, photo.path) }))));
+        wrangler(root, [
+            'r2',
+            'bulk',
+            'put',
+            bucket,
+            '--local',
+            '--filename',
+            list,
+            '--content-type',
+            type,
+            '--cache-control',
+            IMMUTABLE
+        ]);
+    }
+}
 export function resetLocalDatabase(root, tables, seed) {
     wrangler(root, ['d1', 'migrations', 'apply', 'DB', '--local']);
     wrangler(root, [
@@ -49,12 +92,14 @@ function prepareLocalDatabase(root, tables, seed, title) {
 export function localWorker(tables, seed, title) {
     return {
         name: 'pattern-local-worker',
-        config(config, { command }) {
+        async config(config, { command }) {
             if (command !== 'serve')
                 return;
             const root = config.root ?? process.cwd();
             ensureLocalSessionSecret(root);
-            prepareLocalDatabase(root, tables, seed, title);
+            const starter = await readStarter(root, tables);
+            prepareLocalDatabase(root, tables, withStarter(seed, starter), title);
+            putLocalPhotos(root, starter?.photos ?? []);
         }
     };
 }

package/dist/vite/vite.js

@@ -5,6 +5,7 @@ import { cloudflare } from '@cloudflare/vite-plugin';
 import stylex from '@stylexjs/unplugin';
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vitest/config';
+import { hostnameOf } from "../publishWire.js";
 import { commandBridge } from "./commandBridge.js";
 import { designManifest } from "./designManifest.js";
 import { localWorker } from "./localWorker.js";
@@ -57,7 +58,7 @@ const reactCompilerSkippingUnchangedRendersAndLoggingWhereItCannot = {
 const FLOW_SETUP = fileURLToPath(new URL(`../flows/flowSetup${extname(import.meta.filename)}`, import.meta.url));
 export function pattern({ tables, admins, seed = {}, world = {} }) {
     const isVitest = process.env['VITEST'] !== undefined;
-    const { title } = readProjectFile(process.cwd());
+    const { name, title } = readProjectFile(process.cwd());
     const isVisualFlowRun = process.env['PATTERN_VISUAL_URL'] !== undefined;
     const stylexPlugin = stylex.vite({
         useCSSLayers: { before: CSS_LAYERS_BEFORE_STYLEX },
@@ -87,6 +88,9 @@ export function pattern({ tables, admins, seed = {}, world = {} }) {
             designFile()
         ],
         clearScreen: false,
+        define: {
+            'import.meta.env.PATTERN_LIVE_ORIGIN': JSON.stringify(`https://${hostnameOf(name)}`)
+        },
         optimizeDeps: sdkCompiledByStyleXButItsDependenciesPrebundled,
         build: {
             cssTarget: ['chrome123', 'firefox120', 'safari17.5']

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trypattern/sdk",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "type": "module",
   "files": [
     "dist",