attio 0.0.1-experimental.20240909 → 0.0.1-experimental.20240913

package/attio.js

@@ -0,0 +1 @@
+module.exports = require("./lib/attio.js")

package/client.d.ts

@@ -0,0 +1 @@
+export * from "./lib/client"

package/global.d.ts

@@ -0,0 +1,19 @@
+export {}
+
+declare global {
+    // Ignoring React because this is consumed as a peerDependency in extensions
+
+    function setTimeout(fn: () => void, ms: number): unknown
+
+    function clearTimeout(timeout: ReturnType<typeof setTimeout>): void
+
+    function setInterval(fn: () => void, ms: number): unknown
+
+    function clearInterval(interval: ReturnType<typeof setInterval>): void
+
+    function queueMicrotask(callback: () => void): void
+
+    const window: {
+        open(url?: string, target?: string, features?: string): void
+    }
+}

package/lib/api/add-connection-definition.js

@@ -29,4 +29,3 @@ export async function addConnectionDefinition({ token, devSlug, appId, connectio
     await handleError(response);
     return addConnectionSchema.parse(await response.json());
 }
-//# sourceMappingURL=add-connection-definition.js.map

package/lib/api/complete-bundle-upload.js

@@ -19,4 +19,3 @@ export async function completeBundleUpload({ token, developerSlug, appId, devVer
         throw new Error(JSON.stringify(json));
     }
 }
-//# sourceMappingURL=complete-bundle-upload.js.map

package/lib/api/complete-prod-bundle-upload.js

@@ -19,4 +19,3 @@ export async function completeProdBundleUpload({ token, developerSlug, appId, bu
         throw new Error(JSON.stringify(json));
     }
 }
-//# sourceMappingURL=complete-prod-bundle-upload.js.map

package/lib/api/create-app.js

@@ -38,4 +38,3 @@ export async function createApp({ token, developerSlug, appSlug, title, }) {
         throw new Error(JSON.stringify(json));
     }
 }
-//# sourceMappingURL=create-app.js.map

package/lib/api/create-dev-version.js

@@ -20,4 +20,3 @@ export async function createDevVersion({ token, devSlug, appId, targetWorkspaceI
     await handleError(response);
     return createDevVersionSchema.parse(await response.json());
 }
-//# sourceMappingURL=create-dev-version.js.map

package/lib/api/create-developer-account.js

@@ -34,4 +34,3 @@ export async function createDeveloperAccount({ token, developerSlug, }) {
         throw new Error(JSON.stringify(json));
     }
 }
-//# sourceMappingURL=create-developer-account.js.map

package/lib/api/create-version.js

@@ -22,4 +22,3 @@ export async function createVersion({ token, devSlug, appId, connection, }) {
     await handleError(response);
     return createVersionSchema.parse(await response.json());
 }
-//# sourceMappingURL=create-version.js.map

package/lib/api/fetch-versions.js

@@ -47,4 +47,3 @@ export async function fetchUnpublishedVersions({ token, devSlug, appId, }) {
     const versions = await fetchVersions({ token, devSlug, appId });
     return versions.filter((v) => !v.is_published);
 }
-//# sourceMappingURL=fetch-versions.js.map

package/lib/api/generate-invite-link.js

@@ -14,4 +14,3 @@ export async function generateInviteLink({ token, devSlug, appId, major, minor,
     const json = await response.json();
     return generateInviteLinkSchema.parse(json).invite_link;
 }
-//# sourceMappingURL=generate-invite-link.js.map

package/lib/api/handle-error.js

@@ -9,4 +9,3 @@ export async function handleError(response) {
     const error = serverErrorSchema.parse(json);
     throw new Error(error.message);
 }
-//# sourceMappingURL=handle-error.js.map

package/lib/api/is-app-slug-valid.js

@@ -15,4 +15,3 @@ export async function isAppSlugValid({ token, developerSlug, appSlug, }) {
     await handleError(response);
     return !isAppSlugValidSchema.parse(await response.json()).exists;
 }
-//# sourceMappingURL=is-app-slug-valid.js.map

package/lib/api/make-headers.js

@@ -5,4 +5,3 @@ export function makeHeaders(token) {
         "Content-Type": "application/json",
     };
 }
-//# sourceMappingURL=make-headers.js.map

package/lib/api/publish-version.js

@@ -13,4 +13,3 @@ export async function publishVersion({ token, devSlug, appId, major, minor, }) {
     await handleError(response);
     return publishVersionSchema.parse(await response.json());
 }
-//# sourceMappingURL=publish-version.js.map

package/lib/api/remove-connection-definition.js

@@ -9,4 +9,3 @@ export async function removeConnectionDefinition({ token, devSlug, appId, }) {
     });
     await handleError(response);
 }
-//# sourceMappingURL=remove-connection-definition.js.map

package/lib/api/start-upload.js

@@ -16,4 +16,3 @@ export async function startUpload({ token, developerSlug, appId, devVersionId, }
     await handleError(response);
     return startUploadSchema.parse(await response.json());
 }
-//# sourceMappingURL=start-upload.js.map

package/lib/attio.js

@@ -7,4 +7,3 @@ const app = new Pastel({
     version: "0.0.1",
 });
 await app.run();
-//# sourceMappingURL=attio.js.map

package/lib/build/client/create-client-build-config.js

@@ -1,12 +1,8 @@
 import globalExternals from "@fal-works/esbuild-plugin-global-externals";
 import { proxyServerModulesPlugin } from "../proxy-server-modules-plugin.js";
-export function createClientBuildConfig({ appDir, contents, }) {
+export function createClientBuildConfig({ appDir, entryPoint, }) {
     return {
-        stdin: {
-            contents,
-            resolveDir: ".",
-            loader: "tsx",
-        },
+        entryPoints: [entryPoint],
         logLevel: "silent",
         bundle: true,
         platform: "browser",
@@ -14,7 +10,7 @@ export function createClientBuildConfig({ appDir, contents, }) {
         plugins: [
             globalExternals({
                 "react": "React",
-                "@attio/extension-sdk": {
+                "attio/client": {
                     varName: "ATTIO_CLIENT_EXTENSION_SDK",
                     type: "cjs",
                 },
@@ -23,4 +19,3 @@ export function createClientBuildConfig({ appDir, contents, }) {
         ],
     };
 }
-//# sourceMappingURL=create-client-build-config.js.map

package/lib/build/client/generate-client-entry.js

@@ -1,7 +1,9 @@
+import fs from "fs/promises";
 import { glob } from "glob";
 import path from "path";
 const ROUTE_FILE_EXTENSIONS = ["tsx", "jsx", "ts", "js"];
-export async function generateClientEntry({ appDir, routes, log, }) {
+const ASSET_FILE_EXTENSIONS = ["png"];
+export async function generateClientEntry({ filePath, appDir, assetsDir, routes, log, }) {
     log?.(`💥 Found entry point at ${path.resolve(appDir)}`);
     const paths = routes.flatMap((route) => ROUTE_FILE_EXTENSIONS.map((fileExtension) => route + "." + fileExtension));
     const concreteRoutes = (await Promise.all(paths.map(async (path) => {
@@ -22,14 +24,38 @@ export async function generateClientEntry({ appDir, routes, log, }) {
             return [];
         }
     }))).flat();
+    let assetFiles;
+    try {
+        assetFiles = await fs.readdir(assetsDir, { recursive: true });
+    }
+    catch {
+        assetFiles = [];
+    }
+    const assets = assetFiles
+        .filter((relativeAssetPath) => ASSET_FILE_EXTENSIONS.some((extension) => relativeAssetPath.endsWith(extension)))
+        .map((relativeAssetPath) => ({
+        path: path.join(assetsDir, relativeAssetPath),
+        name: relativeAssetPath,
+    }));
     return `
 ${concreteRoutes
-        .map((routeAndPath, index) => `import C${index} from ${JSON.stringify(`.${path.sep}${path.join(appDir, routeAndPath.path)}`)}`)
+        .map((routeAndPath, index) => `import C${index} from ${JSON.stringify(path.relative(filePath, path.join(appDir, routeAndPath.path)))}`)
         .join("\n")}
 
+    const assets = []
+
+${assets
+        .map((asset, index) => `
+import A${index} from ${JSON.stringify(path.relative(filePath, asset.path))};
+            
+assets.push({name: ${JSON.stringify(asset.name)}, data: A${index}})
+            `)
+        .join("\n")}
+
+registerAssets(assets)
+
 ${concreteRoutes
         .map((routeAndPath, index) => `registerExtensionComponent({route: ${JSON.stringify(routeAndPath.route)}, component: C${index}})`)
         .join("\n")}
 `;
 }
-//# sourceMappingURL=generate-client-entry.js.map

package/lib/build/get-module-hash.js

@@ -2,4 +2,3 @@ import { murmur3 } from "murmurhash-js";
 export function getModuleHash(modulePath) {
     return murmur3(modulePath).toString(16);
 }
-//# sourceMappingURL=get-module-hash.js.map

package/lib/build/proxy-server-modules-plugin.js

@@ -29,4 +29,3 @@ export function proxyServerModulesPlugin({ appDir }) {
         },
     };
 }
-//# sourceMappingURL=proxy-server-modules-plugin.js.map

package/lib/build/server/create-server-build-config.js

@@ -1,17 +1,13 @@
 import globalExternals from "@fal-works/esbuild-plugin-global-externals";
-export function createServerBuildConfig(contents) {
+export function createServerBuildConfig(entryPoint) {
     return {
-        stdin: {
-            contents,
-            resolveDir: ".",
-            loader: "ts",
-        },
+        entryPoints: [entryPoint],
         bundle: true,
         platform: "browser",
         format: "esm",
         plugins: [
             globalExternals({
-                "@attio/extension-sdk": {
+                "attio/client": {
                     varName: "ATTIO_CLIENT_EXTENSION_SDK",
                     type: "cjs",
                 },
@@ -19,4 +15,3 @@ export function createServerBuildConfig(contents) {
         ],
     };
 }
-//# sourceMappingURL=create-server-build-config.js.map

package/lib/build/server/generate-server-entry.js

@@ -1,56 +1,89 @@
 import { glob } from "glob";
 import path from "path";
 import { getModuleHash } from "../get-module-hash.js";
-export async function generateServerEntry({ appDir, log, }) {
-    const concretePaths = (await Promise.all([
-        glob("**/*.server.ts", { nodir: true, cwd: appDir }),
-        glob("**/*.server.js", { nodir: true, cwd: appDir }),
-    ])).flat();
-    const modules = concretePaths.map((path) => ({
+export async function generateServerEntry({ appDir, webhooksDir, filePath, log, }) {
+    const [serverFunctionConcretePaths, webhookConcretePaths] = await Promise.all([
+        Promise.all([
+            glob("**/*.server.ts", { nodir: true, cwd: appDir }),
+            glob("**/*.server.js", { nodir: true, cwd: appDir }),
+        ]).then((paths) => paths.flat()),
+        Promise.all([
+            glob("**/*.webhook.ts", { nodir: true, cwd: webhooksDir }),
+            glob("**/*.webhook.js", { nodir: true, cwd: webhooksDir }),
+        ]).then((paths) => paths.flat()),
+    ]);
+    const serverFunctionModules = serverFunctionConcretePaths.map((path) => ({
         path,
         hash: getModuleHash(path.replace(/\.(js|ts)$/, "")),
     }));
-    for (const module of modules) {
+    const webhookModules = webhookConcretePaths.map((path) => ({
+        path,
+        id: path.replace(/\.webhook\.(js|ts)$/, ""),
+    }));
+    for (const module of serverFunctionModules) {
         log?.(`🔎 Found server module "${module.path}"`);
     }
     return `
     
         const modules = new Map()
-
+        const webhookModules = new Map()
 
     
-        ${modules
-        .map((module) => `modules.set("${module.hash}", () => import(${JSON.stringify(`.${path.sep}${path.join(appDir, module.path)}`)}))`)
+        ${serverFunctionModules
+        .map((module) => `modules.set("${module.hash}", () => import(${JSON.stringify(path.relative(filePath, path.join(appDir, module.path)))}))`)
         .join("\n")}
 
+        ${webhookModules
+        .map((module) => `webhookModules.set("${module.id}", () => import(${JSON.stringify(path.relative(filePath, path.join(webhooksDir, module.path)))}))`)
+        .join("\n")}
 
-var stdin_default;
-function main() {
-    stdin_default = async function(moduleHash, args) {
+        var stdin_default;
+        var stdin_webhooks_default;
+        function main() {
+            stdin_default = async function(moduleHash, args) {
+                const module = modules.get(moduleHash)
 
+                if (!module) {
+                    throw new Error(\`Module \${moduleHash} not found\`)
+                }
 
-        const module = modules.get(moduleHash)
+                const func = (await module()).default
 
-        if (!module) {
-            throw new Error(\`Module \${moduleHash} not found\`)
-        }
+                if (!func) {
+                    throw new Error(\`Default export not found in module \${moduleHash}\`)
+                }
 
-        const func = (await module()).default
+                if (typeof func !== "function") {
+                    throw new Error(\`\${moduleHash} does not export a function\`)
+                }
 
-        if (!func) {
-            throw new Error(\`Default export not found in module \${moduleHash}\`)
-        }
+                return func(...args)
+            }
+
+            stdin_webhooks_default = async function(webhookModuleId, args) {
+                const module = webhookModules.get(webhookModuleId)
 
-        if (typeof func !== "function") {
-            throw new Error(\`\${moduleHash} does not export a function\`)
+                if (!module) {
+                    throw new Error(\`Webhook handler not found: \${webhookModuleId}\`)
+                }
+
+                const func = (await module()).default
+
+                if (!func) {
+                    throw new Error(\`Default export not found in module \${webhookModuleId}\`)
+                }
+
+                if (typeof func !== "function") {
+                    throw new Error(\`\${webhookModuleId} does not export a function\`)
+                }
+
+                return func(...args)
+            }
         }
 
-        return func(...args)
-    }
-}
 
-main()
+
+        main()
 
 `;
 }
-//# sourceMappingURL=generate-server-entry.js.map

package/lib/build.js

@@ -16,4 +16,3 @@ export const errorSchema = z.object({
     errors: z.array(buildErrorSchema),
     warnings: z.array(buildErrorSchema),
 });
-//# sourceMappingURL=build.js.map

package/lib/client/components/action.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+/**
+ * Action Button
+ */
+export declare function Action(props: {
+    onTrigger: () => void;
+    icon?: string;
+    disabled?: boolean;
+    children: React.ReactNode;
+}): React.JSX.Element;

package/lib/client/components/combobox.d.ts

@@ -0,0 +1,9 @@
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    color?: string;
+}
+export interface ComboboxOptionsProvider {
+    getOption: (value: string) => Promise<Omit<ComboboxOption, "value">>;
+    search: (query: string) => Promise<Array<ComboboxOption>>;
+}

package/lib/client/components/dialog.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+/**
+ * A modal dialog
+ */
+export declare function Dialog(props: {
+    title: string;
+    visible: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+}): React.JSX.Element;

package/lib/client/components/index.d.ts

@@ -0,0 +1,6 @@
+export { Action } from "./action.js";
+export { ComboboxOption, ComboboxOptionsProvider } from "./combobox.js";
+export { Dialog } from "./dialog.js";
+export { Multistep, Step } from "./multistep.js";
+export { Section } from "./section.js";
+export { TextBlock } from "./text-block.js";

package/lib/client/components/multistep.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface Step {
+    title: string;
+    content: React.ReactNode;
+    isValid?: boolean;
+}
+/**
+ * A multi-step component
+ */
+export declare function Multistep(props: {
+    initialStep?: number;
+    steps: ReadonlyArray<Step>;
+    onDone: () => void;
+    nextLabel?: string;
+    previousLabel?: string;
+    doneLabel?: string;
+}): React.JSX.Element;

package/lib/client/components/section.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+/**
+ * A section of a page
+ */
+export declare function Section(props: {
+    title: string;
+    children?: React.ReactNode;
+}): React.JSX.Element;

package/lib/client/components/text-block.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+/**
+ * A text block
+ */
+export declare function TextBlock(props: {
+    align?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | "initial" | "inherit";
+    children: React.ReactNode;
+}): React.JSX.Element;

package/lib/client/forms/array.d.ts

@@ -0,0 +1,12 @@
+/**
+ * An array form value.
+ */
+export interface FormArray<T> {
+    type: "array";
+    elementType: T;
+    optional(): FormArray<T>;
+}
+/**
+ * Create a new array form value.
+ */
+export declare function array<T>(elementType: T): FormArray<T>;

package/lib/client/forms/build.d.ts

@@ -0,0 +1,48 @@
+import { ComboboxOption, ComboboxOptionsProvider } from "../components";
+import { ValueOf, PathTo } from "./path";
+export interface Form<TSchema> {
+    Provider: (props: {
+        initialValues: ValueOf<TSchema>;
+        onSubmit: (data: ValueOf<TSchema>) => void;
+        children: React.ReactNode;
+    }) => JSX.Element;
+    WithSubmit: (props: {
+        children: (submit: () => void) => React.ReactNode;
+    }) => JSX.Element;
+    WithValues: (props: {
+        children: (values: ValueOf<TSchema>) => React.ReactNode;
+    }) => JSX.Element;
+    Input: React.FC<{
+        label: string;
+        data: PathTo<TSchema, "string" | "number">;
+        placeholder?: string;
+        disabled?: boolean;
+    }>;
+    Combobox: React.FC<{
+        label: string;
+        data: PathTo<TSchema, "string">;
+        options: Array<ComboboxOption> | ComboboxOptionsProvider;
+        placeholder?: string;
+        disabled?: boolean;
+    }>;
+    Collection: <TPath extends PathTo<TSchema, "array">>(props: {
+        label: string;
+        data: TPath;
+        children: (args: {
+            path: `${TPath}.${number}`;
+            index: number;
+        }) => React.ReactNode;
+    }) => React.ReactElement;
+    CollectionItem: React.FC<{
+        label: string;
+        children: React.ReactNode;
+    }>;
+    SubmitButton: React.FC<{
+        label: string;
+        disabled?: boolean;
+    }>;
+}
+/**
+ * Build a new form from a schema.
+ */
+export declare function build<TSchema>(schema: TSchema): Form<TSchema>;

package/lib/client/forms/index.d.ts

@@ -0,0 +1,4 @@
+export { build } from "./build";
+export { array } from "./array";
+export { number } from "./number";
+export { string } from "./string";

package/lib/client/forms/number.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A number form value.
+ */
+export interface FormNumber {
+    type: "number";
+    isOptional: boolean;
+    default(value: number): FormNumber;
+    max(max: number): FormNumber;
+    min(min: number): FormNumber;
+}
+/**
+ * Create a new number form value.
+ */
+export declare function number(): FormNumber;

package/lib/client/forms/path.d.ts

@@ -0,0 +1,34 @@
+import { Prettify } from "../util/prettify";
+import { FormArray } from "./array";
+import { FormNumber } from "./number";
+import { FormString } from "./string";
+type Assert<TCat, TAnimal> = TCat extends TAnimal ? TCat : never;
+type Join<A extends string | number | null, B extends string | number> = A extends null ? B : `${A}.${B}`;
+export type ValueType = "string" | "number" | "array";
+export type SchemaNode = FormString | FormNumber | FormArray<any> | {
+    type: "object";
+};
+type PathWithTypeRecursive<TState, TRoot extends string | number | null> = TState extends FormString ? {
+    path: TRoot;
+    type: "string";
+} : TState extends FormNumber ? {
+    path: TRoot;
+    type: "number";
+} : TState extends FormArray<infer TElement> ? {
+    path: TRoot;
+    type: "array";
+} | PathWithTypeRecursive<TElement, Join<TRoot, number>> : {
+    [K in keyof TState]: K extends string ? PathWithTypeRecursive<TState[K], Join<TRoot, K>> : never;
+}[keyof TState];
+type PathWithType<TState> = Assert<Prettify<PathWithTypeRecursive<TState, null>>, {
+    path: string;
+    type: ValueType;
+}>;
+export type Path<TState> = PathWithType<TState>["path"];
+export type PathTo<TState, TType extends ValueType> = Extract<PathWithType<TState>, {
+    type: TType;
+}>["path"];
+export type ValueOf<TState> = TState extends FormString ? string : TState extends FormNumber ? number : TState extends FormArray<infer TElement> ? Array<ValueOf<TElement>> : {
+    [K in keyof TState]: K extends string ? ValueOf<TState[K]> : never;
+};
+export {};

package/lib/client/forms/string.d.ts

@@ -0,0 +1,15 @@
+/**
+ * A string form value.
+ */
+export interface FormString {
+    type: "string";
+    isMultiline: boolean;
+    isOptional: boolean;
+    default(value: string): FormString;
+    multiline(): FormString;
+    optional(): FormString;
+}
+/**
+ * Create a new string form value.
+ */
+export declare function string(): FormString;

package/lib/client/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { useGraphQL } from "./use-graphql.js";
+export { useLoader } from "./use-loader.js";
+export { useQuery } from "./use-query.js";
+export { useRecord } from "./use-record.js";

package/lib/client/hooks/use-graphql.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Temporary hook for playing with GraphQL queries.
+ */
+export declare function useGraphQL(): (query: string, variableValues?: Record<string, any>) => Promise<any>;

package/lib/client/hooks/use-loader.d.ts

@@ -0,0 +1,13 @@
+/**
+ * An async function that loads data.
+ */
+export type Loader<Input extends Array<any>, Output> = (...args: Input) => Promise<Output>;
+/**
+ * A hook that returns the result of calling a loader.
+ */
+export declare function useLoader<Input extends Array<any>, Output>(
+/** A unique name for this function for caching */
+name: string, loader: Loader<Input, Output>, ...args: Input): {
+    value: Output;
+    invalidate: () => void;
+};

package/lib/client/hooks/use-query.d.ts

@@ -0,0 +1,5 @@
+export declare function useQuery<T>(
+/** GraphQL query */
+query: string, 
+/** GraphQL query variables */
+variableValues?: Record<string, any>): T;

package/lib/client/hooks/use-record.d.ts

@@ -0,0 +1,9 @@
+import { ObjectSlug } from "../object-slug.js";
+/**
+ * Get information about the current record.
+ */
+export declare function useRecord(): {
+    recordId: string;
+    object: ObjectSlug;
+    epithet: string;
+};

package/lib/client/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./hooks/index.js";
+export * from "./components/index.js";
+export * as Forms from "./forms/index.js";
+export { FormArray } from "./forms/array.js";
+export { FormNumber } from "./forms/number.js";
+export { FormString } from "./forms/string.js";
+export * from "./forms/path.js";
+export { Form } from "./forms/build.js";

package/lib/client/object-slug.d.ts

@@ -0,0 +1,3 @@
+export type SystemObjectSlug = "people" | "companies";
+export type StandardObjectSlug = "deals" | "workspaces" | "users";
+export type ObjectSlug = SystemObjectSlug | StandardObjectSlug | (string & {});