@subnoto/embed-vue 0.555.1

package/index.ts

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

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@subnoto/embed-vue",
+  "version": "0.555.1",
+  "description": "Subnoto embed – vue components",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nickel-org/subnoto-monorepo-public.git",
+    "directory": "libs/embeds/output/vue"
+  },
+  "keywords": [
+    "subnoto",
+    "embeds",
+    "vue"
+  ],
+  "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": {
+    "vue": ">=3.0.0"
+  }
+}

package/src/SignEmbed.vue

@@ -0,0 +1,61 @@
+<template>
+  <iframe
+    allow="fullscreen"
+    :src="src"
+    :title="title ?? 'Subnoto signing'"
+    :style="{
+      width: '100%',
+      height: '100%',
+      border: 0,
+    }"
+    :class="className"
+  ></iframe>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+const DEFAULT_HOST = "https://app.subnoto.com";
+
+// 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;
+};
+
+export default defineComponent({
+  name: "sign-embed",
+
+  props: ["iframeUrl", "host", "token", "title", "className"],
+
+  computed: {
+    src() {
+      if (this.iframeUrl) return this.iframeUrl;
+      const base = (this.host || DEFAULT_HOST).replace(/\/$/, "");
+      const token = this.token ?? "";
+      return `${base}/embeds/sign#t=${encodeURIComponent(token)}`;
+    },
+  },
+});
+</script>