@feedclip/sdk 0.1.0

package/dist/types/vue.d.ts

@@ -0,0 +1,18 @@
+import "./index.css";
+import { PropType } from "vue";
+import { Configuration } from "./configuration";
+export declare const FeedClipVue: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    config: {
+        type: PropType<Configuration>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    config: {
+        type: PropType<Configuration>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default FeedClipVue;
+export type { Configuration } from "./configuration";

package/dist/vue.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./FeedClip-BmVeLeSY.cjs");let t=require("react"),n=require("react-dom/client"),r=require("vue");var i=(0,r.defineComponent)({name:`FeedClip`,props:{config:{type:Object,required:!0}},setup(i){let a=(0,r.ref)(null),o,s=()=>{a.value&&(o??=(0,n.createRoot)(a.value),o.render((0,t.createElement)(e.t,{config:i.config})))};return(0,r.onMounted)(s),(0,r.watch)(()=>i.config,s,{deep:!0}),(0,r.onUnmounted)(()=>o?.unmount()),()=>(0,r.h)(`div`,{ref:a,"data-feedclip-adapter":`vue`})}});exports.FeedClipVue=i,exports.default=i;

package/dist/vue.js

@@ -0,0 +1,23 @@
+import { t as e } from "./FeedClip-Czdkvwzl.js";
+import { createElement as t } from "react";
+import { createRoot as n } from "react-dom/client";
+import { defineComponent as r, h as i, onMounted as a, onUnmounted as o, ref as s, watch as c } from "vue";
+//#region src/vue.ts
+var l = r({
+	name: "FeedClip",
+	props: { config: {
+		type: Object,
+		required: !0
+	} },
+	setup(r) {
+		let l = s(null), u, d = () => {
+			l.value && (u ??= n(l.value), u.render(t(e, { config: r.config })));
+		};
+		return a(d), c(() => r.config, d, { deep: !0 }), o(() => u?.unmount()), () => i("div", {
+			ref: l,
+			"data-feedclip-adapter": "vue"
+		});
+	}
+});
+//#endregion
+export { l as FeedClipVue, l as default };

package/package.json

@@ -0,0 +1,118 @@
+{
+  "name": "@feedclip/sdk",
+  "private": false,
+  "version": "0.1.0",
+  "license": "MIT",
+  "description": "Video feedback SDK for React, Vue, and Angular",
+  "homepage": "https://github.com/andreyshedko/feedclip#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/andreyshedko/feedclip.git",
+    "directory": "packages/sdk"
+  },
+  "bugs": {
+    "url": "https://github.com/andreyshedko/feedclip/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "type": "module",
+  "main": "./dist/feedclip.cjs",
+  "module": "./dist/feedclip.js",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist",
+    "scripts",
+    "README.md",
+    "COMPLIANCE.md",
+    "LICENSE",
+    "COMMERCIAL-LICENSE.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/feedclip.js",
+      "require": "./dist/feedclip.cjs"
+    },
+    "./vue": {
+      "types": "./dist/types/vue.d.ts",
+      "import": "./dist/vue.js",
+      "require": "./dist/vue.cjs"
+    },
+    "./angular": {
+      "types": "./dist/types/angular.d.ts",
+      "import": "./dist/angular.js",
+      "require": "./dist/angular.cjs"
+    },
+    "./style.css": "./dist/feedclip.css"
+  },
+  "scripts": {
+    "prepack": "npm run build",
+    "dev": "vite",
+    "build": "tsc -b && vite build && tsc -p tsconfig.build.json",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "license:keys": "node scripts/generate-license-keypair.mjs",
+    "license:issue": "node scripts/issue-license.mjs",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "@angular/core": "^19.0.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "vue": "^3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "@angular/core": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "jotai": "^2.12.4"
+  },
+  "devDependencies": {
+    "@angular/common": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@eslint/js": "^9.39.0",
+    "@tailwindcss/vite": "^4.1.4",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@vitejs/plugin-react": "^5.1.4",
+    "eslint": "^9.39.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "globals": "^16.0.0",
+    "jotai": "^2.12.4",
+    "jsdom": "^28.1.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "rxjs": "^7.8.0",
+    "tailwindcss": "^4.1.4",
+    "tslib": "^2.8.0",
+    "typescript": "~5.7.2",
+    "typescript-eslint": "^8.26.1",
+    "vite": "^8.0.16",
+    "vitest": "^4.1.8",
+    "vue": "^3.5.0",
+    "zone.js": "^0.15.0"
+  },
+  "resolutions": {
+    "postcss": "^8.5.10",
+    "vite": "6.4.2"
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+}

package/scripts/generate-license-keypair.mjs

@@ -0,0 +1,25 @@
+import { webcrypto } from "node:crypto";
+
+const keyPair = await webcrypto.subtle.generateKey(
+  { name: "ECDSA", namedCurve: "P-256" },
+  true,
+  ["sign", "verify"]
+);
+
+const [publicKey, privateKey] = await Promise.all([
+  webcrypto.subtle.exportKey("jwk", keyPair.publicKey),
+  webcrypto.subtle.exportKey("jwk", keyPair.privateKey),
+]);
+
+process.stdout.write(
+  `${JSON.stringify(
+    {
+      publicKey,
+      privateKey,
+      warning:
+        "Store privateKey in a server-side secret manager. Never ship it to browsers or commit it.",
+    },
+    null,
+    2
+  )}\n`
+);

package/scripts/issue-license.mjs

@@ -0,0 +1,69 @@
+import { webcrypto } from "node:crypto";
+
+const parseArguments = (values) => {
+  const parsed = {};
+  for (let index = 0; index < values.length; index += 2) {
+    const name = values[index]?.replace(/^--/, "");
+    const value = values[index + 1];
+    if (!name || value === undefined) {
+      throw new Error("Arguments must use --name value pairs");
+    }
+    parsed[name] = value;
+  }
+  return parsed;
+};
+
+const encodeBase64Url = (value) =>
+  Buffer.from(value).toString("base64url");
+
+const args = parseArguments(process.argv.slice(2));
+const plan = args.plan ?? "paid";
+const allowedPlans = new Set(["free", "paid"]);
+
+if (!allowedPlans.has(plan)) {
+  throw new Error(`Unknown plan: ${plan}`);
+}
+if (!args.project) {
+  throw new Error("--project is required");
+}
+
+const privateKeyJson = process.env.FEEDCLIP_PRIVATE_KEY_JWK;
+if (!privateKeyJson) {
+  throw new Error("FEEDCLIP_PRIVATE_KEY_JWK is required");
+}
+
+const now = Math.floor(Date.now() / 1000);
+const days = Number(args.days ?? "365");
+const claims = {
+  iss: args.issuer ?? "https://feedclip.dev",
+  aud: args.audience ?? "@feedclip/sdk",
+  sub: args.license ?? webcrypto.randomUUID(),
+  projectId: args.project,
+  plan,
+  iat: now,
+  exp: now + days * 24 * 60 * 60,
+  ...(args.features ? { features: JSON.parse(args.features) } : {}),
+};
+const header = {
+  alg: "ES256",
+  typ: "FCL",
+  kid: args["key-id"] ?? process.env.FEEDCLIP_LICENSE_KEY_ID ?? "primary",
+};
+const encodedHeader = encodeBase64Url(JSON.stringify(header));
+const encodedClaims = encodeBase64Url(JSON.stringify(claims));
+const signingInput = `${encodedHeader}.${encodedClaims}`;
+const privateKey = await webcrypto.subtle.importKey(
+  "jwk",
+  JSON.parse(privateKeyJson),
+  { name: "ECDSA", namedCurve: "P-256" },
+  false,
+  ["sign"]
+);
+const signature = await webcrypto.subtle.sign(
+  { name: "ECDSA", hash: "SHA-256" },
+  privateKey,
+  new TextEncoder().encode(signingInput)
+);
+const token = `${signingInput}.${Buffer.from(signature).toString("base64url")}`;
+
+process.stdout.write(`${JSON.stringify({ token, claims }, null, 2)}\n`);