@parhelia/contenthub 0.1.10745

package/LICENSE

@@ -0,0 +1,8 @@
+Parhelia - AI-Powered Editor for Sitecore
+
+Copyright © 2025 Canvas REPLY GmbH. All rights reserved.
+
+For full license terms and legal notice, please visit:
+https://parhelia.ai/license
+
+This software is proprietary and confidential.

package/README.md

@@ -0,0 +1,27 @@
+# @parhelia/contenthub
+
+Content Hub DAM integration for Parhelia visual editor.
+
+## Installation
+
+```bash
+npm install @parhelia/contenthub
+```
+
+## Usage
+
+```typescript
+import { DamSelector } from '@parhelia/contenthub';
+import '@parhelia/contenthub/styles.css';
+```
+
+## Features
+
+- Content Hub DAM selector component
+- Asset browsing and selection
+- Integration with Parhelia editor
+
+## License
+
+See LICENSE file for details.
+

package/dist/DamSelector.d.ts

@@ -0,0 +1,3 @@
+import { DialogProps } from "@parhelia/core";
+import { DamImageValue, DamSelectorProps } from "./types";
+export declare function DamSelector({ onClose, contentHubHost, contentHubBrowsePage, externalRedirectKey, }: DamSelectorProps & DialogProps<DamImageValue>): import("react/jsx-runtime").JSX.Element;

package/dist/DamSelector.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, } from "@parhelia/core";
+import { useEffect } from "react";
+export function DamSelector({ onClose, contentHubHost, contentHubBrowsePage, externalRedirectKey, }) {
+    useEffect(() => {
+        const handleMessage = (message) => {
+            console.log("Received message:", message);
+            const normalizedHost = contentHubHost.replace(/\/$/, "");
+            const messageOrigin = message.origin.replace(/\/$/, "");
+            if (messageOrigin !== normalizedHost) {
+                console.log("Origin mismatch:", messageOrigin, normalizedHost);
+                return;
+            }
+            const data = message.data;
+            if (!data || !data.public_link) {
+                console.log("Invalid data received:", data);
+                return;
+            }
+            console.log("Processing valid data:", data);
+            onClose(data);
+        };
+        window.addEventListener("message", handleMessage);
+        return () => window.removeEventListener("message", handleMessage);
+    }, [contentHubHost, onClose]);
+    return (_jsx(Dialog, { open: true, onOpenChange: (open) => {
+            if (!open) {
+                onClose(null);
+            }
+        }, children: _jsxs(DialogContent, { className: "max-w-none select-medidialog", style: { width: "90vw", height: "90vh" }, children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Insert from Sitecore DAM" }) }), _jsx("div", { className: "flex-1 overflow-hidden", style: { height: "calc(100% - 71px)" }, children: _jsx("iframe", { className: "w-full h-full border-none", src: `${contentHubHost}${contentHubBrowsePage}?externalRedirectKey=${externalRedirectKey}&externalRedirectUrl=${window.location.href}&hasExternalRedirect=true` }) })] }) }));
+}
+//# sourceMappingURL=DamSelector.js.map

package/dist/DamSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DamSelector.js","sourceRoot":"","sources":["../src/DamSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,WAAW,GACZ,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,cAAc,EACd,oBAAoB,EACpB,mBAAmB,GAC2B;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,CAAC,OAAqB,EAAE,EAAE;YAC9C,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;YAE1C,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACzD,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAExD,IAAI,aAAa,KAAK,cAAc,EAAE,CAAC;gBACrC,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;gBAC/D,OAAO;YACT,CAAC;YAED,MAAM,IAAI,GAAG,OAAO,CAAC,IAAqB,CAAC;YAC3C,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBAC/B,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,IAAI,CAAC,CAAC;gBAC5C,OAAO;YACT,CAAC;YAED,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,IAAI,CAAC,CAAC;YAC5C,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,OAAO,CAAC,IAAI,CAAC,CAAC;YAChB,CAAC;QACH,CAAC,YAED,MAAC,aAAa,IACZ,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAExC,KAAC,YAAY,cACX,KAAC,WAAW,2CAAuC,GACtC,EACf,cACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,YAEtC,iBACE,SAAS,EAAC,2BAA2B,EACrC,GAAG,EAAE,GAAG,cAAc,GAAG,oBAAoB,wBAAwB,mBAAmB,wBAAwB,MAAM,CAAC,QAAQ,CAAC,IAAI,2BAA2B,GAC/J,GACE,IACQ,GACT,CACV,CAAC;AACJ,CAAC"}

package/dist/DamSelectorButton.d.ts

@@ -0,0 +1,2 @@
+import { ClientFieldButton } from "@parhelia/core";
+export declare const DamSelectorButton: ClientFieldButton;

package/dist/DamSelectorButton.js

@@ -0,0 +1,27 @@
+import { DamSelector } from "./DamSelector";
+export const DamSelectorButton = {
+    label: "Open Content Hub",
+    icon: "ExternalLink",
+    clientAction: async ({ editContext, field }) => {
+        const contentHubConfig = editContext.configuration.extensions
+            .contentHub;
+        console.log("contentHubConfig", contentHubConfig);
+        const data = await editContext.openDialog(DamSelector, {
+            contentHubHost: contentHubConfig.contentHubHost,
+            contentHubBrowsePage: contentHubConfig.contentHubBrowsePage,
+            externalRedirectKey: contentHubConfig.externalRedirectKey,
+        });
+        if (data != null) {
+            const rawValue = `<image src="${data?.public_link}" dam-id="${data?.["dam-id"]}" width="${data?.width}" height="${data?.height}" alt="${data?.alt}" dam-content-type="Image" thumbnailsrc="${data?.thumbnailsrc}" />`;
+            editContext.operations.editField({
+                field: field.descriptor,
+                rawValue: rawValue,
+                refresh: "immediate",
+            });
+        }
+    },
+    isGenerator: false,
+    id: "open-contenthub-dam",
+    description: "Opens the Content Hub DAM to select an image",
+};
+//# sourceMappingURL=DamSelectorButton.js.map

package/dist/DamSelectorButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DamSelectorButton.js","sourceRoot":"","sources":["../src/DamSelectorButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,MAAM,iBAAiB,GAAsB;IAClD,KAAK,EAAE,kBAAkB;IACzB,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7C,MAAM,gBAAgB,GAAG,WAAY,CAAC,aAAa,CAAC,UAAU;aAC3D,UAAiC,CAAC;QACrC,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC;QAElD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC,UAAU,CACvC,WAAW,EACX;YACE,cAAc,EAAE,gBAAgB,CAAC,cAAc;YAC/C,oBAAoB,EAAE,gBAAgB,CAAC,oBAAoB;YAC3D,mBAAmB,EAAE,gBAAgB,CAAC,mBAAmB;SAC1D,CACF,CAAC;QAEF,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YACjB,MAAM,QAAQ,GAAG,eAAe,IAAI,EAAE,WAAW,aAAa,IAAI,EAAE,CAAC,QAAQ,CAAC,YAAY,IAAI,EAAE,KAAK,aAAa,IAAI,EAAE,MAAM,UAAU,IAAI,EAAE,GAAG,4CAA4C,IAAI,EAAE,YAAY,MAAM,CAAC;YAEtN,WAAY,CAAC,UAAU,CAAC,SAAS,CAAC;gBAChC,KAAK,EAAE,KAAK,CAAC,UAAU;gBACvB,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,WAAW;aACrB,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IACD,WAAW,EAAE,KAAK;IAClB,EAAE,EAAE,qBAAqB;IACzB,WAAW,EAAE,8CAA8C;CAC5D,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import { EditorConfiguration } from "@parhelia/core";
+import { ContentHubExtension, DamImageValue } from "./types";
+import { DamSelector } from "./DamSelector";
+export type { DamImageValue, ContentHubExtension };
+export { DamSelector };
+/**
+ * Configures the ContentHub extension for the editor
+ * @param configuration - The editor configuration object
+ * @param contentHubHost - The base URL of the Content Hub instance (e.g., "https://your-instance.sitecoresandbox.cloud")
+ * @param browsePage - The relative path to the browse page (will be appended to contentHubHost)
+ * @returns The updated configuration object
+ */
+export declare function configureContentHub(configuration: EditorConfiguration, contentHub: ContentHubExtension): EditorConfiguration;

package/dist/index.js

@@ -0,0 +1,35 @@
+import { DamSelectorButton } from "./DamSelectorButton";
+import { DamSelector } from "./DamSelector";
+export { DamSelector };
+/**
+ * Configures the ContentHub extension for the editor
+ * @param configuration - The editor configuration object
+ * @param contentHubHost - The base URL of the Content Hub instance (e.g., "https://your-instance.sitecoresandbox.cloud")
+ * @param browsePage - The relative path to the browse page (will be appended to contentHubHost)
+ * @returns The updated configuration object
+ */
+export function configureContentHub(configuration, contentHub) {
+    configuration.extensions = {
+        ...configuration.extensions,
+        contentHub: {
+            contentHubHost: contentHub.contentHubHost,
+            contentHubBrowsePage: contentHub.contentHubBrowsePage,
+            externalRedirectKey: contentHub.externalRedirectKey
+        }
+    };
+    if (!configuration.fieldTypes.image) {
+        configuration.fieldTypes.image = {
+            editor: () => null,
+            buttons: []
+        };
+    }
+    if (!configuration.fieldTypes.image.buttons) {
+        configuration.fieldTypes.image.buttons = [];
+    }
+    const buttonExists = configuration.fieldTypes.image.buttons.some((btn) => btn.id === DamSelectorButton.id);
+    if (!buttonExists) {
+        configuration.fieldTypes.image.buttons.push(DamSelectorButton);
+    }
+    return configuration;
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB;;;;;;GAMG;AACH,MAAM,UAAU,mBAAmB,CACjC,aAAkC,EAClC,UAA+B;IAE/B,aAAa,CAAC,UAAU,GAAG;QACzB,GAAG,aAAa,CAAC,UAAU;QAC3B,UAAU,EAAE;YACV,cAAc,EAAE,UAAU,CAAC,cAAc;YACzC,oBAAoB,EAAE,UAAU,CAAC,oBAAoB;YACrD,mBAAmB,EAAE,UAAU,CAAC,mBAAmB;SACpD;KACF,CAAC;IAEF,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACpC,aAAa,CAAC,UAAU,CAAC,KAAK,GAAG;YAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;YAClB,OAAO,EAAE,EAAE;SACZ,CAAA;IACH,CAAC;IAED,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QAC5C,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IAC9C,CAAC;IAED,MAAM,YAAY,GAAG,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAC9D,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,iBAAiB,CAAC,EAAE,CACzC,CAAC;IAEF,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACjE,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,20 @@
+export type DamSelectorProps = {
+    contentHubHost: string;
+    contentHubBrowsePage: string;
+    externalRedirectKey: string;
+};
+export type DamImageValue = {
+    src: string;
+    'dam-id': string;
+    width: number;
+    height: number;
+    alt: string;
+    'dam-content-type': string;
+    thumbnailsrc: string;
+    public_link: string;
+};
+export type ContentHubExtension = {
+    contentHubHost: string;
+    contentHubBrowsePage: string;
+    externalRedirectKey: string;
+};

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@parhelia/contenthub",
+  "version": "0.1.10745",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./styles.css"
+  },
+  "files": [
+    "dist/",
+    "styles.css",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "lint": "eslint . --max-warnings 0",
+    "generate:component": "turbo gen react-component",
+    "check-types": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@repo/eslint-config": "*",
+    "@repo/typescript-config": "*",
+    "@turbo/gen": "^2.4.4",
+    "@types/node": "^22.13.9",
+    "@types/react": "19.0.10",
+    "@types/react-dom": "19.0.4",
+    "eslint": "^9.22.0",
+    "typescript": "5.8.2"
+  },
+  "dependencies": {
+    "@tailwindcss/postcss": "^4.0.14",
+    "postcss": "^8.5.3",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.14"
+  }
+}

package/styles.css

@@ -0,0 +1 @@
+@source "./";