zitejs 0.9.131 → 0.9.134

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

@@ -67,7 +67,7 @@ export declare const signIn: {
     }, FetchOptions["throw"] extends true ? true : false>>;
 } & {
     social: <FetchOptions extends import("@better-auth/core").ClientFetchOption<Partial<{
-        provider: "salesforce" | "slack" | "linear" | "notion" | "linkedin" | "github" | (string & {}) | "huggingface" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "gitlab" | "tiktok" | "reddit" | "roblox" | "vk" | "zoom" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "railway" | "vercel" | "wechat";
+        provider: "salesforce" | "slack" | "linear" | "notion" | "linkedin" | "github" | "dropbox" | (string & {}) | "huggingface" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "spotify" | "twitch" | "twitter" | "kick" | "gitlab" | "tiktok" | "reddit" | "roblox" | "vk" | "zoom" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "railway" | "vercel" | "wechat";
         callbackURL?: string | undefined;
         newUserCallbackURL?: string | undefined;
         errorCallbackURL?: string | undefined;
@@ -91,7 +91,7 @@ export declare const signIn: {
         loginHint?: string | undefined;
         additionalData?: Record<string, any> | undefined;
     }> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined>>(data_0: import("better-auth/react").Prettify<{
-        provider: "salesforce" | "slack" | "linear" | "notion" | "linkedin" | "github" | (string & {}) | "huggingface" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "gitlab" | "tiktok" | "reddit" | "roblox" | "vk" | "zoom" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "railway" | "vercel" | "wechat";
+        provider: "salesforce" | "slack" | "linear" | "notion" | "linkedin" | "github" | "dropbox" | (string & {}) | "huggingface" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "spotify" | "twitch" | "twitter" | "kick" | "gitlab" | "tiktok" | "reddit" | "roblox" | "vk" | "zoom" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "railway" | "vercel" | "wechat";
         callbackURL?: string | undefined;
         newUserCallbackURL?: string | undefined;
         errorCallbackURL?: string | undefined;

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

@@ -129,6 +129,10 @@ export interface ZiteRequestContext {
     user: {
         id: string;
         email: string;
+        roles: Array<{
+            id: string;
+            name: string;
+        }>;
         [key: string]: unknown;
     };
     userId?: string;

package/dist/cjs/backend/index.test.js

@@ -4,7 +4,7 @@ const vitest_1 = require("vitest");
 const zod_1 = require("zod");
 const index_js_1 = require("./index.js");
 const index_js_2 = require("../runtime/index.js");
-const requestContext = { user: { id: "u1", email: "a@b.c" } };
+const requestContext = { user: { id: "u1", email: "a@b.c", roles: [] } };
 (0, vitest_1.afterEach)(() => {
     vitest_1.vi.unstubAllGlobals();
 });

package/dist/cjs/bundle/index.js

@@ -100,6 +100,7 @@ const PREBUNDLED_LIBS = {
     '@elevenlabs/elevenlabs-js': '__elevenlabs__.js',
     'resend': '__resend__.js',
     '@clickhouse/client-web': '__clickhouse__.js',
+    'dropbox': '__dropbox__.js',
     // Three packages, one module: the presigners take an S3Client instance, so a
     // separate bundle each would hand them a structurally identical but distinct
     // class. The worker bundles all three together for that reason.

package/dist/cjs/integrations/rules.d.ts

@@ -40,6 +40,8 @@ declare const FIELDS_BY_TYPE: {
     apollo: readonly string[];
     attio: readonly string[];
     granola: readonly string[];
+    dropbox: readonly string[];
+    amazonS3: readonly string[];
 };
 /** A service type `integrations.get` serves: one used through its npm package with a token. */
 export type CredentialServiceType = keyof typeof FIELDS_BY_TYPE;

package/dist/cjs/integrations/rules.js

@@ -49,6 +49,10 @@ const FIELDS_BY_TYPE = {
     apollo: extras(),
     attio: extras(),
     granola: extras(),
+    dropbox: extras(),
+    // The IAM key alone reaches nothing: every call needs the region and the
+    // bucket, and S3-compatible providers need the endpoint too.
+    amazonS3: extras("keyId", "region", "bucket", "endpoint", "pathPrefix"),
 };
 /** Per service type: `accessToken`, then its extra labels sorted (Salesforce `instanceUrl`). */
 exports.CREDENTIAL_FIELDS = FIELDS_BY_TYPE;
@@ -58,6 +62,8 @@ exports.CREDENTIAL_FIELDS = FIELDS_BY_TYPE;
  */
 exports.OPTIONAL_CREDENTIAL_FIELDS = {
     jira: ["siteUrl"],
+    // Only S3-compatible providers set an endpoint, and a prefix is opt-in.
+    amazonS3: ["endpoint", "pathPrefix"],
 };
 /**
  * Types the runtime never serves: those with a generated client (Airtable, email,

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

@@ -0,0 +1,14 @@
+export type ZiteProjectUser = {
+    uuid: string;
+    firstName: string | null;
+    lastName: string | null;
+    email: string;
+    profilePictureUrl: string | null;
+};
+export type MetaListUsersResult = {
+    users: ZiteProjectUser[];
+};
+export declare class ZiteMeta {
+    static listUsers(): Promise<MetaListUsersResult>;
+}
+export declare const Meta: typeof ZiteMeta;

package/dist/cjs/meta/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Meta = exports.ZiteMeta = void 0;
+const sdkCall_js_1 = require("../internal/sdkCall.js");
+const META_SDK_INTEGRATION_ID = '__meta__';
+class ZiteMeta {
+    static listUsers() {
+        return (0, sdkCall_js_1.getSdkCall)()(META_SDK_INTEGRATION_ID, 'ZiteMeta', 'listUsers', {});
+    }
+}
+exports.ZiteMeta = ZiteMeta;
+exports.Meta = ZiteMeta;

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

@@ -0,0 +1,25 @@
+export interface NotificationLink {
+    path?: string;
+    params?: Record<string, string>;
+}
+export type NotificationsCreateParams = {
+    recipients: string[];
+    title: string;
+    body?: string;
+    link?: NotificationLink;
+    path?: string;
+    params?: Record<string, string>;
+    payload?: Record<string, unknown>;
+    idempotencyKey?: string;
+};
+export type NotificationsCreateResult = {
+    created: number;
+} | {
+    created: 0;
+    preview: true;
+    wouldCreate: number;
+};
+export declare class ZiteNotifications {
+    static create(params: NotificationsCreateParams): Promise<NotificationsCreateResult>;
+}
+export declare const Notifications: typeof ZiteNotifications;

package/dist/cjs/notifications/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Notifications = exports.ZiteNotifications = void 0;
+const sdkCall_js_1 = require("../internal/sdkCall.js");
+const NOTIFICATIONS_SDK_INTEGRATION_ID = '__notifications__';
+class ZiteNotifications {
+    static create(params) {
+        return (0, sdkCall_js_1.getSdkCall)()(NOTIFICATIONS_SDK_INTEGRATION_ID, 'ZiteNotifications', 'create', params);
+    }
+}
+exports.ZiteNotifications = ZiteNotifications;
+exports.Notifications = ZiteNotifications;

package/dist/cjs/sync/lib.js

@@ -1302,7 +1302,8 @@ function generateBackendWrapperTs(envVarNames = []) {
         "  User,",
         "  'name' | 'emailVerified' | 'image' | 'createdAt' | 'updatedAt'",
         "> &",
-        "  Pick<User, 'id' | 'email'>;",
+        "  Pick<User, 'id' | 'email'> &",
+        "  Pick<_ZiteRequestContext['user'], 'roles'>;",
         "",
         'export interface ZiteRequestContext extends Omit<_ZiteRequestContext, "user"> {',
         "  user: ZiteEndpointUser;",
@@ -1343,6 +1344,14 @@ function generateBackendWrapperTs(envVarNames = []) {
         "  return config;",
         "}",
         "",
+        "/**",
+        " * Checks if a user has a specific role. Returns true if the user has the role, false",
+        " * otherwise. If the user is not logged in, returns false.",
+        " */",
+        "export const hasRole = (context: ZiteRequestContext, roleId: string) => {",
+        "  return context.user?.roles?.some((r) => r.id === roleId);",
+        "};",
+        "",
         // 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.

package/dist/cjs/vite/index.js

@@ -11,6 +11,41 @@ const estree_walker_1 = require("estree-walker");
 const domTagNames_js_1 = require("./domTagNames.js");
 const validExtensions = new Set([".jsx", ".tsx"]);
 const fragmentNames = new Set(["Fragment", "React.Fragment"]);
+// react-three-fiber reads a dashed prop as a path into the three.js object, so
+// any data-zite-* prop that reaches one throws. Components from the three
+// ecosystem (drei, react-spring's `animated`) spread their props onto three
+// objects, and anything rendered in a scene may be a three object too. So a
+// component is only tagged where it is known to render DOM: under a DOM
+// element or drei's <Html>. In files that import the three ecosystem, a JSX
+// tree's root is not assumed to be DOM, since scene components live there.
+const threeIntrinsicDomNames = new Set(["audio", "line", "path", "source"]);
+function isThreeModule(source) {
+    return (source.startsWith("@react-three/") || source === "@react-spring/three");
+}
+/** Local binding name -> imported name ("*" for a namespace import). */
+function getThreeImports(ast) {
+    const imports = new Map();
+    for (const statement of ast.program.body) {
+        if (statement.type === "ImportDeclaration" &&
+            isThreeModule(statement.source.value)) {
+            for (const specifier of statement.specifiers) {
+                imports.set(specifier.local.name, specifier.type === "ImportSpecifier"
+                    ? specifier.imported.name ?? specifier.imported.value
+                    : "*");
+            }
+        }
+    }
+    return imports;
+}
+/** The three-ecosystem name an element refers to, if it comes from one. */
+function getThreeName(componentName, threeImports) {
+    const segments = componentName.split(".");
+    const imported = threeImports.get(segments[0]);
+    if (imported === undefined) {
+        return null;
+    }
+    return imported === "*" ? segments[segments.length - 1] : imported;
+}
 function getComponentName(elementName) {
     if (elementName.type === "JSXIdentifier") {
         return elementName.name;
@@ -51,18 +86,52 @@ function ziteId() {
                     plugins: ["jsx", "typescript"],
                 });
                 const magicString = new magic_string_1.default(code);
+                const threeImports = getThreeImports(ast);
+                const rootContext = threeImports.size > 0 ? "unknown" : "dom";
+                // The render context each open JSXElement gives its children.
+                const contextStack = [];
                 (0, estree_walker_1.walk)(ast, {
+                    leave(_node) {
+                        if (_node.type === "JSXElement") {
+                            contextStack.pop();
+                        }
+                    },
                     enter(_node) {
                         const node = _node;
                         if (node.type === "JSXElement") {
                             const openingElement = node.openingElement;
                             const children = node.children;
+                            const context = contextStack[contextStack.length - 1] ?? rootContext;
                             const componentName = getComponentName(openingElement.name);
-                            if (!componentName) {
+                            const kind = componentName ? classifyElement(componentName) : null;
+                            const threeName = componentName
+                                ? getThreeName(componentName, threeImports)
+                                : null;
+                            let childContext = context;
+                            if (threeName === "Html") {
+                                childContext = "dom";
+                            }
+                            else if (threeName !== null) {
+                                childContext = "scene";
+                            }
+                            else if (kind === "dom") {
+                                childContext = "dom";
+                            }
+                            else if (componentName &&
+                                kind === null &&
+                                !fragmentNames.has(componentName)) {
+                                childContext = "scene";
+                            }
+                            contextStack.push(childContext);
+                            if (!componentName || !kind) {
                                 return;
                             }
-                            const kind = classifyElement(componentName);
-                            if (!kind) {
+                            const isTagged = kind === "component"
+                                ? threeName === "Canvas" ||
+                                    (threeName === null && context === "dom")
+                                : !threeIntrinsicDomNames.has(componentName) ||
+                                    context === "dom";
+                            if (!isTagged) {
                                 return;
                             }
                             const line = openingElement.loc?.start?.line ?? 0;

package/dist/cjs/vite/index.test.js

@@ -42,9 +42,65 @@ async function transform(code) {
         const source = 'const a = <group><mesh position-x={1} /><ambientLight intensity={0.5} /></group>;';
         (0, vitest_1.expect)(await transform(source)).toBe(source);
     });
-    (0, vitest_1.it)('tags DOM elements nested inside non-DOM intrinsics', async () => {
+    (0, vitest_1.it)('tags DOM but not components nested inside non-DOM intrinsics', async () => {
         const code = await transform('const a = <group><Html><div /></Html></group>;');
-        (0, vitest_1.expect)(code).toBe('const a = <group><Html data-zite-id="src/App.tsx|1|17" data-zite-component="Html"><div data-zite-id="src/App.tsx|1|23" /></Html></group>;');
+        (0, vitest_1.expect)(code).toBe('const a = <group><Html><div data-zite-id="src/App.tsx|1|23" /></Html></group>;');
+    });
+    (0, vitest_1.describe)('react-three scenes', () => {
+        const scene = (jsx) => transform("import { Canvas } from '@react-three/fiber';\n" +
+            "import { Html, Text } from '@react-three/drei';\n" +
+            "import { Button } from './Button';\n" +
+            `const a = ${jsx};`);
+        (0, vitest_1.it)('skips three components, nested components and three.js intrinsics', async () => {
+            const code = await scene('<Canvas><Text>Hi</Text><Button /><line /></Canvas>');
+            (0, vitest_1.expect)(code).toContain('<Text>Hi</Text>');
+            (0, vitest_1.expect)(code).toContain('<Button />');
+            (0, vitest_1.expect)(code).toContain('<line />');
+        });
+        (0, vitest_1.it)('tags the Canvas container and UI next to it', async () => {
+            const code = await scene('<div><Canvas /><Button>Start</Button></div>');
+            (0, vitest_1.expect)(code).toMatch(/<Canvas data-zite-id="[^"]+" data-zite-component="Canvas" \/>/);
+            (0, vitest_1.expect)(code).toMatch(/<Button data-zite-id="[^"]+" data-zite-component="Button" data-zite-editable="true">/);
+        });
+        (0, vitest_1.it)('tags DOM and components inside an <Html> overlay again', async () => {
+            const code = await scene('<Canvas><Html><Button /><div /></Html></Canvas>');
+            (0, vitest_1.expect)(code).toContain('<Html>');
+            (0, vitest_1.expect)(code).toMatch(/<Button data-zite-id="[^"]+" data-zite-component="Button" \/>/);
+            (0, vitest_1.expect)(code).toMatch(/<div data-zite-id="[^"]+" \/>/);
+        });
+        (0, vitest_1.it)('skips the root of a scene component in the same file', async () => {
+            const code = await scene('<><Button position={[0, 0, 0]} /></>');
+            (0, vitest_1.expect)(code).toContain('<Button position={[0, 0, 0]} />');
+        });
+        (0, vitest_1.it)('skips children of three wrapper components', async () => {
+            const code = await transform("import { Float } from '@react-three/drei';\nimport { Box } from './Box';\nconst a = <Float><Box /></Float>;");
+            (0, vitest_1.expect)(code).toContain('<Float><Box /></Float>');
+        });
+        (0, vitest_1.it)('recognises aliased and namespaced three imports', async () => {
+            const code = await transform("import { Canvas as C } from '@react-three/fiber';\nimport * as Drei from '@react-three/drei';\n" +
+                "import { Box, Card } from './ui';\nconst a = <C><Box /><Drei.Html><Card /></Drei.Html></C>;");
+            (0, vitest_1.expect)(code).toMatch(/<C data-zite-id="[^"]+" data-zite-component="C">/);
+            (0, vitest_1.expect)(code).toContain('<Box />');
+            (0, vitest_1.expect)(code).toContain('<Drei.Html>');
+            (0, vitest_1.expect)(code).toMatch(/<Card data-zite-id="[^"]+" data-zite-component="Card" \/>/);
+        });
+        (0, vitest_1.it)('tags SVG lines and paths in DOM next to a scene', async () => {
+            const code = await scene('<div><svg><line /><path /></svg></div>');
+            (0, vitest_1.expect)(code).toMatch(/<line data-zite-id="[^"]+" \/>/);
+            (0, vitest_1.expect)(code).toMatch(/<path data-zite-id="[^"]+" \/>/);
+        });
+        (0, vitest_1.it)("skips react-spring's animated three elements", async () => {
+            const code = await transform("import { animated } from '@react-spring/three';\nconst a = <animated.mesh />;");
+            (0, vitest_1.expect)(code).toContain('<animated.mesh />');
+        });
+        (0, vitest_1.it)('skips components nested in a scene element in a file without three imports', async () => {
+            const code = await transform("import { Tree } from './Tree';\nconst a = <group><Tree /></group>;");
+            (0, vitest_1.expect)(code).toContain('<Tree />');
+        });
+    });
+    (0, vitest_1.it)('keeps tagging components in files that do not import react-three', async () => {
+        const code = await transform("import { Card } from './Card';\nconst a = <Card />;");
+        (0, vitest_1.expect)(code).toContain('<Card data-zite-id="src/App.tsx|2|10" data-zite-component="Card" />');
     });
     (0, vitest_1.it)('leaves fragments untouched', async () => {
         const source = 'const a = <Fragment><React.Fragment key="a" /></Fragment>;';

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

@@ -67,7 +67,7 @@ export declare const signIn: {
     }, FetchOptions["throw"] extends true ? true : false>>;
 } & {
     social: <FetchOptions extends import("better-auth").ClientFetchOption<Partial<{
-        provider: "salesforce" | "slack" | "linear" | "notion" | "linkedin" | "github" | (string & {}) | "huggingface" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "gitlab" | "tiktok" | "reddit" | "roblox" | "vk" | "zoom" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "railway" | "vercel" | "wechat";
+        provider: "salesforce" | "slack" | "linear" | "notion" | "linkedin" | "github" | "dropbox" | (string & {}) | "huggingface" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "spotify" | "twitch" | "twitter" | "kick" | "gitlab" | "tiktok" | "reddit" | "roblox" | "vk" | "zoom" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "railway" | "vercel" | "wechat";
         callbackURL?: string | undefined;
         newUserCallbackURL?: string | undefined;
         errorCallbackURL?: string | undefined;
@@ -91,7 +91,7 @@ export declare const signIn: {
         loginHint?: string | undefined;
         additionalData?: Record<string, any> | undefined;
     }> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined>>(data_0: import("better-auth/react").Prettify<{
-        provider: "salesforce" | "slack" | "linear" | "notion" | "linkedin" | "github" | (string & {}) | "huggingface" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "gitlab" | "tiktok" | "reddit" | "roblox" | "vk" | "zoom" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "railway" | "vercel" | "wechat";
+        provider: "salesforce" | "slack" | "linear" | "notion" | "linkedin" | "github" | "dropbox" | (string & {}) | "huggingface" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "spotify" | "twitch" | "twitter" | "kick" | "gitlab" | "tiktok" | "reddit" | "roblox" | "vk" | "zoom" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "railway" | "vercel" | "wechat";
         callbackURL?: string | undefined;
         newUserCallbackURL?: string | undefined;
         errorCallbackURL?: string | undefined;

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

@@ -129,6 +129,10 @@ export interface ZiteRequestContext {
     user: {
         id: string;
         email: string;
+        roles: Array<{
+            id: string;
+            name: string;
+        }>;
         [key: string]: unknown;
     };
     userId?: string;

package/dist/esm/backend/index.test.js

@@ -2,7 +2,7 @@ import { describe, it, expect, afterEach, vi } from "vitest";
 import { z } from "zod";
 import { createEndpoint, ZiteError, } from "./index.js";
 import { createTableClient } from "../runtime/index.js";
-const requestContext = { user: { id: "u1", email: "a@b.c" } };
+const requestContext = { user: { id: "u1", email: "a@b.c", roles: [] } };
 afterEach(() => {
     vi.unstubAllGlobals();
 });

package/dist/esm/bundle/index.js

@@ -62,6 +62,7 @@ const PREBUNDLED_LIBS = {
     '@elevenlabs/elevenlabs-js': '__elevenlabs__.js',
     'resend': '__resend__.js',
     '@clickhouse/client-web': '__clickhouse__.js',
+    'dropbox': '__dropbox__.js',
     // Three packages, one module: the presigners take an S3Client instance, so a
     // separate bundle each would hand them a structurally identical but distinct
     // class. The worker bundles all three together for that reason.

package/dist/esm/integrations/rules.d.ts

@@ -40,6 +40,8 @@ declare const FIELDS_BY_TYPE: {
     apollo: readonly string[];
     attio: readonly string[];
     granola: readonly string[];
+    dropbox: readonly string[];
+    amazonS3: readonly string[];
 };
 /** A service type `integrations.get` serves: one used through its npm package with a token. */
 export type CredentialServiceType = keyof typeof FIELDS_BY_TYPE;

package/dist/esm/integrations/rules.js

@@ -46,6 +46,10 @@ const FIELDS_BY_TYPE = {
     apollo: extras(),
     attio: extras(),
     granola: extras(),
+    dropbox: extras(),
+    // The IAM key alone reaches nothing: every call needs the region and the
+    // bucket, and S3-compatible providers need the endpoint too.
+    amazonS3: extras("keyId", "region", "bucket", "endpoint", "pathPrefix"),
 };
 /** Per service type: `accessToken`, then its extra labels sorted (Salesforce `instanceUrl`). */
 export const CREDENTIAL_FIELDS = FIELDS_BY_TYPE;
@@ -55,6 +59,8 @@ export const CREDENTIAL_FIELDS = FIELDS_BY_TYPE;
  */
 export const OPTIONAL_CREDENTIAL_FIELDS = {
     jira: ["siteUrl"],
+    // Only S3-compatible providers set an endpoint, and a prefix is opt-in.
+    amazonS3: ["endpoint", "pathPrefix"],
 };
 /**
  * Types the runtime never serves: those with a generated client (Airtable, email,

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

@@ -0,0 +1,14 @@
+export type ZiteProjectUser = {
+    uuid: string;
+    firstName: string | null;
+    lastName: string | null;
+    email: string;
+    profilePictureUrl: string | null;
+};
+export type MetaListUsersResult = {
+    users: ZiteProjectUser[];
+};
+export declare class ZiteMeta {
+    static listUsers(): Promise<MetaListUsersResult>;
+}
+export declare const Meta: typeof ZiteMeta;

package/dist/esm/meta/index.js

@@ -0,0 +1,8 @@
+import { getSdkCall } from '../internal/sdkCall.js';
+const META_SDK_INTEGRATION_ID = '__meta__';
+export class ZiteMeta {
+    static listUsers() {
+        return getSdkCall()(META_SDK_INTEGRATION_ID, 'ZiteMeta', 'listUsers', {});
+    }
+}
+export const Meta = ZiteMeta;

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

@@ -0,0 +1,25 @@
+export interface NotificationLink {
+    path?: string;
+    params?: Record<string, string>;
+}
+export type NotificationsCreateParams = {
+    recipients: string[];
+    title: string;
+    body?: string;
+    link?: NotificationLink;
+    path?: string;
+    params?: Record<string, string>;
+    payload?: Record<string, unknown>;
+    idempotencyKey?: string;
+};
+export type NotificationsCreateResult = {
+    created: number;
+} | {
+    created: 0;
+    preview: true;
+    wouldCreate: number;
+};
+export declare class ZiteNotifications {
+    static create(params: NotificationsCreateParams): Promise<NotificationsCreateResult>;
+}
+export declare const Notifications: typeof ZiteNotifications;

package/dist/esm/notifications/index.js

@@ -0,0 +1,8 @@
+import { getSdkCall } from '../internal/sdkCall.js';
+const NOTIFICATIONS_SDK_INTEGRATION_ID = '__notifications__';
+export class ZiteNotifications {
+    static create(params) {
+        return getSdkCall()(NOTIFICATIONS_SDK_INTEGRATION_ID, 'ZiteNotifications', 'create', params);
+    }
+}
+export const Notifications = ZiteNotifications;

package/dist/esm/sync/lib.js

@@ -1287,7 +1287,8 @@ export function generateBackendWrapperTs(envVarNames = []) {
         "  User,",
         "  'name' | 'emailVerified' | 'image' | 'createdAt' | 'updatedAt'",
         "> &",
-        "  Pick<User, 'id' | 'email'>;",
+        "  Pick<User, 'id' | 'email'> &",
+        "  Pick<_ZiteRequestContext['user'], 'roles'>;",
         "",
         'export interface ZiteRequestContext extends Omit<_ZiteRequestContext, "user"> {',
         "  user: ZiteEndpointUser;",
@@ -1328,6 +1329,14 @@ export function generateBackendWrapperTs(envVarNames = []) {
         "  return config;",
         "}",
         "",
+        "/**",
+        " * Checks if a user has a specific role. Returns true if the user has the role, false",
+        " * otherwise. If the user is not logged in, returns false.",
+        " */",
+        "export const hasRole = (context: ZiteRequestContext, roleId: string) => {",
+        "  return context.user?.roles?.some((r) => r.id === roleId);",
+        "};",
+        "",
         // 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.

package/dist/esm/vite/index.js

@@ -5,6 +5,41 @@ import { walk } from "estree-walker";
 import { domTagNames } from "./domTagNames.js";
 const validExtensions = new Set([".jsx", ".tsx"]);
 const fragmentNames = new Set(["Fragment", "React.Fragment"]);
+// react-three-fiber reads a dashed prop as a path into the three.js object, so
+// any data-zite-* prop that reaches one throws. Components from the three
+// ecosystem (drei, react-spring's `animated`) spread their props onto three
+// objects, and anything rendered in a scene may be a three object too. So a
+// component is only tagged where it is known to render DOM: under a DOM
+// element or drei's <Html>. In files that import the three ecosystem, a JSX
+// tree's root is not assumed to be DOM, since scene components live there.
+const threeIntrinsicDomNames = new Set(["audio", "line", "path", "source"]);
+function isThreeModule(source) {
+    return (source.startsWith("@react-three/") || source === "@react-spring/three");
+}
+/** Local binding name -> imported name ("*" for a namespace import). */
+function getThreeImports(ast) {
+    const imports = new Map();
+    for (const statement of ast.program.body) {
+        if (statement.type === "ImportDeclaration" &&
+            isThreeModule(statement.source.value)) {
+            for (const specifier of statement.specifiers) {
+                imports.set(specifier.local.name, specifier.type === "ImportSpecifier"
+                    ? specifier.imported.name ?? specifier.imported.value
+                    : "*");
+            }
+        }
+    }
+    return imports;
+}
+/** The three-ecosystem name an element refers to, if it comes from one. */
+function getThreeName(componentName, threeImports) {
+    const segments = componentName.split(".");
+    const imported = threeImports.get(segments[0]);
+    if (imported === undefined) {
+        return null;
+    }
+    return imported === "*" ? segments[segments.length - 1] : imported;
+}
 function getComponentName(elementName) {
     if (elementName.type === "JSXIdentifier") {
         return elementName.name;
@@ -45,18 +80,52 @@ export function ziteId() {
                     plugins: ["jsx", "typescript"],
                 });
                 const magicString = new MagicString(code);
+                const threeImports = getThreeImports(ast);
+                const rootContext = threeImports.size > 0 ? "unknown" : "dom";
+                // The render context each open JSXElement gives its children.
+                const contextStack = [];
                 walk(ast, {
+                    leave(_node) {
+                        if (_node.type === "JSXElement") {
+                            contextStack.pop();
+                        }
+                    },
                     enter(_node) {
                         const node = _node;
                         if (node.type === "JSXElement") {
                             const openingElement = node.openingElement;
                             const children = node.children;
+                            const context = contextStack[contextStack.length - 1] ?? rootContext;
                             const componentName = getComponentName(openingElement.name);
-                            if (!componentName) {
+                            const kind = componentName ? classifyElement(componentName) : null;
+                            const threeName = componentName
+                                ? getThreeName(componentName, threeImports)
+                                : null;
+                            let childContext = context;
+                            if (threeName === "Html") {
+                                childContext = "dom";
+                            }
+                            else if (threeName !== null) {
+                                childContext = "scene";
+                            }
+                            else if (kind === "dom") {
+                                childContext = "dom";
+                            }
+                            else if (componentName &&
+                                kind === null &&
+                                !fragmentNames.has(componentName)) {
+                                childContext = "scene";
+                            }
+                            contextStack.push(childContext);
+                            if (!componentName || !kind) {
                                 return;
                             }
-                            const kind = classifyElement(componentName);
-                            if (!kind) {
+                            const isTagged = kind === "component"
+                                ? threeName === "Canvas" ||
+                                    (threeName === null && context === "dom")
+                                : !threeIntrinsicDomNames.has(componentName) ||
+                                    context === "dom";
+                            if (!isTagged) {
                                 return;
                             }
                             const line = openingElement.loc?.start?.line ?? 0;

package/dist/esm/vite/index.test.js

@@ -37,9 +37,65 @@ describe('ziteId', () => {
         const source = 'const a = <group><mesh position-x={1} /><ambientLight intensity={0.5} /></group>;';
         expect(await transform(source)).toBe(source);
     });
-    it('tags DOM elements nested inside non-DOM intrinsics', async () => {
+    it('tags DOM but not components nested inside non-DOM intrinsics', async () => {
         const code = await transform('const a = <group><Html><div /></Html></group>;');
-        expect(code).toBe('const a = <group><Html data-zite-id="src/App.tsx|1|17" data-zite-component="Html"><div data-zite-id="src/App.tsx|1|23" /></Html></group>;');
+        expect(code).toBe('const a = <group><Html><div data-zite-id="src/App.tsx|1|23" /></Html></group>;');
+    });
+    describe('react-three scenes', () => {
+        const scene = (jsx) => transform("import { Canvas } from '@react-three/fiber';\n" +
+            "import { Html, Text } from '@react-three/drei';\n" +
+            "import { Button } from './Button';\n" +
+            `const a = ${jsx};`);
+        it('skips three components, nested components and three.js intrinsics', async () => {
+            const code = await scene('<Canvas><Text>Hi</Text><Button /><line /></Canvas>');
+            expect(code).toContain('<Text>Hi</Text>');
+            expect(code).toContain('<Button />');
+            expect(code).toContain('<line />');
+        });
+        it('tags the Canvas container and UI next to it', async () => {
+            const code = await scene('<div><Canvas /><Button>Start</Button></div>');
+            expect(code).toMatch(/<Canvas data-zite-id="[^"]+" data-zite-component="Canvas" \/>/);
+            expect(code).toMatch(/<Button data-zite-id="[^"]+" data-zite-component="Button" data-zite-editable="true">/);
+        });
+        it('tags DOM and components inside an <Html> overlay again', async () => {
+            const code = await scene('<Canvas><Html><Button /><div /></Html></Canvas>');
+            expect(code).toContain('<Html>');
+            expect(code).toMatch(/<Button data-zite-id="[^"]+" data-zite-component="Button" \/>/);
+            expect(code).toMatch(/<div data-zite-id="[^"]+" \/>/);
+        });
+        it('skips the root of a scene component in the same file', async () => {
+            const code = await scene('<><Button position={[0, 0, 0]} /></>');
+            expect(code).toContain('<Button position={[0, 0, 0]} />');
+        });
+        it('skips children of three wrapper components', async () => {
+            const code = await transform("import { Float } from '@react-three/drei';\nimport { Box } from './Box';\nconst a = <Float><Box /></Float>;");
+            expect(code).toContain('<Float><Box /></Float>');
+        });
+        it('recognises aliased and namespaced three imports', async () => {
+            const code = await transform("import { Canvas as C } from '@react-three/fiber';\nimport * as Drei from '@react-three/drei';\n" +
+                "import { Box, Card } from './ui';\nconst a = <C><Box /><Drei.Html><Card /></Drei.Html></C>;");
+            expect(code).toMatch(/<C data-zite-id="[^"]+" data-zite-component="C">/);
+            expect(code).toContain('<Box />');
+            expect(code).toContain('<Drei.Html>');
+            expect(code).toMatch(/<Card data-zite-id="[^"]+" data-zite-component="Card" \/>/);
+        });
+        it('tags SVG lines and paths in DOM next to a scene', async () => {
+            const code = await scene('<div><svg><line /><path /></svg></div>');
+            expect(code).toMatch(/<line data-zite-id="[^"]+" \/>/);
+            expect(code).toMatch(/<path data-zite-id="[^"]+" \/>/);
+        });
+        it("skips react-spring's animated three elements", async () => {
+            const code = await transform("import { animated } from '@react-spring/three';\nconst a = <animated.mesh />;");
+            expect(code).toContain('<animated.mesh />');
+        });
+        it('skips components nested in a scene element in a file without three imports', async () => {
+            const code = await transform("import { Tree } from './Tree';\nconst a = <group><Tree /></group>;");
+            expect(code).toContain('<Tree />');
+        });
+    });
+    it('keeps tagging components in files that do not import react-three', async () => {
+        const code = await transform("import { Card } from './Card';\nconst a = <Card />;");
+        expect(code).toContain('<Card data-zite-id="src/App.tsx|2|10" data-zite-component="Card" />');
     });
     it('leaves fragments untouched', async () => {
         const source = 'const a = <Fragment><React.Fragment key="a" /></Fragment>;';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zitejs",
-  "version": "0.9.131",
+  "version": "0.9.134",
   "description": "The Zite framework — build apps on Zite Database",
   "type": "module",
   "sideEffects": false,