@dadan-mvp/record-sdk-angular 0.0.0-stage → 0.1.1

package/README.md

@@ -1,3 +1,54 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+# `@dadan-mvp/record-sdk-angular`
+
+Angular service for the Dadan Record SDK (in-page UI, no iframe).
+
+## Install
+
+```bash
+npm install @dadan-mvp/record-sdk-angular
+```
+
+Peer: `@angular/core` ≥ 15.  
+React is pulled in automatically via `@dadan-mvp/record-sdk-ui` — do **not** add `react` / `react-dom` yourself.
+
+## `DadanRecorderService`
+
+```ts
+import { DadanRecorderService } from "@dadan-mvp/record-sdk-angular";
+
+const svc = new DadanRecorderService();
+await svc.init({
+  mode: "custom",
+  publicAppId,
+  uploadToken,
+  environment: "sandbox",
+  mount: "light", // or "shadow"
+  config: { theme: { primary: "#4A3CFA" } },
+});
+svc.configureButton(buttonElement, (video) => console.log(video));
+// svc.open(); svc.close(); svc.teardown();
+```
+
+## Vanilla-style API from Angular
+
+```ts
+import { createInstance } from "@dadan-mvp/record-sdk-angular";
+// re-exports @dadan-mvp/record-sdk-ui
+
+const sdk = await createInstance({
+  mode: "custom",
+  publicAppId,
+  uploadToken,
+  mount: "shadow",
+});
+sdk.configureButton({ element: buttonElement });
+```
+
+## Web Component
+
+```ts
+svc.defineElement(); // registers <dadan-recorder>
+// Use CUSTOM_ELEMENTS_SCHEMA in the Angular component if you put the tag in a template.
+```
+
+See also the sibling demo: `../../dadan-angular-demo` (service + light + shadow).

package/dist/index.cjs

@@ -0,0 +1,76 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  DadanRecorderService: () => DadanRecorderService,
+  createInstance: () => import_record_sdk_ui2.createInstance,
+  createRecorder: () => import_record_sdk_ui2.createRecorder,
+  defineDadanRecorder: () => import_record_sdk_ui2.defineDadanRecorder,
+  isSupported: () => import_record_sdk_ui2.isSupported
+});
+module.exports = __toCommonJS(index_exports);
+var import_record_sdk_ui = require("@dadan-mvp/record-sdk-ui");
+var import_record_sdk_ui2 = require("@dadan-mvp/record-sdk-ui");
+var DadanRecorderService = class {
+  constructor() {
+    this.instance = null;
+  }
+  async init(args) {
+    const support = await (0, import_record_sdk_ui.isSupported)();
+    if (!support.supported) {
+      throw new Error(support.error ?? "Dadan Record SDK unsupported");
+    }
+    this.teardown();
+    this.instance = await (0, import_record_sdk_ui.createInstance)(args);
+    return this.instance;
+  }
+  /** Ensure `<dadan-recorder>` is defined for template usage. */
+  defineElement() {
+    (0, import_record_sdk_ui.defineDadanRecorder)();
+  }
+  configureButton(element, onInsert) {
+    if (!this.instance) {
+      throw new Error("Call init() before configureButton()");
+    }
+    const button = this.instance.configureButton({ element });
+    if (onInsert) button.on("insert-click", onInsert);
+    return button;
+  }
+  open(options) {
+    this.instance?.open(options);
+  }
+  close() {
+    this.instance?.close();
+  }
+  teardown() {
+    this.instance?.teardown();
+    this.instance = null;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DadanRecorderService,
+  createInstance,
+  createRecorder,
+  defineDadanRecorder,
+  isSupported
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\r\n  createInstance,\r\n  defineDadanRecorder,\r\n  isSupported,\r\n  type CreateInstanceArgs,\r\n  type DadanVideo,\r\n  type SDKResult,\r\n} from \"@dadan-mvp/record-sdk-ui\";\r\nimport type { SdkButton } from \"@dadan-mvp/record-sdk\";\r\n\r\nexport {\r\n  createInstance,\r\n  createRecorder,\r\n  defineDadanRecorder,\r\n  isSupported,\r\n  type CreateInstanceArgs,\r\n  type DadanVideo,\r\n  type SDKResult,\r\n} from \"@dadan-mvp/record-sdk-ui\";\r\n\r\n/**\r\n * Angular-friendly service wrapper (in-page UI via createInstance).\r\n */\r\nexport class DadanRecorderService {\r\n  private instance: SDKResult | null = null;\r\n\r\n  async init(args: CreateInstanceArgs): Promise<SDKResult> {\r\n    const support = await isSupported();\r\n    if (!support.supported) {\r\n      throw new Error(support.error ?? \"Dadan Record SDK unsupported\");\r\n    }\r\n    this.teardown();\r\n    this.instance = await createInstance(args);\r\n    return this.instance;\r\n  }\r\n\r\n  /** Ensure `<dadan-recorder>` is defined for template usage. */\r\n  defineElement(): void {\r\n    defineDadanRecorder();\r\n  }\r\n\r\n  configureButton(\r\n    element: HTMLElement,\r\n    onInsert?: (video: DadanVideo) => void\r\n  ): SdkButton {\r\n    if (!this.instance) {\r\n      throw new Error(\"Call init() before configureButton()\");\r\n    }\r\n    const button = this.instance.configureButton({ element });\r\n    if (onInsert) button.on(\"insert-click\", onInsert);\r\n    return button;\r\n  }\r\n\r\n  open(options?: { mode?: import(\"@dadan-mvp/sdk-protocol\").RecordingMode }): void {\r\n    this.instance?.open(options);\r\n  }\r\n\r\n  close(): void {\r\n    this.instance?.close();\r\n  }\r\n\r\n  teardown(): void {\r\n    this.instance?.teardown();\r\n    this.instance = null;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAC,2BAOM;AAGP,IAAAA,wBAQO;AAKA,IAAM,uBAAN,MAA2B;AAAA,EAA3B;AACL,SAAQ,WAA6B;AAAA;AAAA,EAErC,MAAM,KAAK,MAA8C;AACvD,UAAM,UAAU,UAAM,kCAAY;AAClC,QAAI,CAAC,QAAQ,WAAW;AACtB,YAAM,IAAI,MAAM,QAAQ,SAAS,8BAA8B;AAAA,IACjE;AACA,SAAK,SAAS;AACd,SAAK,WAAW,UAAM,qCAAe,IAAI;AACzC,WAAO,KAAK;AAAA,EACd;AAAA;AAAA,EAGA,gBAAsB;AACpB,kDAAoB;AAAA,EACtB;AAAA,EAEA,gBACE,SACA,UACW;AACX,QAAI,CAAC,KAAK,UAAU;AAClB,YAAM,IAAI,MAAM,sCAAsC;AAAA,IACxD;AACA,UAAM,SAAS,KAAK,SAAS,gBAAgB,EAAE,QAAQ,CAAC;AACxD,QAAI,SAAU,QAAO,GAAG,gBAAgB,QAAQ;AAChD,WAAO;AAAA,EACT;AAAA,EAEA,KAAK,SAA4E;AAC/E,SAAK,UAAU,KAAK,OAAO;AAAA,EAC7B;AAAA,EAEA,QAAc;AACZ,SAAK,UAAU,MAAM;AAAA,EACvB;AAAA,EAEA,WAAiB;AACf,SAAK,UAAU,SAAS;AACxB,SAAK,WAAW;AAAA,EAClB;AACF;","names":["import_record_sdk_ui"]}

package/dist/index.d.cts

@@ -0,0 +1,22 @@
+import * as _dadan_mvp_sdk_protocol from '@dadan-mvp/sdk-protocol';
+import { CreateInstanceArgs, SDKResult, DadanVideo } from '@dadan-mvp/record-sdk-ui';
+export { CreateInstanceArgs, DadanVideo, SDKResult, createInstance, createRecorder, defineDadanRecorder, isSupported } from '@dadan-mvp/record-sdk-ui';
+import { SdkButton } from '@dadan-mvp/record-sdk';
+
+/**
+ * Angular-friendly service wrapper (in-page UI via createInstance).
+ */
+declare class DadanRecorderService {
+    private instance;
+    init(args: CreateInstanceArgs): Promise<SDKResult>;
+    /** Ensure `<dadan-recorder>` is defined for template usage. */
+    defineElement(): void;
+    configureButton(element: HTMLElement, onInsert?: (video: DadanVideo) => void): SdkButton;
+    open(options?: {
+        mode?: _dadan_mvp_sdk_protocol.RecordingMode;
+    }): void;
+    close(): void;
+    teardown(): void;
+}
+
+export { DadanRecorderService };

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import * as _dadan_mvp_sdk_protocol from '@dadan-mvp/sdk-protocol';
+import { CreateInstanceArgs, SDKResult, DadanVideo } from '@dadan-mvp/record-sdk-ui';
+export { CreateInstanceArgs, DadanVideo, SDKResult, createInstance, createRecorder, defineDadanRecorder, isSupported } from '@dadan-mvp/record-sdk-ui';
+import { SdkButton } from '@dadan-mvp/record-sdk';
+
+/**
+ * Angular-friendly service wrapper (in-page UI via createInstance).
+ */
+declare class DadanRecorderService {
+    private instance;
+    init(args: CreateInstanceArgs): Promise<SDKResult>;
+    /** Ensure `<dadan-recorder>` is defined for template usage. */
+    defineElement(): void;
+    configureButton(element: HTMLElement, onInsert?: (video: DadanVideo) => void): SdkButton;
+    open(options?: {
+        mode?: _dadan_mvp_sdk_protocol.RecordingMode;
+    }): void;
+    close(): void;
+    teardown(): void;
+}
+
+export { DadanRecorderService };

package/dist/index.js

@@ -0,0 +1,56 @@
+// src/index.ts
+import {
+  createInstance,
+  defineDadanRecorder,
+  isSupported
+} from "@dadan-mvp/record-sdk-ui";
+import {
+  createInstance as createInstance2,
+  createRecorder,
+  defineDadanRecorder as defineDadanRecorder2,
+  isSupported as isSupported2
+} from "@dadan-mvp/record-sdk-ui";
+var DadanRecorderService = class {
+  constructor() {
+    this.instance = null;
+  }
+  async init(args) {
+    const support = await isSupported();
+    if (!support.supported) {
+      throw new Error(support.error ?? "Dadan Record SDK unsupported");
+    }
+    this.teardown();
+    this.instance = await createInstance(args);
+    return this.instance;
+  }
+  /** Ensure `<dadan-recorder>` is defined for template usage. */
+  defineElement() {
+    defineDadanRecorder();
+  }
+  configureButton(element, onInsert) {
+    if (!this.instance) {
+      throw new Error("Call init() before configureButton()");
+    }
+    const button = this.instance.configureButton({ element });
+    if (onInsert) button.on("insert-click", onInsert);
+    return button;
+  }
+  open(options) {
+    this.instance?.open(options);
+  }
+  close() {
+    this.instance?.close();
+  }
+  teardown() {
+    this.instance?.teardown();
+    this.instance = null;
+  }
+};
+export {
+  DadanRecorderService,
+  createInstance2 as createInstance,
+  createRecorder,
+  defineDadanRecorder2 as defineDadanRecorder,
+  isSupported2 as isSupported
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\r\n  createInstance,\r\n  defineDadanRecorder,\r\n  isSupported,\r\n  type CreateInstanceArgs,\r\n  type DadanVideo,\r\n  type SDKResult,\r\n} from \"@dadan-mvp/record-sdk-ui\";\r\nimport type { SdkButton } from \"@dadan-mvp/record-sdk\";\r\n\r\nexport {\r\n  createInstance,\r\n  createRecorder,\r\n  defineDadanRecorder,\r\n  isSupported,\r\n  type CreateInstanceArgs,\r\n  type DadanVideo,\r\n  type SDKResult,\r\n} from \"@dadan-mvp/record-sdk-ui\";\r\n\r\n/**\r\n * Angular-friendly service wrapper (in-page UI via createInstance).\r\n */\r\nexport class DadanRecorderService {\r\n  private instance: SDKResult | null = null;\r\n\r\n  async init(args: CreateInstanceArgs): Promise<SDKResult> {\r\n    const support = await isSupported();\r\n    if (!support.supported) {\r\n      throw new Error(support.error ?? \"Dadan Record SDK unsupported\");\r\n    }\r\n    this.teardown();\r\n    this.instance = await createInstance(args);\r\n    return this.instance;\r\n  }\r\n\r\n  /** Ensure `<dadan-recorder>` is defined for template usage. */\r\n  defineElement(): void {\r\n    defineDadanRecorder();\r\n  }\r\n\r\n  configureButton(\r\n    element: HTMLElement,\r\n    onInsert?: (video: DadanVideo) => void\r\n  ): SdkButton {\r\n    if (!this.instance) {\r\n      throw new Error(\"Call init() before configureButton()\");\r\n    }\r\n    const button = this.instance.configureButton({ element });\r\n    if (onInsert) button.on(\"insert-click\", onInsert);\r\n    return button;\r\n  }\r\n\r\n  open(options?: { mode?: import(\"@dadan-mvp/sdk-protocol\").RecordingMode }): void {\r\n    this.instance?.open(options);\r\n  }\r\n\r\n  close(): void {\r\n    this.instance?.close();\r\n  }\r\n\r\n  teardown(): void {\r\n    this.instance?.teardown();\r\n    this.instance = null;\r\n  }\r\n}\r\n"],"mappings":";AAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAGP;AAAA,EACE,kBAAAA;AAAA,EACA;AAAA,EACA,uBAAAC;AAAA,EACA,eAAAC;AAAA,OAIK;AAKA,IAAM,uBAAN,MAA2B;AAAA,EAA3B;AACL,SAAQ,WAA6B;AAAA;AAAA,EAErC,MAAM,KAAK,MAA8C;AACvD,UAAM,UAAU,MAAM,YAAY;AAClC,QAAI,CAAC,QAAQ,WAAW;AACtB,YAAM,IAAI,MAAM,QAAQ,SAAS,8BAA8B;AAAA,IACjE;AACA,SAAK,SAAS;AACd,SAAK,WAAW,MAAM,eAAe,IAAI;AACzC,WAAO,KAAK;AAAA,EACd;AAAA;AAAA,EAGA,gBAAsB;AACpB,wBAAoB;AAAA,EACtB;AAAA,EAEA,gBACE,SACA,UACW;AACX,QAAI,CAAC,KAAK,UAAU;AAClB,YAAM,IAAI,MAAM,sCAAsC;AAAA,IACxD;AACA,UAAM,SAAS,KAAK,SAAS,gBAAgB,EAAE,QAAQ,CAAC;AACxD,QAAI,SAAU,QAAO,GAAG,gBAAgB,QAAQ;AAChD,WAAO;AAAA,EACT;AAAA,EAEA,KAAK,SAA4E;AAC/E,SAAK,UAAU,KAAK,OAAO;AAAA,EAC7B;AAAA,EAEA,QAAc;AACZ,SAAK,UAAU,MAAM;AAAA,EACvB;AAAA,EAEA,WAAiB;AACf,SAAK,UAAU,SAAS;AACxB,SAAK,WAAW;AAAA,EAClB;AACF;","names":["createInstance","defineDadanRecorder","isSupported"]}

package/package.json

@@ -1,6 +1,40 @@
 {
   "name": "@dadan-mvp/record-sdk-angular",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.1",
+  "description": "Dadan Record SDK Angular service (in-page UI)",
+  "license": "UNLICENSED",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --sourcemap --clean --external @angular/core"
+  },
+  "dependencies": {
+    "@dadan-mvp/record-sdk": "0.1.1",
+    "@dadan-mvp/record-sdk-ui": "0.1.1"
+  },
+  "peerDependencies": {
+    "@angular/core": ">=15"
+  },
+  "devDependencies": {
+    "tsup": "^8.4.0",
+    "typescript": "^5.9.2"
+  }
+}