@linktr.ee/linkapp 0.0.9 → 0.0.11

package/dist/sdk/use-open-popup.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Hook to open a popup/modal in the parent Linktree window
+ *
+ * @returns A callback function to trigger the popup with optional data
+ *
+ * @example
+ * ```tsx
+ * function FeaturedLayout() {
+ *   const openPopup = useOpenPopup()
+ *
+ *   return (
+ *     <button onClick={() => openPopup({ itemId: '123', view: 'details' })}>
+ *       View More
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * Note: This only works when the LinkApp is embedded in Linktree.
+ * The parent window identifies the LinkApp from the iframe's event.source.
+ */
+export declare function useOpenPopup(): (data?: Record<string, unknown>) => void;
+//# sourceMappingURL=use-open-popup.d.ts.map

package/dist/sdk/use-open-popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-open-popup.d.ts","sourceRoot":"","sources":["../../src/sdk/use-open-popup.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,YAAY,YACC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAGnD"}

package/dist/sdk/use-open-popup.js

@@ -0,0 +1,29 @@
+import { useCallback } from 'react';
+import { sendMessage } from './send-message.js';
+/**
+ * Hook to open a popup/modal in the parent Linktree window
+ *
+ * @returns A callback function to trigger the popup with optional data
+ *
+ * @example
+ * ```tsx
+ * function FeaturedLayout() {
+ *   const openPopup = useOpenPopup()
+ *
+ *   return (
+ *     <button onClick={() => openPopup({ itemId: '123', view: 'details' })}>
+ *       View More
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * Note: This only works when the LinkApp is embedded in Linktree.
+ * The parent window identifies the LinkApp from the iframe's event.source.
+ */
+export function useOpenPopup() {
+    return useCallback((data) => {
+        sendMessage('OPEN_POPUP', { data });
+    }, []);
+}
+//# sourceMappingURL=use-open-popup.js.map

package/dist/sdk/use-open-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-open-popup.js","sourceRoot":"","sources":["../../src/sdk/use-open-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,YAAY;IAC1B,OAAO,WAAW,CAAC,CAAC,IAA8B,EAAE,EAAE;QACpD,WAAW,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,CAAA;IACrC,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC"}

package/dist/types.d.ts

@@ -1,14 +1,26 @@
-export type Environment = 'production' | 'qa';
 /**
- * Theme configuration from Linktree profile
+ * Type definitions for LinkApp
+ * Note: Uses snake_case for API-facing types to match API requirements
  */
-export interface Theme {
+export type Environment = "production" | "qa";
+/**
+ * Theme configuration passed to link app iframes via postMessage
+ */
+export interface LinkAppTheme {
+    cssVariables: Record<string, string>;
+    /** @deprecated Use cssVariables['--button-style-text'] instead */
     textColor: string;
+    /** @deprecated Use cssVariables['--button-style-background'] instead */
     backgroundColor: string;
+    /** @deprecated Use cssVariables['--button-style-inner-radius'] instead */
     borderRadius: string;
+    /** @deprecated Use cssVariables['--button-style-border-color'] instead */
     borderColor: string;
-    isOutlineStyle: boolean;
+    /** @deprecated Use cssVariables['--button-style-background-hover'] instead */
+    backgroundHover: string;
+    /** @deprecated Use cssVariables['--button-style-contrast-color'] instead */
     contrastColor: string;
+    /** @deprecated Use cssVariables instead */
     textHoverColor: string;
 }
 /**
@@ -29,35 +41,29 @@ export interface Position {
  * Core Linktree context available to all LinkApps
  */
 export interface LinktreeContext {
-    linkUrl: string;
-    layout?: 'stack' | 'grid' | 'carousel' | 'featured';
-    theme: Theme;
-    locale: string;
-    currency: string;
-    username: string;
-    viewport: Viewport;
-    position?: Position;
+    linkUrl?: string;
+    layout?: "stack" | "grid" | "carousel" | "featured";
+    theme?: LinkAppTheme;
 }
 /**
  * Props available to layout components
  * Extend with custom settings from your config
  */
 export type AppProps<TSettings = Record<string, unknown>> = LinktreeContext & TSettings;
-export type LinktreeTheme = Theme;
 export interface LinkAppManifest {
     name: string;
     tagline: string;
     description: string[];
-    manifestVersion: string;
+    manifest_version: string;
     version: string;
-    supportingLinks: {
-        termsOfService: string;
-        privacyPolicy: string;
+    supporting_links: {
+        terms_of_service: string;
+        privacy_policy: string;
         documentation?: string;
         website?: string;
     };
-    category: 'grow' | 'sell' | 'share' | 'learn';
-    searchTerms: string[];
+    category: "grow" | "sell" | "share" | "learn";
+    search_terms: string[];
     author: {
         name: string;
         accounts: string[];
@@ -67,23 +73,115 @@ export interface LinkAppManifest {
         };
     };
 }
+export declare enum SettingsIcon {
+    file = "file",
+    settings = "settings",
+    text_and_media = "text_and_media",
+    question = "question"
+}
+export declare enum SettingsElementInput {
+    button = "button",
+    text = "text",
+    textarea = "textarea",
+    number = "number",
+    radio = "radio",
+    checkbox = "checkbox",
+    select = "select",
+    password = "password",
+    switch = "switch",
+    linkBehavior = "linkBehavior",
+    file = "file",
+    url = "url",
+    integration = "integration",
+    embedOption = "embedOption",
+    array = "array"
+}
+export declare enum IntegrationCapability {
+    MANAGE_EMAIL_SUBSCRIBERS = "MANAGE_EMAIL_SUBSCRIBERS"
+}
+export declare enum InteractionEvent {
+    click = "click"
+}
+export declare enum ActionType {
+    "update-link" = "update-link"
+}
+export interface SettingsElementAction {
+    on: InteractionEvent;
+    type: ActionType;
+    data: {
+        link_type: string;
+    };
+}
+export interface SettingsElementValidation {
+    required?: boolean;
+    pattern?: string;
+    minLength?: number;
+    maxLength?: number;
+    min?: number;
+    max?: number;
+    maxSize?: number;
+}
+export interface SettingsOverview {
+    title?: string;
+    description: string;
+}
+export interface SetupInstructions {
+    title?: string;
+    description: string;
+}
+export interface SettingsElementOption {
+    value: string;
+    label: string;
+}
+export interface SettingsElementLinkBehaviorLabel {
+    linkOffLabel: string;
+    embedLabel: string;
+}
+export interface ConditionalDisplay {
+    dependsOn: string;
+    value: string | boolean;
+    operator?: "equals" | "notEquals" | "contains";
+}
+export interface ArrayOptions {
+    add_item_button_text?: string;
+    add_item_title?: string;
+    add_second_item_button_text?: string;
+    edit_item_title?: string;
+    item_format?: string;
+    min?: number;
+    max?: number;
+}
 export interface LinkAppSettings {
     title: string;
-    overview: {
-        title: string;
-        description: string;
-        supportLink: string;
-    };
+    icon?: SettingsIcon;
+    uses_url?: boolean;
+    has_url?: boolean;
+    settings_tab_title?: string;
+    overview?: SettingsOverview;
+    setup_instructions?: SetupInstructions;
     elements: SettingsElement[];
-    supportsFeaturedLayout: boolean;
+    has_settings?: boolean;
+    supports_featured_layout?: boolean;
 }
 export interface SettingsElement {
     id: string;
-    inputType: string;
-    title: string;
+    inputType: SettingsElementInput;
+    title?: string;
     description?: string;
-    defaultValue?: unknown;
+    defaultValue?: string | string[] | boolean;
     label?: string;
+    placeholder?: string;
+    validation?: SettingsElementValidation;
+    options?: SettingsElementOption[];
+    linkBehaviorLabels?: SettingsElementLinkBehaviorLabel;
+    accept?: string[];
+    multiple?: boolean;
+    action?: SettingsElementAction;
+    capability?: IntegrationCapability;
+    vendor?: string;
+    array_options?: ArrayOptions;
+    array_elements?: SettingsElement[];
+    conditionalDisplay?: ConditionalDisplay;
 }
 export interface UrlMatchRules {
     hostnames: string[];
@@ -101,8 +199,8 @@ export interface LinkAppConfig {
     id: string;
     manifest: LinkAppManifest;
     settings: LinkAppSettings;
-    urlMatchRules?: UrlMatchRules;
-    previewProps?: PreviewProps;
+    url_match_rules?: UrlMatchRules;
+    preview_props?: PreviewProps;
 }
 export interface AppConfig {
     auth: {
@@ -137,4 +235,38 @@ export interface ComponentRegistryItem {
 export interface ComponentRegistry {
     [key: string]: ComponentRegistryItem;
 }
+/**
+ * PostMessage communication between LinkApp iframe and parent
+ */
+/**
+ * Message sent to open a popup/modal in the parent window
+ * Parent identifies the LinkApp from event.source
+ */
+export interface OpenPopupMessage {
+    source: "linkapp";
+    type: "OPEN_POPUP";
+    payload: {
+        data?: Record<string, unknown>;
+    };
+}
+/**
+ * Union of all messages sent FROM LinkApp iframe TO parent window
+ * Extensible for future message types (navigation, analytics, etc.)
+ */
+export type LinkAppMessage = OpenPopupMessage;
+/**
+ * Message sent from parent window TO LinkApp iframe to update theme
+ * Uses CSS-native approach inspired by Figma's iframe theming
+ */
+export interface ThemeUpdateMessage {
+    type: "THEME_UPDATE";
+    payload: {
+        name: string;
+        variables: Record<string, string>;
+    };
+}
+/**
+ * Union of all messages sent FROM parent window TO LinkApp iframe
+ */
+export type ParentToLinkAppMessage = ThemeUpdateMessage;
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -1,2 +1,42 @@
-export {};
+/**
+ * Type definitions for LinkApp
+ * Note: Uses snake_case for API-facing types to match API requirements
+ */
+export var SettingsIcon;
+(function (SettingsIcon) {
+    SettingsIcon["file"] = "file";
+    SettingsIcon["settings"] = "settings";
+    SettingsIcon["text_and_media"] = "text_and_media";
+    SettingsIcon["question"] = "question";
+})(SettingsIcon || (SettingsIcon = {}));
+export var SettingsElementInput;
+(function (SettingsElementInput) {
+    SettingsElementInput["button"] = "button";
+    SettingsElementInput["text"] = "text";
+    SettingsElementInput["textarea"] = "textarea";
+    SettingsElementInput["number"] = "number";
+    SettingsElementInput["radio"] = "radio";
+    SettingsElementInput["checkbox"] = "checkbox";
+    SettingsElementInput["select"] = "select";
+    SettingsElementInput["password"] = "password";
+    SettingsElementInput["switch"] = "switch";
+    SettingsElementInput["linkBehavior"] = "linkBehavior";
+    SettingsElementInput["file"] = "file";
+    SettingsElementInput["url"] = "url";
+    SettingsElementInput["integration"] = "integration";
+    SettingsElementInput["embedOption"] = "embedOption";
+    SettingsElementInput["array"] = "array";
+})(SettingsElementInput || (SettingsElementInput = {}));
+export var IntegrationCapability;
+(function (IntegrationCapability) {
+    IntegrationCapability["MANAGE_EMAIL_SUBSCRIBERS"] = "MANAGE_EMAIL_SUBSCRIBERS";
+})(IntegrationCapability || (IntegrationCapability = {}));
+export var InteractionEvent;
+(function (InteractionEvent) {
+    InteractionEvent["click"] = "click";
+})(InteractionEvent || (InteractionEvent = {}));
+export var ActionType;
+(function (ActionType) {
+    ActionType["update-link"] = "update-link";
+})(ActionType || (ActionType = {}));
 //# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAuFH,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,qCAAqB,CAAA;IACrB,iDAAiC,CAAA;IACjC,qCAAqB,CAAA;AACvB,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAED,MAAM,CAAN,IAAY,oBAgBX;AAhBD,WAAY,oBAAoB;IAC9B,yCAAiB,CAAA;IACjB,qCAAa,CAAA;IACb,6CAAqB,CAAA;IACrB,yCAAiB,CAAA;IACjB,uCAAe,CAAA;IACf,6CAAqB,CAAA;IACrB,yCAAiB,CAAA;IACjB,6CAAqB,CAAA;IACrB,yCAAiB,CAAA;IACjB,qDAA6B,CAAA;IAC7B,qCAAa,CAAA;IACb,mCAAW,CAAA;IACX,mDAA2B,CAAA;IAC3B,mDAA2B,CAAA;IAC3B,uCAAe,CAAA;AACjB,CAAC,EAhBW,oBAAoB,KAApB,oBAAoB,QAgB/B;AAED,MAAM,CAAN,IAAY,qBAEX;AAFD,WAAY,qBAAqB;IAC/B,8EAAqD,CAAA;AACvD,CAAC,EAFW,qBAAqB,KAArB,qBAAqB,QAEhC;AAED,MAAM,CAAN,IAAY,gBAEX;AAFD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;AACjB,CAAC,EAFW,gBAAgB,KAAhB,gBAAgB,QAE3B;AAED,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,yCAA6B,CAAA;AAC/B,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@linktr.ee/linkapp",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "Development, build, and deployment tooling for LinkApps",
   "type": "module",
   "bin": {
-    "linkapp": "./bin/cli.js",
-    "create-linktree-link-run": "./bin/cli.js"
+    "linkapp": "bin/cli.js",
+    "create-linktree-link-run": "bin/cli.js"
   },
   "files": [
     "dist",
@@ -21,6 +21,14 @@
     },
     "./types": {
       "types": "./dist/types.d.ts"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
+    },
+    "./sdk": {
+      "types": "./dist/sdk/index.d.ts",
+      "import": "./dist/sdk/index.js"
     }
   },
   "scripts": {

package/runtime/index.html

@@ -4,6 +4,64 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>LinkApp</title>
+
+    <!-- Linktree theme variables will be injected here -->
+    <style id="linktree-theme"></style>
+
+    <script>
+      /**
+       * Helper function to convert CSS variables object to CSS string
+       * @param {Record<string, string>} vars - Object with CSS variable names as keys
+       * @returns {string} CSS string like "--var1: value1; --var2: value2;"
+       */
+      function renderCssVariables(vars) {
+        return Object.entries(vars)
+          .map((entry) => entry.join(': '))
+          .join('; ') + ';'
+      }
+
+      /**
+       * Listen for theme updates from parent window
+       * Applies CSS variables to the document root
+       */
+      window.addEventListener('message', function(event) {
+        // Only process messages with the correct structure
+        if (
+          event.data &&
+          typeof event.data === 'object' &&
+          event.data.type === 'THEME_UPDATE'
+        ) {
+          const themeUpdate = event.data
+
+          // Get the style element where theme variables are injected
+          const themeStyle = document.getElementById('linktree-theme')
+
+          if (!themeStyle) {
+            console.warn('linktree-theme style element not found')
+            return
+          }
+
+          // Inject CSS variables into :root
+          themeStyle.textContent = ':root { ' + renderCssVariables(themeUpdate.payload.variables) + ' }'
+
+          // Remove any existing theme classes
+          const classesToRemove = []
+          document.documentElement.classList.forEach((className) => {
+            if (className.startsWith('linktree-theme-')) {
+              classesToRemove.push(className)
+            }
+          })
+          classesToRemove.forEach((className) => {
+            document.documentElement.classList.remove(className)
+          })
+
+          // Add theme class for additional styling hooks
+          if (themeUpdate.payload.name && themeUpdate.payload.name !== 'legacy') {
+            document.documentElement.classList.add('linktree-theme-' + themeUpdate.payload.name)
+          }
+        }
+      }, false)
+    </script>
   </head>
   <body>
     <div id="root"></div>