{"_rev":"22-2aec266c92888b8700c24ef93332e0a5","time":{"created":"2026-09-21T15:32:31.664Z","modified":"2026-09-21T15:32:32.278Z","2.0.0":"2025-11-06T22:20:24.587Z","2.0.1":"2025-11-11T17:29:22.198Z","2.0.3":"2025-11-12T18:23:30.073Z","2.0.4":"2025-11-14T20:42:20.971Z","2.0.5":"2025-11-18T12:44:23.351Z","2.0.6":"2025-11-18T13:09:39.522Z","2.0.7":"2025-11-18T14:56:58.229Z","2.0.8":"2025-11-19T18:06:38.691Z","3.0.0":"2026-01-12T20:09:02.285Z","4.0.0":"2026-01-15T21:53:17.943Z","4.0.1":"2026-01-16T21:02:48.785Z","4.0.2":"2026-01-19T15:06:24.682Z","4.0.3":"2026-01-19T19:07:25.056Z","4.0.4":"2026-01-21T22:35:50.335Z","4.0.5":"2026-01-26T15:33:49.357Z","4.0.7":"2026-02-02T14:01:52.493Z","5.0.0":"2026-08-26T22:07:25.936Z","5.0.1":"2026-08-26T22:26:30.856Z","6.0.0":"2026-09-21T15:32:31.961Z"},"_id":"@cliquify.me/video-remotion-previewer","name":"@cliquify.me/video-remotion-previewer","dist-tags":{"latest":"6.0.0"},"versions":{"6.0.0":{"name":"@cliquify.me/video-remotion-previewer","private":false,"publishConfig":{"access":"public"},"version":"6.0.0","description":"Remotion-based video previewer for Cliquify video designs","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","browser":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","browser":"./dist/index.js","import":"./dist/index.js","require":"./dist/index.cjs"}},"sideEffects":false,"peerDependencies":{"react":">=18 <19","react-dom":">=18 <19","remotion":"4.0.506","@remotion/effects":"4.0.506","@remotion/player":"4.0.506","@remotion/preload":"4.0.506","@remotion/fonts":"4.0.506","@remotion/media-utils":"4.0.506","@remotion/paths":"4.0.506","@remotion/shapes":"4.0.506","@remotion/transitions":"4.0.506","@cliquify.me/animations":"10.0.0","@cliquify.me/elements-ui":"9.0.0","@cliquify.me/state":"9.0.0","@cliquify.me/timeline":"9.0.0","@cliquify.me/transitions":"1.0.0","@cliquify.me/types":"9.0.0","@designcombo/events":"^1.0.2","@designcombo/frames":"^0.0.3"},"dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","lodash-es":"^4.17.12","lucide-react":"^0.511.0","@interactify/infinite-viewer":"^0.0.2","zustand":"^5.0.3"},"devDependencies":{"@types/node":"^22.10.10","@types/react":"^18","@types/react-dom":"^18","@types/lodash-es":"^4.17.12","@vitejs/plugin-react":"^5.0.0","vite":"^7.1.2","vite-plugin-dts":"^4.5.0","typescript":"~5.9.0","typescript-eslint":"^8.18.2","eslint":"^9.17.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.16","globals":"^15.14.0","tailwindcss":"^3.3.4","postcss":"^8.5.3","autoprefixer":"^10.4.20","rimraf":"^6.0.1"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","clean":"rimraf dist"},"_id":"@cliquify.me/video-remotion-previewer@6.0.0","_integrity":"sha512-NUpF4vqJCgWSOYzBArPvShJBVOLxZ0eGQDmkso9AeJe4RgCrG8SRTyC/vTNZj6fM/o6pruF80kJ/mQmGolWU+A==","_resolved":"/tmp/16f9bb06d99bce21081e92284c2cf569/cliquify.me-video-remotion-previewer-6.0.0.tgz","_from":"file:cliquify.me-video-remotion-previewer-6.0.0.tgz","_nodeVersion":"24.11.1","_npmVersion":"11.6.2","dist":{"integrity":"sha512-NUpF4vqJCgWSOYzBArPvShJBVOLxZ0eGQDmkso9AeJe4RgCrG8SRTyC/vTNZj6fM/o6pruF80kJ/mQmGolWU+A==","shasum":"1ae96eb5f5c1316c4384d12cc4b01cb16ceefbcb","tarball":"https://registry.npmjs.org/@cliquify.me/video-remotion-previewer/-/video-remotion-previewer-6.0.0.tgz","fileCount":190,"unpackedSize":4755202,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIC4xb1swoVkCKiuM+R10aZ+5/rxb+jtzuW6vQjT9nzadAiEA8CYYd9B7PjaWrpdv4yOF9GNuiXwnfuWgWQu364YX9Cs="}]},"_npmUser":{"name":"agustinlavalla","email":"agulavalla@gmail.com"},"directories":{},"maintainers":[{"name":"pablituuu","email":"keane.pa.si.in@gmail.com"},{"name":"cliquify.pro","email":"tools@cliquify.me"},{"name":"agustinlavalla","email":"agulavalla@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/video-remotion-previewer_6.0.0_1790004751828_0.004237367782848889"},"_hasShrinkwrap":false}},"maintainers":[{"name":"pablituuu","email":"keane.pa.si.in@gmail.com"},{"name":"cliquify.pro","email":"tools@cliquify.me"},{"name":"agustinlavalla","email":"agulavalla@gmail.com"}],"description":"Remotion-based video previewer for Cliquify video designs","readme":"# @cliquify.me/video-remotion-previewer\n\nA Remotion-based video previewer used to render and inspect Cliquify video designs inside React applications.\n\n## Features\n\n- `Player` React component tailored for Cliquify-style video designs.\n- Integrates with the Remotion ecosystem.\n- Integrates with Cliquify domain packages (state, timeline, animations, transitions, types).\n- Ships TypeScript types and keeps core frameworks as peers.\n\n## Installation\n\nOnce published to npm:\n\n```bash\npnpm add @cliquify.me/video-remotion-previewer react react-dom remotion @remotion/player @cliquify.me/state @cliquify.me/timeline @cliquify.me/animations @cliquify.me/transitions @cliquify.me/types @designcombo/events @designcombo/frames\n```\n\n(Adjust the exact peers based on what your host app already uses.)\n\n## Peer Dependencies\n\nProvided by the host application:\n\n- `react` `>=18 <19`\n- `react-dom` `>=18 <19`\n- `remotion` `^4.0.243`\n- `@remotion/player`, `@remotion/fonts`, `@remotion/media-utils`,\n `@remotion/paths`, `@remotion/shapes`, `@remotion/transitions`\n- `@cliquify.me/state` `^5.0.3`\n- `@cliquify.me/timeline` `^5.0.3`\n- `@cliquify.me/animations` `^6.0.5`\n- `@cliquify.me/transitions` `^0.11.9`\n- `@cliquify.me/types` `^5.0.3`\n- `@designcombo/events` `^1.0.2`\n- `@designcombo/frames` `^0.0.3`\n\nThe library assumes these packages exist in the host to avoid version and bundle duplication.\n\n## Basic Usage\n\n```tsx\nimport { Player } from '@cliquify.me/video-remotion-previewer';\nimport type { CliquifyVideoDesign } from '@cliquify.me/types';\n\nconst design: CliquifyVideoDesign = /* ... */;\n\nexport function Example() {\n return (\n
\n \n
\n );\n}\n```\n\nThe `PlayerProps` type is exported:\n\n```ts\nimport type { PlayerProps } from '@cliquify.me/video-remotion-previewer';\n```\n\n## Implementation Notes\n\n- Entry: `src/index.ts` exports `Player` and `PlayerProps`.\n- Built with Vite in library mode.\n- Output:\n - ESM: `dist/index.js`\n - CJS: `dist/index.cjs`\n - Types: `dist/index.d.ts`\n- Host-level libraries (React, Remotion, Cliquify core packages) are all `peerDependencies` and marked as `external` in Rollup.\n- Styling/utility libraries used only internally are regular `dependencies`.\n\n## Local Development\n\nInside the monorepo:\n\n```bash\npnpm --filter @cliquify.me/video-remotion-previewer build\npnpm --filter video-previewer-sample dev\n```\n\nThe `video-previewer-sample` app imports the package via `workspace:*` and is the recommended place to manually test changes.\n","readmeFilename":"README.md"}