@cartridge/controller 0.5.0 → 0.5.2

package/dist/iframe/keychain.js

@@ -3,175 +3,6 @@ var KEYCHAIN_URL = "https://x.cartridge.gg";
 
 // src/iframe/base.ts
 import { connectToChild } from "@cartridge/penpal";
-
-// src/presets.ts
-var defaultPresets = {
-  cartridge: {
-    id: "cartridge",
-    name: "Cartridge",
-    icon: "/whitelabel/cartridge/icon.svg",
-    cover: {
-      light: "/whitelabel/cartridge/cover-light.png",
-      dark: "/whitelabel/cartridge/cover-dark.png"
-    }
-  },
-  "force-prime": {
-    id: "force-prime",
-    name: "Force Prime",
-    icon: "/whitelabel/force-prime/icon.png",
-    cover: "/whitelabel/force-prime/cover.png",
-    colors: {
-      primary: "#E1CC89"
-    }
-  },
-  paved: {
-    id: "paved",
-    name: "Paved",
-    icon: "/whitelabel/paved/icon.svg",
-    cover: "/whitelabel/paved/cover.png",
-    colors: {
-      primary: "#B0CAF8"
-    }
-  },
-  eternum: {
-    id: "eternum",
-    name: "Eternum",
-    icon: "/whitelabel/eternum/icon.gif",
-    cover: "/whitelabel/eternum/cover.png",
-    colors: {
-      primary: "#CE9822"
-    }
-  },
-  pistols: {
-    id: "pistols",
-    name: "Pistols at Ten Blocks",
-    icon: "/whitelabel/pistols/icon.png",
-    cover: "/whitelabel/pistols/cover.png",
-    colors: {
-      primary: "#EF9758"
-    }
-  },
-  pixelaw: {
-    id: "pixelaw",
-    name: "Pixelaw",
-    icon: "/whitelabel/pixelaw/icon.svg",
-    cover: "/whitelabel/pixelaw/cover.png",
-    colors: {
-      primary: "#7C00B1",
-      primaryForeground: "white"
-    }
-  },
-  "dope-wars": {
-    id: "dope-wars",
-    name: "Dope Wars",
-    icon: "/whitelabel/dope-wars/icon.png",
-    cover: "/whitelabel/dope-wars/cover.png",
-    colors: {
-      primary: "#11ED83"
-    }
-  },
-  zkastle: {
-    id: "zkastle",
-    name: "zKastle",
-    icon: "/whitelabel/zkastle/icon.svg",
-    cover: "/whitelabel/zkastle/cover.png",
-    colors: {
-      primary: "#E50D2C"
-    }
-  },
-  "loot-survivor": {
-    id: "loot-survivor",
-    name: "Loot Survivor",
-    icon: "/whitelabel/loot-survivor/icon.png",
-    cover: "/whitelabel/loot-survivor/cover.png",
-    colors: {
-      primary: "#33FF33"
-    }
-  },
-  zktt: {
-    id: "zktt",
-    name: "zKTT",
-    icon: "/whitelabel/zktt/icon.png",
-    cover: "/whitelabel/zktt/cover.png",
-    colors: {
-      primary: "#FFFFFF"
-    }
-  },
-  "tale-weaver": {
-    id: "tale-weaver",
-    name: "Tale Weaver",
-    icon: "/whitelabel/tale-weaver/icon.png",
-    cover: "/whitelabel/tale-weaver/cover.png",
-    colors: {
-      primary: "#fce377"
-    }
-  },
-  "realm-of-ra": {
-    id: "realm-of-ra",
-    name: "Realm of Ra",
-    icon: "/whitelabel/realm-of-ra/icon.png",
-    cover: "/whitelabel/realm-of-ra/cover.png",
-    colors: {
-      primary: "#de9534"
-    }
-  },
-  "jokers-of-neon": {
-    id: "jokers-of-neon",
-    name: "Jokers of Neon",
-    icon: "/whitelabel/jokers-of-neon/icon.png",
-    cover: "/whitelabel/jokers-of-neon/cover.png",
-    colors: {
-      primary: "#A144B2"
-    }
-  },
-  flippyflop: {
-    id: "flippyflop",
-    name: "FlippyFlop",
-    icon: "/whitelabel/flippyflop/icon.png",
-    cover: "/whitelabel/flippyflop/cover.png",
-    colors: {
-      primary: "#F38332"
-    }
-  },
-  "savage-summit": {
-    id: "savage-summit",
-    name: "Savage Summit",
-    icon: "/whitelabel/savage-summit/icon.png",
-    cover: "/whitelabel/savage-summit/cover.png",
-    colors: {
-      primary: "#fbf7da"
-    }
-  },
-  "dark-shuffle": {
-    id: "dark-shuffle",
-    name: "Dark Shuffle",
-    icon: "/whitelabel/dark-shuffle/icon.svg",
-    cover: "/whitelabel/dark-shuffle/cover.png",
-    colors: {
-      primary: "#F59100"
-    }
-  },
-  "blob-arena": {
-    id: "blob-arena",
-    name: "Blob Arena",
-    icon: "/whitelabel/blob-arena/icon.png",
-    cover: "/whitelabel/blob-arena/cover.png",
-    colors: {
-      primary: "#980f06"
-    }
-  },
-  zkube: {
-    id: "zkube",
-    name: "zKube",
-    icon: "/whitelabel/zkube/icon.png",
-    cover: "/whitelabel/zkube/cover.png",
-    colors: {
-      primary: "#5bc3e6"
-    }
-  }
-};
-
-// src/iframe/base.ts
 var IFrame = class {
   constructor({
     id,
@@ -185,14 +16,9 @@ var IFrame = class {
     if (typeof document === "undefined") {
       return;
     }
-    url.searchParams.set(
-      "theme",
-      encodeURIComponent(
-        JSON.stringify(
-          defaultPresets[theme ?? "cartridge"] ?? defaultPresets.cartridge
-        )
-      )
-    );
+    if (theme) {
+      url.searchParams.set("theme", encodeURIComponent(theme));
+    }
     if (colorMode) {
       url.searchParams.set("colorMode", colorMode);
     }

package/dist/iframe/keychain.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/constants.ts","../../src/iframe/base.ts","../../src/presets.ts","../../src/iframe/keychain.ts"],"sourcesContent":["export const KEYCHAIN_URL = \"https://x.cartridge.gg\";\nexport const PROFILE_URL = \"https://profile.cartridge.gg\";\n","import { AsyncMethodReturns, connectToChild } from \"@cartridge/penpal\";\nimport { defaultPresets } from \"../presets\";\nimport { ControllerOptions, Modal } from \"../types\";\n\nexport type IFrameOptions<CallSender> = Omit<\n  ConstructorParameters<typeof IFrame>[0],\n  \"id\" | \"url\" | \"onConnect\"\n> & {\n  url?: string;\n  onConnect: (child: AsyncMethodReturns<CallSender>) => void;\n};\n\nexport class IFrame<CallSender extends {}> implements Modal {\n  url?: URL;\n  private iframe?: HTMLIFrameElement;\n  private container?: HTMLDivElement;\n  private onClose?: () => void;\n\n  constructor({\n    id,\n    url,\n    theme,\n    colorMode,\n    onClose,\n    onConnect,\n    methods = {},\n  }: Pick<ControllerOptions, \"theme\" | \"colorMode\"> & {\n    id: string;\n    url: URL;\n    onClose?: () => void;\n    onConnect: (child: AsyncMethodReturns<CallSender>) => void;\n    methods?: { [key: string]: (...args: any[]) => void };\n  }) {\n    if (typeof document === \"undefined\") {\n      return;\n    }\n\n    url.searchParams.set(\n      \"theme\",\n      encodeURIComponent(\n        JSON.stringify(\n          defaultPresets[theme ?? \"cartridge\"] ?? defaultPresets.cartridge,\n        ),\n      ),\n    );\n\n    if (colorMode) {\n      url.searchParams.set(\"colorMode\", colorMode);\n    }\n\n    this.url = url;\n\n    const iframe = document.createElement(\"iframe\");\n    iframe.src = url.toString();\n    iframe.id = id;\n    iframe.style.border = \"none\";\n    iframe.sandbox.add(\"allow-forms\");\n    iframe.sandbox.add(\"allow-popups\");\n    iframe.sandbox.add(\"allow-scripts\");\n    iframe.sandbox.add(\"allow-same-origin\");\n    iframe.allow =\n      \"publickey-credentials-create *; publickey-credentials-get *; clipboard-write\";\n    if (!!document.hasStorageAccess) {\n      iframe.sandbox.add(\"allow-storage-access-by-user-activation\");\n    }\n\n    const container = document.createElement(\"div\");\n    container.id = \"controller\";\n    container.style.position = \"fixed\";\n    container.style.height = \"100%\";\n    container.style.width = \"100%\";\n    container.style.top = \"0\";\n    container.style.left = \"0\";\n    container.style.zIndex = \"10000\";\n    container.style.backgroundColor = \"rgba(0,0,0,0.6)\";\n    container.style.display = \"flex\";\n    container.style.alignItems = \"center\";\n    container.style.justifyContent = \"center\";\n    container.style.visibility = \"hidden\";\n    container.style.opacity = \"0\";\n    container.style.transition = \"opacity 0.2s ease\";\n    container.appendChild(iframe);\n\n    this.iframe = iframe;\n    this.container = container;\n\n    connectToChild<CallSender>({\n      iframe: this.iframe,\n      methods: { close: () => this.close(), ...methods },\n    }).promise.then(onConnect);\n\n    this.resize();\n    window.addEventListener(\"resize\", () => this.resize());\n\n    const observer = new MutationObserver(() => {\n      const existingController = document.getElementById(\"controller\");\n      if (document.body) {\n        if (\n          (id === \"controller-keychain\" && !existingController) ||\n          id === \"controller-profile\"\n        ) {\n          document.body.appendChild(container);\n          observer.disconnect();\n        }\n      }\n    });\n\n    observer.observe(document.documentElement, {\n      childList: true,\n      subtree: true,\n    });\n\n    const existingController = document.getElementById(\"controller\");\n    if (document.body) {\n      if (\n        (id === \"controller-keychain\" && !existingController) ||\n        id === \"controller-profile\"\n      ) {\n        document.body.appendChild(container);\n      }\n    }\n\n    this.onClose = onClose;\n  }\n\n  open() {\n    if (!this.container) return;\n    document.body.style.overflow = \"hidden\";\n\n    this.container.style.visibility = \"visible\";\n    this.container.style.opacity = \"1\";\n  }\n\n  close() {\n    if (!this.container) return;\n    this.onClose?.();\n\n    document.body.style.overflow = \"auto\";\n\n    this.container.style.visibility = \"hidden\";\n    this.container.style.opacity = \"0\";\n  }\n\n  private resize() {\n    if (!this.iframe) return;\n\n    this.iframe.style.userSelect = \"none\";\n\n    if (window.innerWidth < 768) {\n      this.iframe.style.height = \"100%\";\n      this.iframe.style.width = \"100%\";\n      this.iframe.style.borderRadius = \"0\";\n      return;\n    }\n\n    this.iframe.style.height = \"600px\";\n    this.iframe.style.width = \"432px\";\n    this.iframe.style.borderRadius = \"8px\";\n  }\n}\n","import { ControllerThemePresets } from \"./types\";\n\nexport const defaultPresets: ControllerThemePresets = {\n  cartridge: {\n    id: \"cartridge\",\n    name: \"Cartridge\",\n    icon: \"/whitelabel/cartridge/icon.svg\",\n    cover: {\n      light: \"/whitelabel/cartridge/cover-light.png\",\n      dark: \"/whitelabel/cartridge/cover-dark.png\",\n    },\n  },\n  \"force-prime\": {\n    id: \"force-prime\",\n    name: \"Force Prime\",\n    icon: \"/whitelabel/force-prime/icon.png\",\n    cover: \"/whitelabel/force-prime/cover.png\",\n    colors: {\n      primary: \"#E1CC89\",\n    },\n  },\n  paved: {\n    id: \"paved\",\n    name: \"Paved\",\n    icon: \"/whitelabel/paved/icon.svg\",\n    cover: \"/whitelabel/paved/cover.png\",\n    colors: {\n      primary: \"#B0CAF8\",\n    },\n  },\n  eternum: {\n    id: \"eternum\",\n    name: \"Eternum\",\n    icon: \"/whitelabel/eternum/icon.gif\",\n    cover: \"/whitelabel/eternum/cover.png\",\n    colors: {\n      primary: \"#CE9822\",\n    },\n  },\n  pistols: {\n    id: \"pistols\",\n    name: \"Pistols at Ten Blocks\",\n    icon: \"/whitelabel/pistols/icon.png\",\n    cover: \"/whitelabel/pistols/cover.png\",\n    colors: {\n      primary: \"#EF9758\",\n    },\n  },\n  pixelaw: {\n    id: \"pixelaw\",\n    name: \"Pixelaw\",\n    icon: \"/whitelabel/pixelaw/icon.svg\",\n    cover: \"/whitelabel/pixelaw/cover.png\",\n    colors: {\n      primary: \"#7C00B1\",\n      primaryForeground: \"white\",\n    },\n  },\n  \"dope-wars\": {\n    id: \"dope-wars\",\n    name: \"Dope Wars\",\n    icon: \"/whitelabel/dope-wars/icon.png\",\n    cover: \"/whitelabel/dope-wars/cover.png\",\n    colors: {\n      primary: \"#11ED83\",\n    },\n  },\n  zkastle: {\n    id: \"zkastle\",\n    name: \"zKastle\",\n    icon: \"/whitelabel/zkastle/icon.svg\",\n    cover: \"/whitelabel/zkastle/cover.png\",\n    colors: {\n      primary: \"#E50D2C\",\n    },\n  },\n  \"loot-survivor\": {\n    id: \"loot-survivor\",\n    name: \"Loot Survivor\",\n    icon: \"/whitelabel/loot-survivor/icon.png\",\n    cover: \"/whitelabel/loot-survivor/cover.png\",\n    colors: {\n      primary: \"#33FF33\",\n    },\n  },\n  zktt: {\n    id: \"zktt\",\n    name: \"zKTT\",\n    icon: \"/whitelabel/zktt/icon.png\",\n    cover: \"/whitelabel/zktt/cover.png\",\n    colors: {\n      primary: \"#FFFFFF\",\n    },\n  },\n  \"tale-weaver\": {\n    id: \"tale-weaver\",\n    name: \"Tale Weaver\",\n    icon: \"/whitelabel/tale-weaver/icon.png\",\n    cover: \"/whitelabel/tale-weaver/cover.png\",\n    colors: {\n      primary: \"#fce377\",\n    },\n  },\n  \"realm-of-ra\": {\n    id: \"realm-of-ra\",\n    name: \"Realm of Ra\",\n    icon: \"/whitelabel/realm-of-ra/icon.png\",\n    cover: \"/whitelabel/realm-of-ra/cover.png\",\n    colors: {\n      primary: \"#de9534\",\n    },\n  },\n  \"jokers-of-neon\": {\n    id: \"jokers-of-neon\",\n    name: \"Jokers of Neon\",\n    icon: \"/whitelabel/jokers-of-neon/icon.png\",\n    cover: \"/whitelabel/jokers-of-neon/cover.png\",\n    colors: {\n      primary: \"#A144B2\",\n    },\n  },\n  flippyflop: {\n    id: \"flippyflop\",\n    name: \"FlippyFlop\",\n    icon: \"/whitelabel/flippyflop/icon.png\",\n    cover: \"/whitelabel/flippyflop/cover.png\",\n    colors: {\n      primary: \"#F38332\",\n    },\n  },\n  \"savage-summit\": {\n    id: \"savage-summit\",\n    name: \"Savage Summit\",\n    icon: \"/whitelabel/savage-summit/icon.png\",\n    cover: \"/whitelabel/savage-summit/cover.png\",\n    colors: {\n      primary: \"#fbf7da\",\n    },\n  },\n  \"dark-shuffle\": {\n    id: \"dark-shuffle\",\n    name: \"Dark Shuffle\",\n    icon: \"/whitelabel/dark-shuffle/icon.svg\",\n    cover: \"/whitelabel/dark-shuffle/cover.png\",\n    colors: {\n      primary: \"#F59100\",\n    },\n  },\n  \"blob-arena\": {\n    id: \"blob-arena\",\n    name: \"Blob Arena\",\n    icon: \"/whitelabel/blob-arena/icon.png\",\n    cover: \"/whitelabel/blob-arena/cover.png\",\n    colors: {\n      primary: \"#980f06\",\n    },\n  },\n  zkube: {\n    id: \"zkube\",\n    name: \"zKube\",\n    icon: \"/whitelabel/zkube/icon.png\",\n    cover: \"/whitelabel/zkube/cover.png\",\n    colors: {\n      primary: \"#5bc3e6\",\n    },\n  },\n};\n","import { KEYCHAIN_URL } from \"../constants\";\nimport { Keychain, KeychainOptions } from \"../types\";\nimport { IFrame, IFrameOptions } from \"./base\";\n\ntype KeychainIframeOptions = IFrameOptions<Keychain> & KeychainOptions;\n\nexport class KeychainIFrame extends IFrame<Keychain> {\n  constructor({ url, policies, ...iframeOptions }: KeychainIframeOptions) {\n    const _url = new URL(url ?? KEYCHAIN_URL);\n\n    if (policies) {\n      _url.searchParams.set(\n        \"policies\",\n        encodeURIComponent(JSON.stringify(policies)),\n      );\n    }\n\n    super({\n      ...iframeOptions,\n      id: \"controller-keychain\",\n      url: _url,\n    });\n  }\n}\n"],"mappings":"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","names":["existingController"]}
+{"version":3,"sources":["../../src/constants.ts","../../src/iframe/base.ts","../../src/iframe/keychain.ts"],"sourcesContent":["export const KEYCHAIN_URL = \"https://x.cartridge.gg\";\nexport const PROFILE_URL = \"https://profile.cartridge.gg\";\nexport const API_URL = \"https://api.cartridge.gg\";\n","import { AsyncMethodReturns, connectToChild } from \"@cartridge/penpal\";\nimport { ControllerOptions, Modal } from \"../types\";\n\nexport type IFrameOptions<CallSender> = Omit<\n  ConstructorParameters<typeof IFrame>[0],\n  \"id\" | \"url\" | \"onConnect\"\n> & {\n  url?: string;\n  onConnect: (child: AsyncMethodReturns<CallSender>) => void;\n};\n\nexport class IFrame<CallSender extends {}> implements Modal {\n  url?: URL;\n  private iframe?: HTMLIFrameElement;\n  private container?: HTMLDivElement;\n  private onClose?: () => void;\n\n  constructor({\n    id,\n    url,\n    theme,\n    colorMode,\n    onClose,\n    onConnect,\n    methods = {},\n  }: Pick<ControllerOptions, \"theme\" | \"colorMode\"> & {\n    id: string;\n    url: URL;\n    onClose?: () => void;\n    onConnect: (child: AsyncMethodReturns<CallSender>) => void;\n    methods?: { [key: string]: (...args: any[]) => void };\n  }) {\n    if (typeof document === \"undefined\") {\n      return;\n    }\n\n    if (theme) {\n      url.searchParams.set(\"theme\", encodeURIComponent(theme));\n    }\n\n    if (colorMode) {\n      url.searchParams.set(\"colorMode\", colorMode);\n    }\n\n    this.url = url;\n\n    const iframe = document.createElement(\"iframe\");\n    iframe.src = url.toString();\n    iframe.id = id;\n    iframe.style.border = \"none\";\n    iframe.sandbox.add(\"allow-forms\");\n    iframe.sandbox.add(\"allow-popups\");\n    iframe.sandbox.add(\"allow-scripts\");\n    iframe.sandbox.add(\"allow-same-origin\");\n    iframe.allow =\n      \"publickey-credentials-create *; publickey-credentials-get *; clipboard-write\";\n    if (!!document.hasStorageAccess) {\n      iframe.sandbox.add(\"allow-storage-access-by-user-activation\");\n    }\n\n    const container = document.createElement(\"div\");\n    container.id = \"controller\";\n    container.style.position = \"fixed\";\n    container.style.height = \"100%\";\n    container.style.width = \"100%\";\n    container.style.top = \"0\";\n    container.style.left = \"0\";\n    container.style.zIndex = \"10000\";\n    container.style.backgroundColor = \"rgba(0,0,0,0.6)\";\n    container.style.display = \"flex\";\n    container.style.alignItems = \"center\";\n    container.style.justifyContent = \"center\";\n    container.style.visibility = \"hidden\";\n    container.style.opacity = \"0\";\n    container.style.transition = \"opacity 0.2s ease\";\n    container.appendChild(iframe);\n\n    this.iframe = iframe;\n    this.container = container;\n\n    connectToChild<CallSender>({\n      iframe: this.iframe,\n      methods: { close: () => this.close(), ...methods },\n    }).promise.then(onConnect);\n\n    this.resize();\n    window.addEventListener(\"resize\", () => this.resize());\n\n    const observer = new MutationObserver(() => {\n      const existingController = document.getElementById(\"controller\");\n      if (document.body) {\n        if (\n          (id === \"controller-keychain\" && !existingController) ||\n          id === \"controller-profile\"\n        ) {\n          document.body.appendChild(container);\n          observer.disconnect();\n        }\n      }\n    });\n\n    observer.observe(document.documentElement, {\n      childList: true,\n      subtree: true,\n    });\n\n    const existingController = document.getElementById(\"controller\");\n    if (document.body) {\n      if (\n        (id === \"controller-keychain\" && !existingController) ||\n        id === \"controller-profile\"\n      ) {\n        document.body.appendChild(container);\n      }\n    }\n\n    this.onClose = onClose;\n  }\n\n  open() {\n    if (!this.container) return;\n    document.body.style.overflow = \"hidden\";\n\n    this.container.style.visibility = \"visible\";\n    this.container.style.opacity = \"1\";\n  }\n\n  close() {\n    if (!this.container) return;\n    this.onClose?.();\n\n    document.body.style.overflow = \"auto\";\n\n    this.container.style.visibility = \"hidden\";\n    this.container.style.opacity = \"0\";\n  }\n\n  private resize() {\n    if (!this.iframe) return;\n\n    this.iframe.style.userSelect = \"none\";\n\n    if (window.innerWidth < 768) {\n      this.iframe.style.height = \"100%\";\n      this.iframe.style.width = \"100%\";\n      this.iframe.style.borderRadius = \"0\";\n      return;\n    }\n\n    this.iframe.style.height = \"600px\";\n    this.iframe.style.width = \"432px\";\n    this.iframe.style.borderRadius = \"8px\";\n  }\n}\n","import { KEYCHAIN_URL } from \"../constants\";\nimport { Keychain, KeychainOptions } from \"../types\";\nimport { IFrame, IFrameOptions } from \"./base\";\n\ntype KeychainIframeOptions = IFrameOptions<Keychain> & KeychainOptions;\n\nexport class KeychainIFrame extends IFrame<Keychain> {\n  constructor({ url, policies, ...iframeOptions }: KeychainIframeOptions) {\n    const _url = new URL(url ?? KEYCHAIN_URL);\n\n    if (policies) {\n      _url.searchParams.set(\n        \"policies\",\n        encodeURIComponent(JSON.stringify(policies)),\n      );\n    }\n\n    super({\n      ...iframeOptions,\n      id: \"controller-keychain\",\n      url: _url,\n    });\n  }\n}\n"],"mappings":";AAAO,IAAM,eAAe;;;ACA5B,SAA6B,sBAAsB;AAW5C,IAAM,SAAN,MAAqD;AAAA,EAM1D,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC;AAAA,EACb,GAMG;AACD,QAAI,OAAO,aAAa,aAAa;AACnC;AAAA,IACF;AAEA,QAAI,OAAO;AACT,UAAI,aAAa,IAAI,SAAS,mBAAmB,KAAK,CAAC;AAAA,IACzD;AAEA,QAAI,WAAW;AACb,UAAI,aAAa,IAAI,aAAa,SAAS;AAAA,IAC7C;AAEA,SAAK,MAAM;AAEX,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,MAAM,IAAI,SAAS;AAC1B,WAAO,KAAK;AACZ,WAAO,MAAM,SAAS;AACtB,WAAO,QAAQ,IAAI,aAAa;AAChC,WAAO,QAAQ,IAAI,cAAc;AACjC,WAAO,QAAQ,IAAI,eAAe;AAClC,WAAO,QAAQ,IAAI,mBAAmB;AACtC,WAAO,QACL;AACF,QAAI,CAAC,CAAC,SAAS,kBAAkB;AAC/B,aAAO,QAAQ,IAAI,yCAAyC;AAAA,IAC9D;AAEA,UAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,cAAU,KAAK;AACf,cAAU,MAAM,WAAW;AAC3B,cAAU,MAAM,SAAS;AACzB,cAAU,MAAM,QAAQ;AACxB,cAAU,MAAM,MAAM;AACtB,cAAU,MAAM,OAAO;AACvB,cAAU,MAAM,SAAS;AACzB,cAAU,MAAM,kBAAkB;AAClC,cAAU,MAAM,UAAU;AAC1B,cAAU,MAAM,aAAa;AAC7B,cAAU,MAAM,iBAAiB;AACjC,cAAU,MAAM,aAAa;AAC7B,cAAU,MAAM,UAAU;AAC1B,cAAU,MAAM,aAAa;AAC7B,cAAU,YAAY,MAAM;AAE5B,SAAK,SAAS;AACd,SAAK,YAAY;AAEjB,mBAA2B;AAAA,MACzB,QAAQ,KAAK;AAAA,MACb,SAAS,EAAE,OAAO,MAAM,KAAK,MAAM,GAAG,GAAG,QAAQ;AAAA,IACnD,CAAC,EAAE,QAAQ,KAAK,SAAS;AAEzB,SAAK,OAAO;AACZ,WAAO,iBAAiB,UAAU,MAAM,KAAK,OAAO,CAAC;AAErD,UAAM,WAAW,IAAI,iBAAiB,MAAM;AAC1C,YAAMA,sBAAqB,SAAS,eAAe,YAAY;AAC/D,UAAI,SAAS,MAAM;AACjB,YACG,OAAO,yBAAyB,CAACA,uBAClC,OAAO,sBACP;AACA,mBAAS,KAAK,YAAY,SAAS;AACnC,mBAAS,WAAW;AAAA,QACtB;AAAA,MACF;AAAA,IACF,CAAC;AAED,aAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,WAAW;AAAA,MACX,SAAS;AAAA,IACX,CAAC;AAED,UAAM,qBAAqB,SAAS,eAAe,YAAY;AAC/D,QAAI,SAAS,MAAM;AACjB,UACG,OAAO,yBAAyB,CAAC,sBAClC,OAAO,sBACP;AACA,iBAAS,KAAK,YAAY,SAAS;AAAA,MACrC;AAAA,IACF;AAEA,SAAK,UAAU;AAAA,EACjB;AAAA,EAEA,OAAO;AACL,QAAI,CAAC,KAAK,UAAW;AACrB,aAAS,KAAK,MAAM,WAAW;AAE/B,SAAK,UAAU,MAAM,aAAa;AAClC,SAAK,UAAU,MAAM,UAAU;AAAA,EACjC;AAAA,EAEA,QAAQ;AACN,QAAI,CAAC,KAAK,UAAW;AACrB,SAAK,UAAU;AAEf,aAAS,KAAK,MAAM,WAAW;AAE/B,SAAK,UAAU,MAAM,aAAa;AAClC,SAAK,UAAU,MAAM,UAAU;AAAA,EACjC;AAAA,EAEQ,SAAS;AACf,QAAI,CAAC,KAAK,OAAQ;AAElB,SAAK,OAAO,MAAM,aAAa;AAE/B,QAAI,OAAO,aAAa,KAAK;AAC3B,WAAK,OAAO,MAAM,SAAS;AAC3B,WAAK,OAAO,MAAM,QAAQ;AAC1B,WAAK,OAAO,MAAM,eAAe;AACjC;AAAA,IACF;AAEA,SAAK,OAAO,MAAM,SAAS;AAC3B,SAAK,OAAO,MAAM,QAAQ;AAC1B,SAAK,OAAO,MAAM,eAAe;AAAA,EACnC;AACF;;;ACnJO,IAAM,iBAAN,cAA6B,OAAiB;AAAA,EACnD,YAAY,EAAE,KAAK,UAAU,GAAG,cAAc,GAA0B;AACtE,UAAM,OAAO,IAAI,IAAI,OAAO,YAAY;AAExC,QAAI,UAAU;AACZ,WAAK,aAAa;AAAA,QAChB;AAAA,QACA,mBAAmB,KAAK,UAAU,QAAQ,CAAC;AAAA,MAC7C;AAAA,IACF;AAEA,UAAM;AAAA,MACJ,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,KAAK;AAAA,IACP,CAAC;AAAA,EACH;AACF;","names":["existingController"]}

package/dist/iframe/profile.d.ts

@@ -1,5 +1,5 @@
-export { x as ProfileIFrame, w as ProfileIFrameOptions } from '../types-BkXOAuzX.js';
+export { r as ProfileIFrame, q as ProfileIFrameOptions } from '../types-1WsOoNO2.js';
 import 'starknet';
 import '@starknet-io/types-js';
 import '@cartridge/penpal';
-import '@cartridge/account-wasm/controller';
+import '@cartridge/presets';

package/dist/iframe/profile.js

@@ -3,175 +3,6 @@ var PROFILE_URL = "https://profile.cartridge.gg";
 
 // src/iframe/base.ts
 import { connectToChild } from "@cartridge/penpal";
-
-// src/presets.ts
-var defaultPresets = {
-  cartridge: {
-    id: "cartridge",
-    name: "Cartridge",
-    icon: "/whitelabel/cartridge/icon.svg",
-    cover: {
-      light: "/whitelabel/cartridge/cover-light.png",
-      dark: "/whitelabel/cartridge/cover-dark.png"
-    }
-  },
-  "force-prime": {
-    id: "force-prime",
-    name: "Force Prime",
-    icon: "/whitelabel/force-prime/icon.png",
-    cover: "/whitelabel/force-prime/cover.png",
-    colors: {
-      primary: "#E1CC89"
-    }
-  },
-  paved: {
-    id: "paved",
-    name: "Paved",
-    icon: "/whitelabel/paved/icon.svg",
-    cover: "/whitelabel/paved/cover.png",
-    colors: {
-      primary: "#B0CAF8"
-    }
-  },
-  eternum: {
-    id: "eternum",
-    name: "Eternum",
-    icon: "/whitelabel/eternum/icon.gif",
-    cover: "/whitelabel/eternum/cover.png",
-    colors: {
-      primary: "#CE9822"
-    }
-  },
-  pistols: {
-    id: "pistols",
-    name: "Pistols at Ten Blocks",
-    icon: "/whitelabel/pistols/icon.png",
-    cover: "/whitelabel/pistols/cover.png",
-    colors: {
-      primary: "#EF9758"
-    }
-  },
-  pixelaw: {
-    id: "pixelaw",
-    name: "Pixelaw",
-    icon: "/whitelabel/pixelaw/icon.svg",
-    cover: "/whitelabel/pixelaw/cover.png",
-    colors: {
-      primary: "#7C00B1",
-      primaryForeground: "white"
-    }
-  },
-  "dope-wars": {
-    id: "dope-wars",
-    name: "Dope Wars",
-    icon: "/whitelabel/dope-wars/icon.png",
-    cover: "/whitelabel/dope-wars/cover.png",
-    colors: {
-      primary: "#11ED83"
-    }
-  },
-  zkastle: {
-    id: "zkastle",
-    name: "zKastle",
-    icon: "/whitelabel/zkastle/icon.svg",
-    cover: "/whitelabel/zkastle/cover.png",
-    colors: {
-      primary: "#E50D2C"
-    }
-  },
-  "loot-survivor": {
-    id: "loot-survivor",
-    name: "Loot Survivor",
-    icon: "/whitelabel/loot-survivor/icon.png",
-    cover: "/whitelabel/loot-survivor/cover.png",
-    colors: {
-      primary: "#33FF33"
-    }
-  },
-  zktt: {
-    id: "zktt",
-    name: "zKTT",
-    icon: "/whitelabel/zktt/icon.png",
-    cover: "/whitelabel/zktt/cover.png",
-    colors: {
-      primary: "#FFFFFF"
-    }
-  },
-  "tale-weaver": {
-    id: "tale-weaver",
-    name: "Tale Weaver",
-    icon: "/whitelabel/tale-weaver/icon.png",
-    cover: "/whitelabel/tale-weaver/cover.png",
-    colors: {
-      primary: "#fce377"
-    }
-  },
-  "realm-of-ra": {
-    id: "realm-of-ra",
-    name: "Realm of Ra",
-    icon: "/whitelabel/realm-of-ra/icon.png",
-    cover: "/whitelabel/realm-of-ra/cover.png",
-    colors: {
-      primary: "#de9534"
-    }
-  },
-  "jokers-of-neon": {
-    id: "jokers-of-neon",
-    name: "Jokers of Neon",
-    icon: "/whitelabel/jokers-of-neon/icon.png",
-    cover: "/whitelabel/jokers-of-neon/cover.png",
-    colors: {
-      primary: "#A144B2"
-    }
-  },
-  flippyflop: {
-    id: "flippyflop",
-    name: "FlippyFlop",
-    icon: "/whitelabel/flippyflop/icon.png",
-    cover: "/whitelabel/flippyflop/cover.png",
-    colors: {
-      primary: "#F38332"
-    }
-  },
-  "savage-summit": {
-    id: "savage-summit",
-    name: "Savage Summit",
-    icon: "/whitelabel/savage-summit/icon.png",
-    cover: "/whitelabel/savage-summit/cover.png",
-    colors: {
-      primary: "#fbf7da"
-    }
-  },
-  "dark-shuffle": {
-    id: "dark-shuffle",
-    name: "Dark Shuffle",
-    icon: "/whitelabel/dark-shuffle/icon.svg",
-    cover: "/whitelabel/dark-shuffle/cover.png",
-    colors: {
-      primary: "#F59100"
-    }
-  },
-  "blob-arena": {
-    id: "blob-arena",
-    name: "Blob Arena",
-    icon: "/whitelabel/blob-arena/icon.png",
-    cover: "/whitelabel/blob-arena/cover.png",
-    colors: {
-      primary: "#980f06"
-    }
-  },
-  zkube: {
-    id: "zkube",
-    name: "zKube",
-    icon: "/whitelabel/zkube/icon.png",
-    cover: "/whitelabel/zkube/cover.png",
-    colors: {
-      primary: "#5bc3e6"
-    }
-  }
-};
-
-// src/iframe/base.ts
 var IFrame = class {
   constructor({
     id,
@@ -185,14 +16,9 @@ var IFrame = class {
     if (typeof document === "undefined") {
       return;
     }
-    url.searchParams.set(
-      "theme",
-      encodeURIComponent(
-        JSON.stringify(
-          defaultPresets[theme ?? "cartridge"] ?? defaultPresets.cartridge
-        )
-      )
-    );
+    if (theme) {
+      url.searchParams.set("theme", encodeURIComponent(theme));
+    }
     if (colorMode) {
       url.searchParams.set("colorMode", colorMode);
     }
@@ -295,9 +121,11 @@ var ProfileIFrame = class extends IFrame {
   }) {
     const _profileUrl = (profileUrl || PROFILE_URL).replace(/\/$/, "");
     const _url = new URL(
-      slot ? namespace ? `${_profileUrl}/account/${username}/slot/${slot}?ns=${encodeURIComponent(
-        namespace
-      )}` : `${_profileUrl}/account/${username}/slot/${slot}` : `${_profileUrl}/account/${username}`
+      slot ? namespace ? `${_profileUrl}/account/${username}/slot/${slot}?ps=${encodeURIComponent(
+        slot
+      )}&ns=${encodeURIComponent(namespace)}` : `${_profileUrl}/account/${username}/slot/${slot}?ps=${encodeURIComponent(
+        slot
+      )}` : `${_profileUrl}/account/${username}`
     );
     _url.searchParams.set("rpcUrl", encodeURIComponent(rpcUrl));
     if (tokens?.erc20) {

package/dist/iframe/profile.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/constants.ts","../../src/iframe/base.ts","../../src/presets.ts","../../src/iframe/profile.ts"],"sourcesContent":["export const KEYCHAIN_URL = \"https://x.cartridge.gg\";\nexport const PROFILE_URL = \"https://profile.cartridge.gg\";\n","import { AsyncMethodReturns, connectToChild } from \"@cartridge/penpal\";\nimport { defaultPresets } from \"../presets\";\nimport { ControllerOptions, Modal } from \"../types\";\n\nexport type IFrameOptions<CallSender> = Omit<\n  ConstructorParameters<typeof IFrame>[0],\n  \"id\" | \"url\" | \"onConnect\"\n> & {\n  url?: string;\n  onConnect: (child: AsyncMethodReturns<CallSender>) => void;\n};\n\nexport class IFrame<CallSender extends {}> implements Modal {\n  url?: URL;\n  private iframe?: HTMLIFrameElement;\n  private container?: HTMLDivElement;\n  private onClose?: () => void;\n\n  constructor({\n    id,\n    url,\n    theme,\n    colorMode,\n    onClose,\n    onConnect,\n    methods = {},\n  }: Pick<ControllerOptions, \"theme\" | \"colorMode\"> & {\n    id: string;\n    url: URL;\n    onClose?: () => void;\n    onConnect: (child: AsyncMethodReturns<CallSender>) => void;\n    methods?: { [key: string]: (...args: any[]) => void };\n  }) {\n    if (typeof document === \"undefined\") {\n      return;\n    }\n\n    url.searchParams.set(\n      \"theme\",\n      encodeURIComponent(\n        JSON.stringify(\n          defaultPresets[theme ?? \"cartridge\"] ?? defaultPresets.cartridge,\n        ),\n      ),\n    );\n\n    if (colorMode) {\n      url.searchParams.set(\"colorMode\", colorMode);\n    }\n\n    this.url = url;\n\n    const iframe = document.createElement(\"iframe\");\n    iframe.src = url.toString();\n    iframe.id = id;\n    iframe.style.border = \"none\";\n    iframe.sandbox.add(\"allow-forms\");\n    iframe.sandbox.add(\"allow-popups\");\n    iframe.sandbox.add(\"allow-scripts\");\n    iframe.sandbox.add(\"allow-same-origin\");\n    iframe.allow =\n      \"publickey-credentials-create *; publickey-credentials-get *; clipboard-write\";\n    if (!!document.hasStorageAccess) {\n      iframe.sandbox.add(\"allow-storage-access-by-user-activation\");\n    }\n\n    const container = document.createElement(\"div\");\n    container.id = \"controller\";\n    container.style.position = \"fixed\";\n    container.style.height = \"100%\";\n    container.style.width = \"100%\";\n    container.style.top = \"0\";\n    container.style.left = \"0\";\n    container.style.zIndex = \"10000\";\n    container.style.backgroundColor = \"rgba(0,0,0,0.6)\";\n    container.style.display = \"flex\";\n    container.style.alignItems = \"center\";\n    container.style.justifyContent = \"center\";\n    container.style.visibility = \"hidden\";\n    container.style.opacity = \"0\";\n    container.style.transition = \"opacity 0.2s ease\";\n    container.appendChild(iframe);\n\n    this.iframe = iframe;\n    this.container = container;\n\n    connectToChild<CallSender>({\n      iframe: this.iframe,\n      methods: { close: () => this.close(), ...methods },\n    }).promise.then(onConnect);\n\n    this.resize();\n    window.addEventListener(\"resize\", () => this.resize());\n\n    const observer = new MutationObserver(() => {\n      const existingController = document.getElementById(\"controller\");\n      if (document.body) {\n        if (\n          (id === \"controller-keychain\" && !existingController) ||\n          id === \"controller-profile\"\n        ) {\n          document.body.appendChild(container);\n          observer.disconnect();\n        }\n      }\n    });\n\n    observer.observe(document.documentElement, {\n      childList: true,\n      subtree: true,\n    });\n\n    const existingController = document.getElementById(\"controller\");\n    if (document.body) {\n      if (\n        (id === \"controller-keychain\" && !existingController) ||\n        id === \"controller-profile\"\n      ) {\n        document.body.appendChild(container);\n      }\n    }\n\n    this.onClose = onClose;\n  }\n\n  open() {\n    if (!this.container) return;\n    document.body.style.overflow = \"hidden\";\n\n    this.container.style.visibility = \"visible\";\n    this.container.style.opacity = \"1\";\n  }\n\n  close() {\n    if (!this.container) return;\n    this.onClose?.();\n\n    document.body.style.overflow = \"auto\";\n\n    this.container.style.visibility = \"hidden\";\n    this.container.style.opacity = \"0\";\n  }\n\n  private resize() {\n    if (!this.iframe) return;\n\n    this.iframe.style.userSelect = \"none\";\n\n    if (window.innerWidth < 768) {\n      this.iframe.style.height = \"100%\";\n      this.iframe.style.width = \"100%\";\n      this.iframe.style.borderRadius = \"0\";\n      return;\n    }\n\n    this.iframe.style.height = \"600px\";\n    this.iframe.style.width = \"432px\";\n    this.iframe.style.borderRadius = \"8px\";\n  }\n}\n","import { ControllerThemePresets } from \"./types\";\n\nexport const defaultPresets: ControllerThemePresets = {\n  cartridge: {\n    id: \"cartridge\",\n    name: \"Cartridge\",\n    icon: \"/whitelabel/cartridge/icon.svg\",\n    cover: {\n      light: \"/whitelabel/cartridge/cover-light.png\",\n      dark: \"/whitelabel/cartridge/cover-dark.png\",\n    },\n  },\n  \"force-prime\": {\n    id: \"force-prime\",\n    name: \"Force Prime\",\n    icon: \"/whitelabel/force-prime/icon.png\",\n    cover: \"/whitelabel/force-prime/cover.png\",\n    colors: {\n      primary: \"#E1CC89\",\n    },\n  },\n  paved: {\n    id: \"paved\",\n    name: \"Paved\",\n    icon: \"/whitelabel/paved/icon.svg\",\n    cover: \"/whitelabel/paved/cover.png\",\n    colors: {\n      primary: \"#B0CAF8\",\n    },\n  },\n  eternum: {\n    id: \"eternum\",\n    name: \"Eternum\",\n    icon: \"/whitelabel/eternum/icon.gif\",\n    cover: \"/whitelabel/eternum/cover.png\",\n    colors: {\n      primary: \"#CE9822\",\n    },\n  },\n  pistols: {\n    id: \"pistols\",\n    name: \"Pistols at Ten Blocks\",\n    icon: \"/whitelabel/pistols/icon.png\",\n    cover: \"/whitelabel/pistols/cover.png\",\n    colors: {\n      primary: \"#EF9758\",\n    },\n  },\n  pixelaw: {\n    id: \"pixelaw\",\n    name: \"Pixelaw\",\n    icon: \"/whitelabel/pixelaw/icon.svg\",\n    cover: \"/whitelabel/pixelaw/cover.png\",\n    colors: {\n      primary: \"#7C00B1\",\n      primaryForeground: \"white\",\n    },\n  },\n  \"dope-wars\": {\n    id: \"dope-wars\",\n    name: \"Dope Wars\",\n    icon: \"/whitelabel/dope-wars/icon.png\",\n    cover: \"/whitelabel/dope-wars/cover.png\",\n    colors: {\n      primary: \"#11ED83\",\n    },\n  },\n  zkastle: {\n    id: \"zkastle\",\n    name: \"zKastle\",\n    icon: \"/whitelabel/zkastle/icon.svg\",\n    cover: \"/whitelabel/zkastle/cover.png\",\n    colors: {\n      primary: \"#E50D2C\",\n    },\n  },\n  \"loot-survivor\": {\n    id: \"loot-survivor\",\n    name: \"Loot Survivor\",\n    icon: \"/whitelabel/loot-survivor/icon.png\",\n    cover: \"/whitelabel/loot-survivor/cover.png\",\n    colors: {\n      primary: \"#33FF33\",\n    },\n  },\n  zktt: {\n    id: \"zktt\",\n    name: \"zKTT\",\n    icon: \"/whitelabel/zktt/icon.png\",\n    cover: \"/whitelabel/zktt/cover.png\",\n    colors: {\n      primary: \"#FFFFFF\",\n    },\n  },\n  \"tale-weaver\": {\n    id: \"tale-weaver\",\n    name: \"Tale Weaver\",\n    icon: \"/whitelabel/tale-weaver/icon.png\",\n    cover: \"/whitelabel/tale-weaver/cover.png\",\n    colors: {\n      primary: \"#fce377\",\n    },\n  },\n  \"realm-of-ra\": {\n    id: \"realm-of-ra\",\n    name: \"Realm of Ra\",\n    icon: \"/whitelabel/realm-of-ra/icon.png\",\n    cover: \"/whitelabel/realm-of-ra/cover.png\",\n    colors: {\n      primary: \"#de9534\",\n    },\n  },\n  \"jokers-of-neon\": {\n    id: \"jokers-of-neon\",\n    name: \"Jokers of Neon\",\n    icon: \"/whitelabel/jokers-of-neon/icon.png\",\n    cover: \"/whitelabel/jokers-of-neon/cover.png\",\n    colors: {\n      primary: \"#A144B2\",\n    },\n  },\n  flippyflop: {\n    id: \"flippyflop\",\n    name: \"FlippyFlop\",\n    icon: \"/whitelabel/flippyflop/icon.png\",\n    cover: \"/whitelabel/flippyflop/cover.png\",\n    colors: {\n      primary: \"#F38332\",\n    },\n  },\n  \"savage-summit\": {\n    id: \"savage-summit\",\n    name: \"Savage Summit\",\n    icon: \"/whitelabel/savage-summit/icon.png\",\n    cover: \"/whitelabel/savage-summit/cover.png\",\n    colors: {\n      primary: \"#fbf7da\",\n    },\n  },\n  \"dark-shuffle\": {\n    id: \"dark-shuffle\",\n    name: \"Dark Shuffle\",\n    icon: \"/whitelabel/dark-shuffle/icon.svg\",\n    cover: \"/whitelabel/dark-shuffle/cover.png\",\n    colors: {\n      primary: \"#F59100\",\n    },\n  },\n  \"blob-arena\": {\n    id: \"blob-arena\",\n    name: \"Blob Arena\",\n    icon: \"/whitelabel/blob-arena/icon.png\",\n    cover: \"/whitelabel/blob-arena/cover.png\",\n    colors: {\n      primary: \"#980f06\",\n    },\n  },\n  zkube: {\n    id: \"zkube\",\n    name: \"zKube\",\n    icon: \"/whitelabel/zkube/icon.png\",\n    cover: \"/whitelabel/zkube/cover.png\",\n    colors: {\n      primary: \"#5bc3e6\",\n    },\n  },\n};\n","import { PROFILE_URL } from \"../constants\";\nimport { Profile, ProfileOptions } from \"../types\";\nimport { IFrame, IFrameOptions } from \"./base\";\n\nexport type ProfileIFrameOptions = IFrameOptions<Profile> &\n  ProfileOptions & {\n    rpcUrl: string;\n    username: string;\n    slot?: string;\n    namespace?: string;\n  };\n\nexport class ProfileIFrame extends IFrame<Profile> {\n  constructor({\n    profileUrl,\n    rpcUrl,\n    namespace,\n    slot,\n    username,\n    tokens,\n    ...iframeOptions\n  }: ProfileIFrameOptions) {\n    const _profileUrl = (profileUrl || PROFILE_URL).replace(/\\/$/, \"\");\n    const _url = new URL(\n      slot\n        ? namespace\n          ? `${_profileUrl}/account/${username}/slot/${slot}?ns=${encodeURIComponent(\n              namespace,\n            )}`\n          : `${_profileUrl}/account/${username}/slot/${slot}`\n        : `${_profileUrl}/account/${username}`,\n    );\n\n    _url.searchParams.set(\"rpcUrl\", encodeURIComponent(rpcUrl));\n\n    if (tokens?.erc20) {\n      _url.searchParams.set(\n        \"erc20\",\n        encodeURIComponent(tokens.erc20.toString()),\n      );\n    }\n\n    super({\n      ...iframeOptions,\n      id: \"controller-profile\",\n      url: _url,\n    });\n  }\n}\n"],"mappings":"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","names":["existingController"]}
+{"version":3,"sources":["../../src/constants.ts","../../src/iframe/base.ts","../../src/iframe/profile.ts"],"sourcesContent":["export const KEYCHAIN_URL = \"https://x.cartridge.gg\";\nexport const PROFILE_URL = \"https://profile.cartridge.gg\";\nexport const API_URL = \"https://api.cartridge.gg\";\n","import { AsyncMethodReturns, connectToChild } from \"@cartridge/penpal\";\nimport { ControllerOptions, Modal } from \"../types\";\n\nexport type IFrameOptions<CallSender> = Omit<\n  ConstructorParameters<typeof IFrame>[0],\n  \"id\" | \"url\" | \"onConnect\"\n> & {\n  url?: string;\n  onConnect: (child: AsyncMethodReturns<CallSender>) => void;\n};\n\nexport class IFrame<CallSender extends {}> implements Modal {\n  url?: URL;\n  private iframe?: HTMLIFrameElement;\n  private container?: HTMLDivElement;\n  private onClose?: () => void;\n\n  constructor({\n    id,\n    url,\n    theme,\n    colorMode,\n    onClose,\n    onConnect,\n    methods = {},\n  }: Pick<ControllerOptions, \"theme\" | \"colorMode\"> & {\n    id: string;\n    url: URL;\n    onClose?: () => void;\n    onConnect: (child: AsyncMethodReturns<CallSender>) => void;\n    methods?: { [key: string]: (...args: any[]) => void };\n  }) {\n    if (typeof document === \"undefined\") {\n      return;\n    }\n\n    if (theme) {\n      url.searchParams.set(\"theme\", encodeURIComponent(theme));\n    }\n\n    if (colorMode) {\n      url.searchParams.set(\"colorMode\", colorMode);\n    }\n\n    this.url = url;\n\n    const iframe = document.createElement(\"iframe\");\n    iframe.src = url.toString();\n    iframe.id = id;\n    iframe.style.border = \"none\";\n    iframe.sandbox.add(\"allow-forms\");\n    iframe.sandbox.add(\"allow-popups\");\n    iframe.sandbox.add(\"allow-scripts\");\n    iframe.sandbox.add(\"allow-same-origin\");\n    iframe.allow =\n      \"publickey-credentials-create *; publickey-credentials-get *; clipboard-write\";\n    if (!!document.hasStorageAccess) {\n      iframe.sandbox.add(\"allow-storage-access-by-user-activation\");\n    }\n\n    const container = document.createElement(\"div\");\n    container.id = \"controller\";\n    container.style.position = \"fixed\";\n    container.style.height = \"100%\";\n    container.style.width = \"100%\";\n    container.style.top = \"0\";\n    container.style.left = \"0\";\n    container.style.zIndex = \"10000\";\n    container.style.backgroundColor = \"rgba(0,0,0,0.6)\";\n    container.style.display = \"flex\";\n    container.style.alignItems = \"center\";\n    container.style.justifyContent = \"center\";\n    container.style.visibility = \"hidden\";\n    container.style.opacity = \"0\";\n    container.style.transition = \"opacity 0.2s ease\";\n    container.appendChild(iframe);\n\n    this.iframe = iframe;\n    this.container = container;\n\n    connectToChild<CallSender>({\n      iframe: this.iframe,\n      methods: { close: () => this.close(), ...methods },\n    }).promise.then(onConnect);\n\n    this.resize();\n    window.addEventListener(\"resize\", () => this.resize());\n\n    const observer = new MutationObserver(() => {\n      const existingController = document.getElementById(\"controller\");\n      if (document.body) {\n        if (\n          (id === \"controller-keychain\" && !existingController) ||\n          id === \"controller-profile\"\n        ) {\n          document.body.appendChild(container);\n          observer.disconnect();\n        }\n      }\n    });\n\n    observer.observe(document.documentElement, {\n      childList: true,\n      subtree: true,\n    });\n\n    const existingController = document.getElementById(\"controller\");\n    if (document.body) {\n      if (\n        (id === \"controller-keychain\" && !existingController) ||\n        id === \"controller-profile\"\n      ) {\n        document.body.appendChild(container);\n      }\n    }\n\n    this.onClose = onClose;\n  }\n\n  open() {\n    if (!this.container) return;\n    document.body.style.overflow = \"hidden\";\n\n    this.container.style.visibility = \"visible\";\n    this.container.style.opacity = \"1\";\n  }\n\n  close() {\n    if (!this.container) return;\n    this.onClose?.();\n\n    document.body.style.overflow = \"auto\";\n\n    this.container.style.visibility = \"hidden\";\n    this.container.style.opacity = \"0\";\n  }\n\n  private resize() {\n    if (!this.iframe) return;\n\n    this.iframe.style.userSelect = \"none\";\n\n    if (window.innerWidth < 768) {\n      this.iframe.style.height = \"100%\";\n      this.iframe.style.width = \"100%\";\n      this.iframe.style.borderRadius = \"0\";\n      return;\n    }\n\n    this.iframe.style.height = \"600px\";\n    this.iframe.style.width = \"432px\";\n    this.iframe.style.borderRadius = \"8px\";\n  }\n}\n","import { PROFILE_URL } from \"../constants\";\nimport { Profile, ProfileOptions } from \"../types\";\nimport { IFrame, IFrameOptions } from \"./base\";\n\nexport type ProfileIFrameOptions = IFrameOptions<Profile> &\n  ProfileOptions & {\n    rpcUrl: string;\n    username: string;\n    slot?: string;\n    namespace?: string;\n  };\n\nexport class ProfileIFrame extends IFrame<Profile> {\n  constructor({\n    profileUrl,\n    rpcUrl,\n    namespace,\n    slot,\n    username,\n    tokens,\n    ...iframeOptions\n  }: ProfileIFrameOptions) {\n    const _profileUrl = (profileUrl || PROFILE_URL).replace(/\\/$/, \"\");\n    const _url = new URL(\n      slot\n        ? namespace\n          ? `${_profileUrl}/account/${username}/slot/${slot}?ps=${encodeURIComponent(\n              slot,\n            )}&ns=${encodeURIComponent(namespace)}`\n          : `${_profileUrl}/account/${username}/slot/${slot}?ps=${encodeURIComponent(\n              slot,\n            )}`\n        : `${_profileUrl}/account/${username}`,\n    );\n\n    _url.searchParams.set(\"rpcUrl\", encodeURIComponent(rpcUrl));\n\n    if (tokens?.erc20) {\n      _url.searchParams.set(\n        \"erc20\",\n        encodeURIComponent(tokens.erc20.toString()),\n      );\n    }\n\n    super({\n      ...iframeOptions,\n      id: \"controller-profile\",\n      url: _url,\n    });\n  }\n}\n"],"mappings":"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","names":["existingController"]}

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 export { default } from './controller.js';
 export { NotReadyToConnect } from './errors.js';
-export { l as ColorMode, C as ConnectError, b as ConnectReply, d as ControllerAccounts, q as ControllerColor, p as ControllerColors, a as ControllerError, f as ControllerOptions, m as ControllerTheme, o as ControllerThemePreset, n as ControllerThemePresets, D as DeployReply, E as ExecuteReply, g as IFrameOptions, I as IFrames, K as Keychain, i as KeychainOptions, M as Modal, P as Policy, r as Prefund, c as ProbeReply, e as Profile, k as ProfileContextTypeVariant, j as ProfileOptions, h as ProviderOptions, R as ResponseCodes, S as Session, T as ThemeValue, s as Tokens } from './types-BkXOAuzX.js';
-export { defaultPresets } from './presets.js';
+export { C as ConnectError, b as ConnectReply, e as ControllerAccounts, a as ControllerError, g as ControllerOptions, D as DeployReply, E as ExecuteReply, h as IFrameOptions, I as IFrames, K as Keychain, j as KeychainOptions, L as LookupRequest, d as LookupResponse, c as LookupResult, M as Modal, m as Prefund, P as ProbeReply, f as Profile, l as ProfileContextTypeVariant, k as ProfileOptions, i as ProviderOptions, R as ResponseCodes, S as Session, T as Tokens } from './types-1WsOoNO2.js';
+export { lookupAddresses, lookupUsernames } from './lookup.js';
+export { toArray, toSessionPolicies, toWasmPolicies } from './utils.js';
+export * from '@cartridge/presets';
 import './provider.js';
 import 'starknet';
 import '@starknet-io/types-js';