@subnoto/embed-solid 0.555.1

package/index.d.ts

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

package/index.ts

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

package/package.json

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

package/src/SignEmbed.tsx

@@ -0,0 +1,57 @@
+import { createSignal, createMemo } from "solid-js";
+
+// 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;
+};
+
+const DEFAULT_HOST = "https://app.subnoto.com";
+
+function SignEmbed(props: SignEmbedProps) {
+  const src = createMemo(() => {
+    if (props.iframeUrl) return props.iframeUrl;
+    const base = (props.host || DEFAULT_HOST).replace(/\/$/, "");
+    const token = props.token ?? "";
+    return `${base}/embeds/sign#t=${encodeURIComponent(token)}`;
+  });
+
+  return (
+    <>
+      <iframe
+        class={props.className}
+        allow="fullscreen"
+        src={src()}
+        title={props.title ?? "Subnoto signing"}
+        style={{
+          width: "100%",
+          height: "100%",
+          border: 0,
+        }}
+      ></iframe>
+    </>
+  );
+}
+
+export default SignEmbed;