@chaindaddy/js 0.0.0-stage → 0.2.0

package/dist/browser.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/button.d.ts

@@ -0,0 +1,2 @@
+/** Defines <cd-signin-button> once. cd.js calls it for you. */
+export declare function defineSignInButton(): void;

package/dist/cd.js

@@ -0,0 +1,22 @@
+"use strict";(()=>{var w="0.2.0";function b(t){let e="";for(let i of t)e+=String.fromCharCode(i);return btoa(e).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}function g(){return b(crypto.getRandomValues(new Uint8Array(32)))}function v(t,e,i,s){let c=a=>{if(a&&typeof a=="object"&&a.type===t)try{i(a)}catch{}},u=a=>{a.origin===e&&c(a.data)};window.addEventListener("message",u);let d=null;if(s&&typeof BroadcastChannel=="function"&&e===location.origin)try{d=new BroadcastChannel(s),d.onmessage=a=>c(a.data)}catch{d=null}return()=>{window.removeEventListener("message",u),d?.close()}}var h={get(t){try{return sessionStorage.getItem(t)}catch{return null}},set(t,e){try{sessionStorage.setItem(t,e)}catch{}},remove(t){try{sessionStorage.removeItem(t)}catch{}}};var A="https://api.chaindaddy.io",T={"https://api.chaindaddy.io":"https://chaindaddy.io/_oauth/authorize","https://staging-api.chaindaddy.io":"https://staging.chaindaddy.io/_oauth/authorize"},p="cd-signin",E="cd:signin",m="cd.signin";async function U(t){let e=await crypto.subtle.digest("SHA-256",new TextEncoder().encode(t));return b(new Uint8Array(e))}function M(t="openid"){let e=t.split(/\s+/).filter(Boolean);return(e.includes("openid")?e:["openid",...e]).join(" ")}async function L(t,e,i){let s=new URLSearchParams({response_type:"code",client_id:e.clientId,redirect_uri:e.redirectUri,scope:M(t.scope),state:e.state,nonce:e.nonce,code_challenge:await U(e.verifier),code_challenge_method:"S256"});return t.claims&&s.set("claims",typeof t.claims=="string"?t.claims:JSON.stringify(t.claims)),`${i}?${s}`}function x(t,e){return{code:e,codeVerifier:t.verifier,state:t.state,nonce:t.nonce,issuer:t.issuer,clientId:t.clientId,redirectUri:t.redirectUri}}function f(t){let e=(t.issuer??A).replace(/\/$/,""),i=t.authorizeUrl??T[e];if(!i)return Promise.reject(new Error("authorizeUrl is required for this issuer"));if(!t.clientId||!t.redirectUri)return Promise.reject(new Error("clientId and redirectUri are required"));let s={state:g(),nonce:g(),verifier:g(),issuer:e,clientId:t.clientId,redirectUri:t.redirectUri};h.set(m,JSON.stringify(s));let c=window.open("",p,"popup,width=480,height=720");return(async()=>{let u=await L(t,s,i);if(!c)return location.assign(u),null;c.location.href=u;let d=new URL(t.redirectUri,location.href).origin;return new Promise((a,n)=>{let o=v(E,d,r=>{r.state===s.state&&(o(),h.remove(m),typeof r.error=="string"&&r.error?n(new Error(r.error)):r.iss!==e?n(new Error("the answer came from another issuer")):typeof r.code!="string"||!r.code?n(new Error("the answer carried no code")):a(x(s,r.code)))},p);t.signal?.addEventListener("abort",()=>{o(),n(new Error("aborted"))})})})()}async function S(){let t=new URLSearchParams(location.search),e={type:E,code:t.get("code"),state:t.get("state"),iss:t.get("iss"),error:t.get("error")};if(window.name===p){try{window.opener?.postMessage(e,location.origin)}catch{}try{let c=new BroadcastChannel(p);c.postMessage(e),c.close()}catch{}return window.close(),null}let i=h.get(m);h.remove(m);let s=i?JSON.parse(i):null;if(!s||e.state!==s.state)throw new Error("the sign-in state does not match: start again");if(e.error)throw new Error(e.error);if(e.iss!==s.issuer)throw new Error("the answer came from another issuer");if(!e.code)throw new Error("the answer carried no code");return x(s,e.code)}async function k(t){let e=await fetch(`${t.issuer}/api/v2/oauth/token`,{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({grant_type:"authorization_code",code:t.code,redirect_uri:t.redirectUri,client_id:t.clientId,code_verifier:t.codeVerifier})}),i=await e.json();if(!e.ok)throw new Error(`${i.error??e.status}: ${i.error_description??""}`.trim());return i}var O='<svg viewBox="0 0 24 24" fill="#FFD700" width="20" height="20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><path d="M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5z" stroke="#B8860B" stroke-width="0.5"/><path d="M5 18h14v2H5v-2z" stroke="#B8860B" stroke-width="0.5"/></svg>',P=`
+:host { display: inline-block; }
+button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box;
+  min-height: 40px; padding: 0 16px; border-radius: 10px; font: 600 15px/1 system-ui, -apple-system, "Segoe UI", sans-serif;
+  cursor: pointer; border: 1px solid #d0d5dd; background: #ffffff; color: #101828; }
+button[data-theme="dark"] { background: #101828; color: #ffffff; border-color: #101828; }
+button:focus-visible { outline: 2px solid #f59e0b; outline-offset: 2px; }
+button:disabled { opacity: .6; cursor: default; }
+svg { flex: none; }
+`;function I(){if(typeof customElements>"u"||customElements.get("cd-signin-button"))return;class t extends HTMLElement{constructor(){super(),this.root=this.attachShadow({mode:"open"})}connectedCallback(){this.render()}attributeChangedCallback(){this.isConnected&&this.render()}render(){let i=this.getAttribute("text")==="continue"?"Continue with Chain Daddy":"Sign in with Chain Daddy",s=this.getAttribute("theme")==="dark"?"dark":"light";this.root.innerHTML=`<style>${P}</style><button type="button" part="button" data-theme="${s}">${O}<span></span></button>`;let c=this.root.querySelector("button");c.querySelector("span").textContent=i,c.addEventListener("click",()=>this.start())}start(){let i=s=>this.getAttribute(s)||void 0;f({clientId:i("client-id")??"",redirectUri:i("redirect-uri")??"",scope:i("scope"),claims:i("claims"),issuer:i("issuer"),authorizeUrl:i("authorize-url")}).then(s=>s&&this.dispatchEvent(new CustomEvent("cd-signin",{detail:s,bubbles:!0,composed:!0})),s=>this.dispatchEvent(new CustomEvent("cd-signin-error",{detail:{message:String(s?.message??s)},bubbles:!0,composed:!0})))}}t.observedAttributes=["theme","text"],customElements.define("cd-signin-button",t)}var C="https://embed.chaindaddy.io",y="https://embed-staging.chaindaddy.io";var H=["--cd-accent","--cd-surface","--cd-text","--cd-text-muted","--cd-border"];function _(t){try{if(t&&new URL(t).hostname==="js.staging.chaindaddy.io")return y}catch{}return C}var D=`
+:host { display: block; }
+iframe { display: block; width: 100%; border: 0; height: 1px; opacity: 0; color-scheme: normal; }
+:host([data-cd-ready]) iframe { opacity: 1; }
+:host([data-cd-ready]) slot { display: none; }
+:host([data-cd-unavailable]) iframe { display: none; }
+`,z=`
+:host { display: inline-block; }
+button { box-sizing: border-box; min-height: 40px; padding: 0 16px; border-radius: 10px; cursor: pointer;
+  font: 600 15px/1 system-ui, -apple-system, "Segoe UI", sans-serif;
+  border: 1px solid var(--cd-border, #d0d5dd); background: var(--cd-accent, #f59e0b); color: var(--cd-text, #101828); }
+button:focus-visible { outline: 2px solid var(--cd-accent, #f59e0b); outline-offset: 2px; }
+`;function R(t={}){try{if(typeof customElements>"u"||typeof HTMLElement>"u")return;let e=t.origin===y?y:C;class i extends HTMLElement{constructor(){super(...arguments);this.kind="app";this.frame=null;this.onMessage=n=>this.receive(n)}connectedCallback(){try{this.shadowRoot||this.attachShadow({mode:"open"}),this.mount()}catch{this.unavailable()}}disconnectedCallback(){try{window.removeEventListener("message",this.onMessage),clearTimeout(this.timer)}catch{}}attributeChangedCallback(){try{this.isConnected&&this.shadowRoot&&this.mount()}catch{this.unavailable()}}src(){let n=(this.getAttribute("crown")??"").trim(),o=(this.getAttribute("chain")??"").trim(),r=(this.getAttribute("app")??"").trim();if(!/^[0-9]{1,18}$/.test(n)||!o||this.kind==="app"&&!r)return null;let l=new URLSearchParams({crown:n,chain:o});return this.kind==="app"?l.set("app",r):l.set("kind","coin"),l.set("mode",this.mode()),l.set("v","1"),`${e}/v1/frame?${l.toString()}`}mode(){let n=this.getAttribute("mode");if(n==="light"||n==="dark")return n;try{return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}catch{return"light"}}mount(){let n=this.shadowRoot;window.removeEventListener("message",this.onMessage),clearTimeout(this.timer),this.removeAttribute("data-cd-ready"),this.removeAttribute("data-cd-unavailable");let o=this.src();if(!o){n.innerHTML="<slot></slot>",this.frame=null;return}n.innerHTML=`<style>${D}</style><slot></slot>`;let r=document.createElement("iframe");r.setAttribute("loading","lazy"),r.setAttribute("referrerpolicy","strict-origin-when-cross-origin"),r.setAttribute("allow","clipboard-write; fullscreen"),r.setAttribute("title",this.kind==="coin"?"Coin on Chain Daddy":"App on Chain Daddy"),r.src=o,n.appendChild(r),this.frame=r,window.addEventListener("message",this.onMessage),this.timer=setTimeout(()=>{this.hasAttribute("data-cd-ready")||this.unavailable()},8e3)}receive(n){try{if(n.origin!==e||!this.frame||!n.source||n.source!==this.frame.contentWindow)return;let o=n.data;if(!o||typeof o!="object")return;if(o.type==="cd:ready")clearTimeout(this.timer),this.removeAttribute("data-cd-unavailable"),this.setAttribute("data-cd-ready",""),this.sendTheme(),this.dispatchEvent(new CustomEvent("cd:ready"));else if(o.type==="cd:resize"){let r=Number(o.height);Number.isFinite(r)&&(this.frame.style.height=`${Math.max(1,Math.min(4e3,Math.ceil(r)))}px`)}else o.type==="cd:unavailable"&&this.unavailable()}catch{}}sendTheme(){let n={},o=getComputedStyle(this);for(let r of H){let l=o.getPropertyValue(r).trim();l&&(n[r]=l)}this.frame?.contentWindow?.postMessage({type:"cd:theme",tokens:n},e)}unavailable(){try{if(clearTimeout(this.timer),this.removeAttribute("data-cd-ready"),this.hasAttribute("data-cd-unavailable"))return;this.setAttribute("data-cd-unavailable",""),this.dispatchEvent(new CustomEvent("cd:unavailable"))}catch{}}}i.observedAttributes=["crown","chain","app","mode"];class s extends i{}class c extends i{constructor(){super(...arguments);this.kind="coin"}}class u extends HTMLElement{connectedCallback(){try{let a=this.querySelector("a[href]"),n=a?new URL(a.getAttribute("href")??"",document.baseURI):null;if(!n||n.protocol!=="https:")return;let o=this.shadowRoot??this.attachShadow({mode:"open"});o.innerHTML=`<style>${z}</style><button type="button" part="button"></button>`;let r=o.querySelector("button");r.textContent=(a.textContent??"").trim()||"Buy on Chain Daddy",r.addEventListener("click",()=>{try{window.open(n.toString(),"cd-buy","popup,width=460,height=760")||window.location.assign(n.toString())}catch{}})}catch{}}}for(let[d,a]of[["cd-app",s],["cd-coin",c],["cd-buy",u]])customElements.get(d)||customElements.define(d,a)}catch{}}var N={version:w,signIn:f,handleCallback:S,exchangeCode:k};window.ChainDaddy=Object.assign(window.ChainDaddy??{},N);I();R({origin:_(document.currentScript?.src)});})();

package/dist/cd.js.sri

@@ -0,0 +1 @@
+sha384-KKpjQXvfR3Rs+FsdOW+hfEJcZpfuYVXR+TcyRX0nbup+s/xRhLx102TTXL29eFE1

package/dist/core.d.ts

@@ -0,0 +1,17 @@
+export declare const VERSION: string;
+/** base64url without padding. */
+export declare function b64url(bytes: Uint8Array): string;
+/** 32 random bytes, base64url: 43 characters. */
+export declare function randomToken(): string;
+/**
+ * Listens for messages of `type` from exactly `origin`, on window and on a
+ * same-origin BroadcastChannel (which still works when a COOP header has
+ * severed window.opener). Returns a function that stops listening.
+ */
+export declare function listen(type: string, origin: string, onMessage: (data: Record<string, unknown>) => void, channel?: string): () => void;
+/** sessionStorage that never throws (private windows, blocked storage). */
+export declare const store: {
+    get(key: string): string | null;
+    set(key: string, value: string): void;
+    remove(key: string): void;
+};

package/dist/embed.d.ts

@@ -0,0 +1,8 @@
+/** The embed origin for a build loaded from scriptSrc: staging's CDN frames staging, anything else prod. */
+export declare function embedOriginFor(scriptSrc?: string | null): string;
+export interface EmbedOptions {
+    /** The embed origin. Only the two Chain Daddy embed origins are taken; anything else is prod. */
+    origin?: string;
+}
+/** Defines <cd-app>, <cd-coin> and <cd-buy>, each once. cd.js calls it for you. */
+export declare function defineEmbedElements(options?: EmbedOptions): void;

package/dist/embed.js

@@ -0,0 +1,188 @@
+// src/embed.ts
+var PROD_ORIGIN = "https://embed.chaindaddy.io";
+var STAGING_ORIGIN = "https://embed-staging.chaindaddy.io";
+var READY_TIMEOUT_MS = 8e3;
+var MAX_HEIGHT = 4e3;
+var THEME_TOKENS = ["--cd-accent", "--cd-surface", "--cd-text", "--cd-text-muted", "--cd-border"];
+function embedOriginFor(scriptSrc) {
+  try {
+    if (scriptSrc && new URL(scriptSrc).hostname === "js.staging.chaindaddy.io") return STAGING_ORIGIN;
+  } catch {
+  }
+  return PROD_ORIGIN;
+}
+var STYLE = `
+:host { display: block; }
+iframe { display: block; width: 100%; border: 0; height: 1px; opacity: 0; color-scheme: normal; }
+:host([data-cd-ready]) iframe { opacity: 1; }
+:host([data-cd-ready]) slot { display: none; }
+:host([data-cd-unavailable]) iframe { display: none; }
+`;
+var BUY_STYLE = `
+:host { display: inline-block; }
+button { box-sizing: border-box; min-height: 40px; padding: 0 16px; border-radius: 10px; cursor: pointer;
+  font: 600 15px/1 system-ui, -apple-system, "Segoe UI", sans-serif;
+  border: 1px solid var(--cd-border, #d0d5dd); background: var(--cd-accent, #f59e0b); color: var(--cd-text, #101828); }
+button:focus-visible { outline: 2px solid var(--cd-accent, #f59e0b); outline-offset: 2px; }
+`;
+function defineEmbedElements(options = {}) {
+  try {
+    if (typeof customElements === "undefined" || typeof HTMLElement === "undefined") return;
+    const origin = options.origin === STAGING_ORIGIN ? STAGING_ORIGIN : PROD_ORIGIN;
+    class CdFrame extends HTMLElement {
+      constructor() {
+        super(...arguments);
+        this.kind = "app";
+        this.frame = null;
+        this.onMessage = (event) => this.receive(event);
+      }
+      connectedCallback() {
+        try {
+          if (!this.shadowRoot) this.attachShadow({ mode: "open" });
+          this.mount();
+        } catch {
+          this.unavailable();
+        }
+      }
+      disconnectedCallback() {
+        try {
+          window.removeEventListener("message", this.onMessage);
+          clearTimeout(this.timer);
+        } catch {
+        }
+      }
+      attributeChangedCallback() {
+        try {
+          if (this.isConnected && this.shadowRoot) this.mount();
+        } catch {
+          this.unavailable();
+        }
+      }
+      /** The frame's address, or null when the element does not name enough. */
+      src() {
+        const crown = (this.getAttribute("crown") ?? "").trim();
+        const chain = (this.getAttribute("chain") ?? "").trim();
+        const app = (this.getAttribute("app") ?? "").trim();
+        if (!/^[0-9]{1,18}$/.test(crown) || !chain || this.kind === "app" && !app) return null;
+        const q = new URLSearchParams({ crown, chain });
+        if (this.kind === "app") q.set("app", app);
+        else q.set("kind", "coin");
+        q.set("mode", this.mode());
+        q.set("v", "1");
+        return `${origin}/v1/frame?${q.toString()}`;
+      }
+      mode() {
+        const attr = this.getAttribute("mode");
+        if (attr === "light" || attr === "dark") return attr;
+        try {
+          return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+        } catch {
+          return "light";
+        }
+      }
+      mount() {
+        const root = this.shadowRoot;
+        window.removeEventListener("message", this.onMessage);
+        clearTimeout(this.timer);
+        this.removeAttribute("data-cd-ready");
+        this.removeAttribute("data-cd-unavailable");
+        const src = this.src();
+        if (!src) {
+          root.innerHTML = "<slot></slot>";
+          this.frame = null;
+          return;
+        }
+        root.innerHTML = `<style>${STYLE}</style><slot></slot>`;
+        const frame = document.createElement("iframe");
+        frame.setAttribute("loading", "lazy");
+        frame.setAttribute("referrerpolicy", "strict-origin-when-cross-origin");
+        frame.setAttribute("allow", "clipboard-write; fullscreen");
+        frame.setAttribute("title", this.kind === "coin" ? "Coin on Chain Daddy" : "App on Chain Daddy");
+        frame.src = src;
+        root.appendChild(frame);
+        this.frame = frame;
+        window.addEventListener("message", this.onMessage);
+        this.timer = setTimeout(() => {
+          if (!this.hasAttribute("data-cd-ready")) this.unavailable();
+        }, READY_TIMEOUT_MS);
+      }
+      receive(event) {
+        try {
+          if (event.origin !== origin || !this.frame || !event.source || event.source !== this.frame.contentWindow) return;
+          const data = event.data;
+          if (!data || typeof data !== "object") return;
+          if (data.type === "cd:ready") {
+            clearTimeout(this.timer);
+            this.removeAttribute("data-cd-unavailable");
+            this.setAttribute("data-cd-ready", "");
+            this.sendTheme();
+            this.dispatchEvent(new CustomEvent("cd:ready"));
+          } else if (data.type === "cd:resize") {
+            const h = Number(data.height);
+            if (Number.isFinite(h)) this.frame.style.height = `${Math.max(1, Math.min(MAX_HEIGHT, Math.ceil(h)))}px`;
+          } else if (data.type === "cd:unavailable") {
+            this.unavailable();
+          }
+        } catch {
+        }
+      }
+      /** The page's --cd-* colours, for an app that takes them. */
+      sendTheme() {
+        const tokens = {};
+        const style = getComputedStyle(this);
+        for (const token of THEME_TOKENS) {
+          const value = style.getPropertyValue(token).trim();
+          if (value) tokens[token] = value;
+        }
+        this.frame?.contentWindow?.postMessage({ type: "cd:theme", tokens }, origin);
+      }
+      unavailable() {
+        try {
+          clearTimeout(this.timer);
+          this.removeAttribute("data-cd-ready");
+          if (this.hasAttribute("data-cd-unavailable")) return;
+          this.setAttribute("data-cd-unavailable", "");
+          this.dispatchEvent(new CustomEvent("cd:unavailable"));
+        } catch {
+        }
+      }
+    }
+    CdFrame.observedAttributes = ["crown", "chain", "app", "mode"];
+    class CdApp extends CdFrame {
+    }
+    class CdCoin extends CdFrame {
+      constructor() {
+        super(...arguments);
+        this.kind = "coin";
+      }
+    }
+    class CdBuy extends HTMLElement {
+      connectedCallback() {
+        try {
+          const link = this.querySelector("a[href]");
+          const href = link ? new URL(link.getAttribute("href") ?? "", document.baseURI) : null;
+          if (!href || href.protocol !== "https:") return;
+          const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+          root.innerHTML = `<style>${BUY_STYLE}</style><button type="button" part="button"></button>`;
+          const button = root.querySelector("button");
+          button.textContent = (link.textContent ?? "").trim() || "Buy on Chain Daddy";
+          button.addEventListener("click", () => {
+            try {
+              if (!window.open(href.toString(), "cd-buy", "popup,width=460,height=760")) window.location.assign(href.toString());
+            } catch {
+            }
+          });
+        } catch {
+        }
+      }
+    }
+    for (const [name, ctor] of [["cd-app", CdApp], ["cd-coin", CdCoin], ["cd-buy", CdBuy]]) {
+      if (!customElements.get(name)) customElements.define(name, ctor);
+    }
+  } catch {
+  }
+}
+export {
+  defineEmbedElements,
+  embedOriginFor
+};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { VERSION } from './core';
+export { DEFAULT_ISSUER, challengeFor, exchangeCode, handleCallback, signIn } from './signin';
+export type { SignInOptions, SignInResult } from './signin';
+export { defineSignInButton } from './button';
+export { defineEmbedElements, embedOriginFor } from './embed';
+export type { EmbedOptions } from './embed';