@subnoto/embed-svelte 0.555.1

package/index.ts

@@ -0,0 +1 @@
+export { default as SignEmbed } from "./src/SignEmbed.svelte";

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@subnoto/embed-svelte",
+  "version": "0.555.1",
+  "description": "Subnoto embed – svelte components",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nickel-org/subnoto-monorepo-public.git",
+    "directory": "libs/embeds/output/svelte"
+  },
+  "keywords": [
+    "subnoto",
+    "embeds",
+    "svelte"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "src/",
+    "index.ts",
+    "index.d.ts"
+  ],
+  "main": "index.ts",
+  "module": "index.ts",
+  "types": "index.ts",
+  "exports": {
+    ".": {
+      "types": "./index.ts",
+      "import": "./index.ts",
+      "default": "./index.ts"
+    }
+  },
+  "peerDependencies": {
+    "svelte": ">=3.0.0"
+  }
+}

package/src/SignEmbed.svelte

@@ -0,0 +1,67 @@
+<script context="module" lang="ts">
+  // Copyright 2025 Subnoto
+  //
+  // Licensed under the Apache License, Version 2.0 (the "License");
+  // you may not use this file except in compliance with the License.
+  // You may obtain a copy of the License at
+  //
+  //     http://www.apache.org/licenses/LICENSE-2.0
+  //
+  // Unless required by applicable law or agreed to in writing, software
+  // distributed under the License is distributed on an "AS IS" BASIS,
+  // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  // See the License for the specific language governing permissions and
+  // limitations under the License.
+
+  export type SignEmbedProps = {
+    /** Pre-built iframe URL. If set, host and token are ignored. */
+    iframeUrl?: string;
+    /** Base URL of the Subnoto app (e.g. https://app.subnoto.com). Used when token is set. */
+    host?: string;
+    /** Iframe token (from e.g. authentication_create-iframe-token). Passed in URL hash as #t=... */
+    token?: string;
+    /** Optional CSS class for the iframe. */
+    className?: string;
+    /** Iframe title for accessibility. */
+    title?: string;
+  };
+</script>
+
+<script lang="ts">
+  const DEFAULT_HOST = "https://app.subnoto.com";
+
+  export let iframeUrl: SignEmbedProps["iframeUrl"];
+  export let host: SignEmbedProps["host"];
+  export let token: SignEmbedProps["token"];
+  export let title: SignEmbedProps["title"];
+  export let className: SignEmbedProps["className"];
+  function stringifyStyles(stylesObj) {
+    let styles = "";
+    for (let key in stylesObj) {
+      const dashedKey = key.replace(/[A-Z]/g, function (match) {
+        return "-" + match.toLowerCase();
+      });
+      styles += dashedKey + ":" + stylesObj[key] + ";";
+    }
+    return styles;
+  }
+
+  $: src = () => {
+    if (iframeUrl) return iframeUrl;
+    const base = (host || DEFAULT_HOST).replace(/\/$/, "");
+    const token = token ?? "";
+    return `${base}/embeds/sign#t=${encodeURIComponent(token)}`;
+  };
+</script>
+
+<iframe
+  style={stringifyStyles({
+    width: "100%",
+    height: "100%",
+    border: 0,
+  })}
+  allow="fullscreen"
+  src={src()}
+  title={title ?? "Subnoto signing"}
+  class={className}
+/>