rotion 1.3.0 → 1.5.0

package/dist/ui/umd/types/exporter/files.d.ts

@@ -28,3 +28,4 @@ export declare const getHtmlMeta: (reqUrl: string, httpFunc?: (reqUrl: string) =
 export declare const getVideoHtml: (block: VideoBlockObjectResponseEx) => Promise<string>;
 export declare const getEmbedHtml: (block: EmbedBlockObjectResponseEx) => Promise<string>;
 export declare const isEmpty: (obj: Object) => boolean;
+export declare function getVideoType(uri: string): "video/mp4" | "video/webm" | "video/ogg" | "";

package/dist/ui/umd/types/exporter/types.d.ts

@@ -130,22 +130,26 @@ export type ImageBlockObjectResponseEx = ImageBlockObjectResponse & {
         src: string;
     };
 };
-export type VideoBlockObjectResponseEx = VideoBlockObjectResponse & {
-    video: {
-        type: 'external';
-        external: {
-            url: TextRequest;
-        };
-        caption: Array<RichTextItemResponse>;
-        html: string;
-    } | {
-        type: 'file';
-        file: {
-            url: string;
-            expiry_time: string;
-        };
-        caption: Array<RichTextItemResponse>;
+export type VideoExternal = {
+    type: 'external';
+    external: {
+        url: TextRequest;
+    };
+    caption: Array<RichTextItemResponse>;
+    html: string;
+};
+export type VideoFile = {
+    type: 'file';
+    file: {
+        url: string;
+        expiry_time: string;
     };
+    caption: Array<RichTextItemResponse>;
+    src: string;
+    videoType: 'video/mp4' | 'video/webm' | 'video/ogg' | 'video/ogv' | '';
+};
+export type VideoBlockObjectResponseEx = VideoBlockObjectResponse & {
+    video: VideoExternal | VideoFile;
 };
 export type EmbedBlockObjectResponseEx = EmbedBlockObjectResponse & {
     embed: {

package/dist/ui/umd/types/ui/components/Icon/Icon.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './Icon.css';
 export interface IconProps {
-    name: 'figma' | 'slack' | 'github' | 'file' | 'link' | 'codemerge' | 'circlecheck' | 'circledot';
+    name: 'figma' | 'slack' | 'github' | 'file' | 'link' | 'codemerge' | 'circlecheck' | 'circledot' | 'downloadfile';
     width?: string;
     height?: string;
     className?: string;

package/dist/ui/umd/types/ui/components/Page/PdfBlock/Pdf.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { PDFDocumentProxy, PDFPageProxy } from 'pdfjs-dist';
+type HookProps = {
+    canvasRef: React.RefObject<HTMLCanvasElement | null>;
+    file: string;
+    onDocumentLoadSuccess?: (document: PDFDocumentProxy) => void;
+    onDocumentLoadFail?: () => void;
+    onPageLoadSuccess?: (page: PDFPageProxy) => void;
+    onPageLoadFail?: () => void;
+    onPageRenderSuccess?: (page: PDFPageProxy) => void;
+    onPageRenderFail?: () => void;
+    scale?: number;
+    rotate?: number;
+    page?: number;
+    cMapUrl?: string;
+    cMapPacked?: boolean;
+    workerSrc?: string;
+    withCredentials?: boolean;
+};
+type HookReturnValues = {
+    pdfDocument: PDFDocumentProxy | undefined;
+    pdfPage: PDFPageProxy | undefined;
+};
+export declare const usePdf: ({ canvasRef, file, onDocumentLoadSuccess, onDocumentLoadFail, onPageLoadSuccess, onPageLoadFail, onPageRenderSuccess, onPageRenderFail, scale, rotate, page, cMapUrl, cMapPacked, workerSrc, withCredentials, }: HookProps) => HookReturnValues;
+export {};

package/dist/ui/umd/types/ui/components/Page/VideoBlock/VideoBlock.types.d.ts

@@ -1,4 +1,13 @@
-import type { VideoBlockObjectResponseEx } from '../../../../exporter';
+import type { VideoBlockObjectResponseEx, VideoFile, VideoExternal, RichTextItemResponse } from '../../../../exporter';
 export interface VideoBlockProps {
     block: VideoBlockObjectResponseEx;
 }
+export interface VideoFileProps {
+    video: VideoFile;
+}
+export interface VideoExternalProps {
+    video: VideoExternal;
+}
+export interface CaptionProps {
+    caption: RichTextItemResponse[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rotion",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "license": "MIT",
   "repository": "linyows/rotion",
   "description": "This is react components that uses the notion API to display the notion's database and page.",
@@ -65,6 +65,7 @@
     "file-type": "^19.0.0",
     "katex": "^0.16.9",
     "mermaid": "^10.6.1",
+    "pdfjs-dist": "^4.2.67",
     "prismjs": "^1.25.0",
     "replace-ext": "^2.0.0",
     "sharp": "^0.33.3"
@@ -76,16 +77,16 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@storybook/addon-essentials": "^8.1.6",
-    "@storybook/addon-interactions": "^8.1.6",
-    "@storybook/addon-links": "^8.1.6",
-    "@storybook/addon-mdx-gfm": "^8.1.6",
-    "@storybook/addon-onboarding": "^8.1.6",
-    "@storybook/blocks": "^8.1.6",
-    "@storybook/react": "^8.1.6",
-    "@storybook/react-vite": "^8.1.6",
-    "@storybook/test": "^8.1.6",
-    "@storybook/theming": "^8.1.6",
+    "@storybook/addon-essentials": "^8.1.9",
+    "@storybook/addon-interactions": "^8.1.9",
+    "@storybook/addon-links": "^8.1.9",
+    "@storybook/addon-mdx-gfm": "^8.1.9",
+    "@storybook/addon-onboarding": "^8.1.9",
+    "@storybook/blocks": "^8.1.9",
+    "@storybook/react": "^8.1.9",
+    "@storybook/react-vite": "^8.1.9",
+    "@storybook/test": "^8.1.9",
+    "@storybook/theming": "^8.1.9",
     "@tsconfig/node-lts-strictest-esm": "^18.12.1",
     "@types/imagemin": "^8.0.5",
     "@types/imagemin-webp": "^7.0.3",
@@ -112,7 +113,7 @@
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^8.1.6",
+    "storybook": "^8.1.9",
     "storybook-dark-mode": "^4.0.1",
     "testdouble": "^3.20.1",
     "tslib": "^2.6.2",
@@ -120,10 +121,5 @@
     "typescript": "^5.3.3",
     "uvu": "^0.5.6"
   },
-  "overrides": {
-    "got": "11.8.5",
-    "http-cache-semantics": "4.1.1",
-    "semver-regex": "3.1.4"
-  },
   "extends": "@tsconfig/node-lts-strictest-esm"
 }