@dyrected/react 2.5.17 → 2.5.18

package/dist/components/DyrectedAdmin.d.ts

@@ -0,0 +1,4 @@
+import { type AdminUIProps } from '@dyrected/admin';
+export type DyrectedAdminProps = AdminUIProps;
+export declare function DyrectedAdmin(props: DyrectedAdminProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DyrectedAdmin.d.ts.map

package/dist/components/DyrectedAdmin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DyrectedAdmin.d.ts","sourceRoot":"","sources":["../../src/components/DyrectedAdmin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAE9C,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAEtD"}

package/dist/components/DyrectedAdmin.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AdminUI } from '@dyrected/admin';
+export function DyrectedAdmin(props) {
+    return _jsx(AdminUI, { ...props });
+}
+//# sourceMappingURL=DyrectedAdmin.js.map

package/dist/components/DyrectedAdmin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DyrectedAdmin.js","sourceRoot":"","sources":["../../src/components/DyrectedAdmin.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAqB,MAAM,iBAAiB,CAAC;AAI7D,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,KAAC,OAAO,OAAK,KAAK,GAAI,CAAC;AAChC,CAAC"}

package/dist/components/DyrectedImage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Media } from '@dyrected/sdk';
+export interface DyrectedImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    media: Media | string;
+    width?: number;
+    height?: number;
+}
+export declare function DyrectedImage({ media, width, height, alt, ...props }: DyrectedImageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DyrectedImage.d.ts.map

package/dist/components/DyrectedImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DyrectedImage.d.ts","sourceRoot":"","sources":["../../src/components/DyrectedImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACnF,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAsBxF"}

package/dist/components/DyrectedImage.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DyrectedImage({ media, width, height, alt, ...props }) {
+    if (typeof media === 'string') {
+        return (_jsx("img", { src: media, width: width ?? 500, height: height ?? 500, alt: alt ?? '', ...props }));
+    }
+    return (_jsx("img", { src: media.url, width: width ?? media.width ?? 500, height: height ?? media.height ?? 500, alt: alt ?? media.filename, ...props }));
+}
+//# sourceMappingURL=DyrectedImage.js.map

package/dist/components/DyrectedImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DyrectedImage.js","sourceRoot":"","sources":["../../src/components/DyrectedImage.tsx"],"names":[],"mappings":";AASA,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAsB;IACvF,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,CACL,cACE,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,IAAI,GAAG,EACnB,MAAM,EAAE,MAAM,IAAI,GAAG,EACrB,GAAG,EAAE,GAAG,IAAI,EAAE,KACV,KAAK,GACT,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK,IAAI,GAAG,EAClC,MAAM,EAAE,MAAM,IAAI,KAAK,CAAC,MAAM,IAAI,GAAG,EACrC,GAAG,EAAE,GAAG,IAAI,KAAK,CAAC,QAAQ,KACtB,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/DyrectedMedia.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Media } from '@dyrected/sdk';
+export interface DyrectedMediaProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'> {
+    media: Media | string;
+    alt?: string;
+    width?: number;
+    height?: number;
+    fallback?: React.ReactNode;
+}
+export declare function DyrectedMedia({ media, alt, width, height, fallback, ...props }: DyrectedMediaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DyrectedMedia.d.ts.map

package/dist/components/DyrectedMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DyrectedMedia.d.ts","sourceRoot":"","sources":["../../src/components/DyrectedMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACxG,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAOD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAW,EAAE,MAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CA+C9G"}

package/dist/components/DyrectedMedia.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const getYouTubeId = (url) => {
+    const match = url.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/);
+    return match && match[2].length === 11 ? match[2] : null;
+};
+export function DyrectedMedia({ media, alt, width = 500, height = 500, fallback, ...props }) {
+    const url = typeof media === 'string' ? media : media.url;
+    const mimeType = typeof media === 'string' ? null : media.mimeType;
+    const filename = typeof media === 'string' ? '' : media.filename;
+    const youtubeId = getYouTubeId(url);
+    if (youtubeId) {
+        return (_jsx("div", { className: "dyrected-media-video", style: { position: 'relative', paddingBottom: '56.25%', height: 0 }, children: _jsx("iframe", { src: `https://www.youtube.com/embed/${youtubeId}`, frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, style: { position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' } }) }));
+    }
+    if (mimeType?.startsWith('image/') || url.match(/\.(jpg|jpeg|png|gif|webp|avif|svg)$/i)) {
+        return (_jsx("img", { src: url, alt: alt ?? filename, width: width, height: height, ...props }));
+    }
+    if (mimeType?.startsWith('video/') || url.match(/\.(mp4|webm|ogg)$/i)) {
+        return (_jsx("video", { src: url, controls: true, width: width, height: height, className: "dyrected-media-video" }));
+    }
+    return (_jsx("div", { className: "dyrected-media-file", children: fallback ?? (_jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "dyrected-file-link", children: ["Download ", filename || 'File'] })) }));
+}
+//# sourceMappingURL=DyrectedMedia.js.map

package/dist/components/DyrectedMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DyrectedMedia.js","sourceRoot":"","sources":["../../src/components/DyrectedMedia.tsx"],"names":[],"mappings":";AAWA,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;IACnC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,iEAAiE,CAAC,CAAC;IAC3F,OAAO,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAsB;IAC7G,MAAM,GAAG,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;IAC1D,MAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IACnE,MAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IAEjE,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACpC,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,YACvG,iBACE,GAAG,EAAE,iCAAiC,SAAS,EAAE,EACjD,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,0FAA0F,EAChG,eAAe,QACf,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAC/E,GACE,CACP,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,sCAAsC,CAAC,EAAE,CAAC;QACxF,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,IAAI,QAAQ,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,KACV,KAAK,GACT,CACH,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC;QACtE,OAAO,CACL,gBAAO,GAAG,EAAE,GAAG,EAAE,QAAQ,QAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,sBAAsB,GAAG,CAC5F,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YACjC,QAAQ,IAAI,CACX,aAAG,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,EAAC,oBAAoB,0BAC1E,QAAQ,IAAI,MAAM,IAC1B,CACL,GACG,CACP,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 export * from './hooks/useLivePreview';
 export * from './hooks/useDyrected';
 export * from './providers/DyrectedProvider';
+export * from './components/DyrectedImage';
+export * from './components/DyrectedMedia';
 export { DyrectedClient, DyrectedError } from '@dyrected/sdk';
 export type { CollectionConfig, GlobalConfig } from '@dyrected/sdk';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAG7C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -1,6 +1,8 @@
 export * from './hooks/useLivePreview';
 export * from './hooks/useDyrected';
 export * from './providers/DyrectedProvider';
+export * from './components/DyrectedImage';
+export * from './components/DyrectedMedia';
 // Re-export core types and errors from SDK for convenience
 export { DyrectedClient, DyrectedError } from '@dyrected/sdk';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAE7C,2DAA2D;AAC3D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAE3C,2DAA2D;AAC3D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/package.json

@@ -1,9 +1,19 @@
 {
   "name": "@dyrected/react",
-  "version": "2.5.17",
+  "version": "2.5.18",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./admin": {
+      "types": "./dist/components/DyrectedAdmin.d.ts",
+      "import": "./dist/components/DyrectedAdmin.js"
+    }
+  },
   "files": [
     "dist"
   ],
@@ -12,7 +22,8 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@dyrected/sdk": "2.5.17"
+    "@dyrected/admin": "2.5.18",
+    "@dyrected/sdk": "2.5.18"
   },
   "devDependencies": {
     "@types/node": "^20.12.12",