zitejs 0.9.71 → 0.9.74

package/dist/cjs/backend/index.d.ts

@@ -1,3 +1,8 @@
+import type { ZiteSchedule } from "../schedules/index.js";
+export type { ZiteSchedule };
+export type ZiteWebhook = {
+    paused?: boolean;
+};
 export interface ZiteRequestContext {
     user: {
         id: string;
@@ -31,6 +36,8 @@ export interface EndpointConfig<TInput = unknown, TOutput = unknown, TStream ext
     outputSchema?: SchemaLike<TOutput>;
     stream?: TStream;
     authenticated?: boolean;
+    schedule?: ZiteSchedule;
+    webhook?: ZiteWebhook;
     execute: (params: {
         input: TInput;
         context: ZiteRequestContext | ZiteScheduledContext;
@@ -39,4 +46,3 @@ export interface EndpointConfig<TInput = unknown, TOutput = unknown, TStream ext
     } : {})) => Promise<TOutput> | TOutput;
 }
 export declare function createEndpoint<TInput = unknown, TOutput = unknown, TStream extends boolean = false>(config: EndpointConfig<TInput, TOutput, TStream>): EndpointConfig<TInput, TOutput, TStream>;
-export {};

package/dist/cjs/dev/index.js

@@ -52,6 +52,18 @@ function getEmailIntegrationId(appDir) {
     catch { }
     return undefined;
 }
+function getDeclaredEnvVarNames(appDir) {
+    try {
+        const configPath = (0, path_1.join)("apps", appDir, "zite.config.json");
+        if (!(0, fs_2.existsSync)(configPath))
+            return [];
+        const config = JSON.parse((0, fs_2.readFileSync)(configPath, "utf-8"));
+        return Object.keys(config.envVars ?? {});
+    }
+    catch {
+        return [];
+    }
+}
 function regenerateAppTypedWrappers(appDir) {
     const outDir = (0, path_1.join)("apps", appDir, ".zite");
     (0, fs_2.mkdirSync)(outDir, { recursive: true });
@@ -66,7 +78,7 @@ function regenerateAppTypedWrappers(appDir) {
         (0, fs_2.mkdirSync)(intDir, { recursive: true });
         (0, fs_2.writeFileSync)((0, path_1.join)(intDir, "email.ts"), (0, lib_js_1.generateEmailSdk)(emailIntegrationId));
     }
-    (0, fs_2.writeFileSync)((0, path_1.join)(outDir, "backend.ts"), (0, lib_js_1.generateBackendWrapperTs)());
+    (0, fs_2.writeFileSync)((0, path_1.join)(outDir, "backend.ts"), (0, lib_js_1.generateBackendWrapperTs)(getDeclaredEnvVarNames(appDir)));
 }
 function regenerateAppApiTs(appDir) {
     const apiDir = (0, path_1.join)("apps", appDir, "src", "api");

package/dist/cjs/sync/lib.d.ts

@@ -58,7 +58,7 @@ export type AirtableLock = {
     tables: AirtableLockTable[];
 };
 export declare function generateAirtableTs(lock: AirtableLock): string | null;
-export declare function generateBackendWrapperTs(): string;
+export declare function generateBackendWrapperTs(envVarNames?: string[]): string;
 /**
  * Generate `.zite/integrations/email.ts` — the `Email` client for an app with
  * an email integration connected. Mirrors the airtable SDK generation: a thin

package/dist/cjs/sync/lib.js

@@ -700,14 +700,20 @@ function generateAirtableTs(lock) {
     }
     return lines.join("\n");
 }
-function generateBackendWrapperTs() {
+function generateBackendWrapperTs(envVarNames = []) {
+    const names = [
+        "ZITE_APP_URL",
+        ...envVarNames.filter((n) => n !== "ZITE_APP_URL"),
+    ];
     return [
         "// Auto-generated type-narrowing wrapper. Do not edit manually.",
         "// Re-exports createEndpoint with context.user typed to the app User.",
         "",
-        "import type { ZiteRequestContext as _ZiteRequestContext, ZiteScheduledContext as _ZiteScheduledContext } from 'zitejs/backend/base';",
+        "import type { ZiteRequestContext as _ZiteRequestContext, ZiteScheduledContext as _ZiteScheduledContext, ZiteSchedule, ZiteWebhook } from 'zitejs/backend/base';",
         "import type { User } from './user';",
         "",
+        "export type { ZiteSchedule, ZiteWebhook };",
+        "",
         "export class ZiteError extends Error {",
         "  statusCode: number;",
         "  constructor(message: string, options?: { statusCode?: number }) {",
@@ -734,6 +740,8 @@ function generateBackendWrapperTs() {
         "  outputSchema?: SchemaLike<TOutput>;",
         "  stream?: boolean;",
         "  authenticated?: boolean;",
+        "  schedule?: ZiteSchedule;",
+        "  webhook?: ZiteWebhook;",
         "  execute: (params: { input: TInput; context: ZiteRequestContext | ZiteScheduledContext }) => Promise<TOutput> | TOutput;",
         "}",
         "",
@@ -743,6 +751,17 @@ function generateBackendWrapperTs() {
         "  return config;",
         "}",
         "",
+        // Declared in the wrapper (not a standalone .d.ts) so the merge is
+        // guaranteed to be in the program — every endpoint imports this file,
+        // while tsconfig `include` does not reliably pick up dot-directories.
+        "declare global {",
+        "  namespace NodeJS {",
+        "    interface ProcessEnv {",
+        ...names.map((name) => `      ${JSON.stringify(name)}: string;`),
+        "    }",
+        "  }",
+        "}",
+        "",
     ].join("\n");
 }
 /**

package/dist/cjs/vite/index.d.ts

@@ -0,0 +1,2 @@
+import type { Plugin } from "vite";
+export declare function ziteId(): Plugin;

package/dist/cjs/vite/index.js

@@ -0,0 +1,88 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ziteId = ziteId;
+const parser_1 = require("@babel/parser");
+const magic_string_1 = __importDefault(require("magic-string"));
+const path_1 = __importDefault(require("path"));
+const estree_walker_1 = require("estree-walker");
+const validExtensions = new Set([".jsx", ".tsx"]);
+function getComponentName(elementName) {
+    if (elementName.type === "JSXIdentifier") {
+        return elementName.name;
+    }
+    if (elementName.type === "JSXMemberExpression") {
+        const object = getComponentName(elementName.object);
+        const property = elementName.property.name;
+        return object ? `${object}.${property}` : property;
+    }
+    return null;
+}
+function isNativeElement(name) {
+    return /^[a-z]/.test(name) && !name.includes(".");
+}
+function ziteId() {
+    const cwd = process.cwd();
+    return {
+        name: "vite-plugin-zite-id",
+        enforce: "pre",
+        async transform(code, id) {
+            if (!validExtensions.has(path_1.default.extname(id)) ||
+                id.includes("node_modules")) {
+                return null;
+            }
+            const relativePath = path_1.default.relative(cwd, id);
+            try {
+                const ast = (0, parser_1.parse)(code, {
+                    sourceType: "module",
+                    plugins: ["jsx", "typescript"],
+                });
+                const magicString = new magic_string_1.default(code);
+                (0, estree_walker_1.walk)(ast, {
+                    enter(_node) {
+                        const node = _node;
+                        if (node.type === "JSXElement") {
+                            const openingElement = node.openingElement;
+                            const children = node.children;
+                            const elementName = openingElement.name;
+                            const isFragment = (elementName.type === "JSXMemberExpression" &&
+                                elementName.object.name === "React" &&
+                                elementName.property.name === "Fragment") ||
+                                (elementName.type === "JSXIdentifier" &&
+                                    elementName.name === "Fragment");
+                            if (isFragment) {
+                                return;
+                            }
+                            const line = openingElement.loc?.start?.line ?? 0;
+                            const col = openingElement.loc?.start?.column ?? 0;
+                            const dataComponentId = `${relativePath}|${line}|${col}`;
+                            let attributes = ` data-zite-id="${dataComponentId}"`;
+                            const componentName = getComponentName(openingElement.name);
+                            if (componentName && !isNativeElement(componentName)) {
+                                attributes += ` data-zite-component="${componentName}"`;
+                            }
+                            if (children.length === 1 &&
+                                (children[0].type === "JSXText" ||
+                                    children[0].type === "StringLiteral" ||
+                                    (children[0].type === "JSXExpressionContainer" &&
+                                        children[0].expression.type === "StringLiteral"))) {
+                                attributes += ` data-zite-editable="true"`;
+                            }
+                            magicString.appendLeft(openingElement.name.end ?? 0, attributes);
+                        }
+                    },
+                });
+                return {
+                    code: magicString.toString(),
+                    map: magicString.generateMap({ hires: true }),
+                };
+            }
+            catch (error) {
+                console.error(`Error processing file ${relativePath}:`, error);
+                return null;
+            }
+        },
+    };
+}

package/dist/esm/backend/index.d.ts

@@ -1,3 +1,8 @@
+import type { ZiteSchedule } from "../schedules/index.js";
+export type { ZiteSchedule };
+export type ZiteWebhook = {
+    paused?: boolean;
+};
 export interface ZiteRequestContext {
     user: {
         id: string;
@@ -31,6 +36,8 @@ export interface EndpointConfig<TInput = unknown, TOutput = unknown, TStream ext
     outputSchema?: SchemaLike<TOutput>;
     stream?: TStream;
     authenticated?: boolean;
+    schedule?: ZiteSchedule;
+    webhook?: ZiteWebhook;
     execute: (params: {
         input: TInput;
         context: ZiteRequestContext | ZiteScheduledContext;
@@ -39,4 +46,3 @@ export interface EndpointConfig<TInput = unknown, TOutput = unknown, TStream ext
     } : {})) => Promise<TOutput> | TOutput;
 }
 export declare function createEndpoint<TInput = unknown, TOutput = unknown, TStream extends boolean = false>(config: EndpointConfig<TInput, TOutput, TStream>): EndpointConfig<TInput, TOutput, TStream>;
-export {};

package/dist/esm/dev/index.js

@@ -48,6 +48,18 @@ function getEmailIntegrationId(appDir) {
     catch { }
     return undefined;
 }
+function getDeclaredEnvVarNames(appDir) {
+    try {
+        const configPath = join("apps", appDir, "zite.config.json");
+        if (!existsSync(configPath))
+            return [];
+        const config = JSON.parse(readFileSync(configPath, "utf-8"));
+        return Object.keys(config.envVars ?? {});
+    }
+    catch {
+        return [];
+    }
+}
 function regenerateAppTypedWrappers(appDir) {
     const outDir = join("apps", appDir, ".zite");
     mkdirSync(outDir, { recursive: true });
@@ -62,7 +74,7 @@ function regenerateAppTypedWrappers(appDir) {
         mkdirSync(intDir, { recursive: true });
         writeFileSync(join(intDir, "email.ts"), generateEmailSdk(emailIntegrationId));
     }
-    writeFileSync(join(outDir, "backend.ts"), generateBackendWrapperTs());
+    writeFileSync(join(outDir, "backend.ts"), generateBackendWrapperTs(getDeclaredEnvVarNames(appDir)));
 }
 function regenerateAppApiTs(appDir) {
     const apiDir = join("apps", appDir, "src", "api");

package/dist/esm/sync/lib.d.ts

@@ -58,7 +58,7 @@ export type AirtableLock = {
     tables: AirtableLockTable[];
 };
 export declare function generateAirtableTs(lock: AirtableLock): string | null;
-export declare function generateBackendWrapperTs(): string;
+export declare function generateBackendWrapperTs(envVarNames?: string[]): string;
 /**
  * Generate `.zite/integrations/email.ts` — the `Email` client for an app with
  * an email integration connected. Mirrors the airtable SDK generation: a thin

package/dist/esm/sync/lib.js

@@ -688,14 +688,20 @@ export function generateAirtableTs(lock) {
     }
     return lines.join("\n");
 }
-export function generateBackendWrapperTs() {
+export function generateBackendWrapperTs(envVarNames = []) {
+    const names = [
+        "ZITE_APP_URL",
+        ...envVarNames.filter((n) => n !== "ZITE_APP_URL"),
+    ];
     return [
         "// Auto-generated type-narrowing wrapper. Do not edit manually.",
         "// Re-exports createEndpoint with context.user typed to the app User.",
         "",
-        "import type { ZiteRequestContext as _ZiteRequestContext, ZiteScheduledContext as _ZiteScheduledContext } from 'zitejs/backend/base';",
+        "import type { ZiteRequestContext as _ZiteRequestContext, ZiteScheduledContext as _ZiteScheduledContext, ZiteSchedule, ZiteWebhook } from 'zitejs/backend/base';",
         "import type { User } from './user';",
         "",
+        "export type { ZiteSchedule, ZiteWebhook };",
+        "",
         "export class ZiteError extends Error {",
         "  statusCode: number;",
         "  constructor(message: string, options?: { statusCode?: number }) {",
@@ -722,6 +728,8 @@ export function generateBackendWrapperTs() {
         "  outputSchema?: SchemaLike<TOutput>;",
         "  stream?: boolean;",
         "  authenticated?: boolean;",
+        "  schedule?: ZiteSchedule;",
+        "  webhook?: ZiteWebhook;",
         "  execute: (params: { input: TInput; context: ZiteRequestContext | ZiteScheduledContext }) => Promise<TOutput> | TOutput;",
         "}",
         "",
@@ -731,6 +739,17 @@ export function generateBackendWrapperTs() {
         "  return config;",
         "}",
         "",
+        // Declared in the wrapper (not a standalone .d.ts) so the merge is
+        // guaranteed to be in the program — every endpoint imports this file,
+        // while tsconfig `include` does not reliably pick up dot-directories.
+        "declare global {",
+        "  namespace NodeJS {",
+        "    interface ProcessEnv {",
+        ...names.map((name) => `      ${JSON.stringify(name)}: string;`),
+        "    }",
+        "  }",
+        "}",
+        "",
     ].join("\n");
 }
 /**

package/dist/esm/vite/index.d.ts

@@ -0,0 +1,2 @@
+import type { Plugin } from "vite";
+export declare function ziteId(): Plugin;

package/dist/esm/vite/index.js

@@ -0,0 +1,82 @@
+import { parse } from "@babel/parser";
+import MagicString from "magic-string";
+import path from "path";
+import { walk } from "estree-walker";
+const validExtensions = new Set([".jsx", ".tsx"]);
+function getComponentName(elementName) {
+    if (elementName.type === "JSXIdentifier") {
+        return elementName.name;
+    }
+    if (elementName.type === "JSXMemberExpression") {
+        const object = getComponentName(elementName.object);
+        const property = elementName.property.name;
+        return object ? `${object}.${property}` : property;
+    }
+    return null;
+}
+function isNativeElement(name) {
+    return /^[a-z]/.test(name) && !name.includes(".");
+}
+export function ziteId() {
+    const cwd = process.cwd();
+    return {
+        name: "vite-plugin-zite-id",
+        enforce: "pre",
+        async transform(code, id) {
+            if (!validExtensions.has(path.extname(id)) ||
+                id.includes("node_modules")) {
+                return null;
+            }
+            const relativePath = path.relative(cwd, id);
+            try {
+                const ast = parse(code, {
+                    sourceType: "module",
+                    plugins: ["jsx", "typescript"],
+                });
+                const magicString = new MagicString(code);
+                walk(ast, {
+                    enter(_node) {
+                        const node = _node;
+                        if (node.type === "JSXElement") {
+                            const openingElement = node.openingElement;
+                            const children = node.children;
+                            const elementName = openingElement.name;
+                            const isFragment = (elementName.type === "JSXMemberExpression" &&
+                                elementName.object.name === "React" &&
+                                elementName.property.name === "Fragment") ||
+                                (elementName.type === "JSXIdentifier" &&
+                                    elementName.name === "Fragment");
+                            if (isFragment) {
+                                return;
+                            }
+                            const line = openingElement.loc?.start?.line ?? 0;
+                            const col = openingElement.loc?.start?.column ?? 0;
+                            const dataComponentId = `${relativePath}|${line}|${col}`;
+                            let attributes = ` data-zite-id="${dataComponentId}"`;
+                            const componentName = getComponentName(openingElement.name);
+                            if (componentName && !isNativeElement(componentName)) {
+                                attributes += ` data-zite-component="${componentName}"`;
+                            }
+                            if (children.length === 1 &&
+                                (children[0].type === "JSXText" ||
+                                    children[0].type === "StringLiteral" ||
+                                    (children[0].type === "JSXExpressionContainer" &&
+                                        children[0].expression.type === "StringLiteral"))) {
+                                attributes += ` data-zite-editable="true"`;
+                            }
+                            magicString.appendLeft(openingElement.name.end ?? 0, attributes);
+                        }
+                    },
+                });
+                return {
+                    code: magicString.toString(),
+                    map: magicString.generateMap({ hires: true }),
+                };
+            }
+            catch (error) {
+                console.error(`Error processing file ${relativePath}:`, error);
+                return null;
+            }
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zitejs",
-  "version": "0.9.71",
+  "version": "0.9.74",
   "description": "The Zite framework — build apps on Zite Database",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -76,6 +76,12 @@
       "types": "./dist/esm/sync/index.d.ts",
       "import": "./dist/esm/sync/index.js",
       "require": "./dist/cjs/sync/index.js"
+    },
+    "./vite-plugin": {
+      "types": "./dist/esm/vite/index.d.ts",
+      "import": "./dist/esm/vite/index.js",
+      "require": "./dist/cjs/vite/index.js",
+      "default": "./dist/esm/vite/index.js"
     }
   },
   "scripts": {
@@ -125,12 +131,16 @@
       ],
       "meta": [
         "dist/esm/meta/index.d.ts"
+      ],
+      "vite-plugin": [
+        "dist/esm/vite/index.d.ts"
       ]
     }
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5",
-    "react": ">=18"
+    "react": ">=18",
+    "vite": ">=5"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -138,6 +148,9 @@
     },
     "@tanstack/react-query": {
       "optional": true
+    },
+    "vite": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -164,6 +177,8 @@
     "@babel/parser": "^7.29.7",
     "dotenv": "^17.4.2",
     "esbuild": "^0.28.0",
+    "estree-walker": "^3.0.3",
+    "magic-string": "^0.30.17",
     "zod": "^4.1.12"
   }
 }

package/dist/cjs/api/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createCaller = void 0;
-var index_js_1 = require("../caller/index.js");
-Object.defineProperty(exports, "createCaller", { enumerable: true, get: function () { return index_js_1.createCaller; } });

package/dist/cjs/db/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTableClient = void 0;
-var index_js_1 = require("../runtime/index.js");
-Object.defineProperty(exports, "createTableClient", { enumerable: true, get: function () { return index_js_1.createTableClient; } });

package/dist/esm/api/index.d.ts

@@ -1,2 +0,0 @@
-export { createCaller } from '../caller/index.js';
-export type { EndpointConfig } from '../caller/index.js';

package/dist/esm/api/index.js

@@ -1 +0,0 @@
-export { createCaller } from '../caller/index.js';

package/dist/esm/db/index.d.ts

@@ -1,2 +0,0 @@
-export { createTableClient } from '../runtime/index.js';
-export type { TableClient } from '../runtime/index.js';

package/dist/esm/db/index.js

@@ -1 +0,0 @@
-export { createTableClient } from '../runtime/index.js';