@elah/editor 0.1.1 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +7 -7
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +1 -1
  4. package/package.json +7 -6
package/README.md CHANGED
@@ -3,6 +3,7 @@
3
3
  The full Elah video editor SDK for React. Combines the core engine, timeline UI, WebGL2 renderer, media library, and export pipeline into a single package.
4
4
 
5
5
  [![npm](https://img.shields.io/npm/v/@elah/editor)](https://www.npmjs.com/package/@elah/editor)
6
+ [![gzip size](https://img.shields.io/badge/gzip-~63%20KiB%20full%20SDK-brightgreen)](../../BUNDLE_STRATEGY.md)
6
7
  [![license](https://img.shields.io/badge/license-ECL--1.0-blue)](https://github.com/elahlabs/elah/blob/main/LICENSE)
7
8
 
8
9
  ---
@@ -15,6 +16,8 @@ npm install @elah/editor
15
16
 
16
17
  Peer dependencies: `react`, `react-dom` >= 18.
17
18
 
19
+ **Bundle size:** ~10 KiB gzipped for the editor layer (51 KiB raw); ~63 KiB gzipped for the full SDK graph (`core` + `timeline` + `editor`, 330 KiB raw). `mediabunny` is injected, never bundled — see [BUNDLE_STRATEGY.md](../../BUNDLE_STRATEGY.md).
20
+
18
21
  ---
19
22
 
20
23
  ## Quick start
@@ -36,13 +39,9 @@ function App() {
36
39
  ## With preview and asset panel
37
40
 
38
41
  ```tsx
39
- import { EditorProvider, Timeline, Preview, AssetPanel, createMediabunnyBackend } from '@elah/editor'
40
- import * as mediabunny from 'mediabunny'
42
+ import { EditorProvider, Timeline, Preview, AssetPanel, createDefaultDemuxerFactory } from '@elah/editor'
41
43
 
42
- const demuxerFactory = () =>
43
- createMediabunnyBackend(mediabunny, {
44
- blobResolver: (src) => fetch(src).then((r) => r.blob()),
45
- })
44
+ const demuxerFactory = createDefaultDemuxerFactory()
46
45
 
47
46
  function App() {
48
47
  return (
@@ -123,5 +122,6 @@ Use `@elah/editor` for the full experience. Use `@elah/core` directly for headle
123
122
 
124
123
  - [Website](https://www.elah.dev)
125
124
  - [GitHub](https://github.com/elahlabs/elah)
125
+ - [Discord](https://discord.gg/8CeZ2XbPy)
126
126
  - [License](https://github.com/elahlabs/elah/blob/main/LICENSE)
127
- - [Commercial licensing](mailto:contact@elah.dev)
127
+ - [Commercial licensing](mailto:paul@elah.dev)
package/dist/index.d.ts CHANGED
@@ -9,7 +9,7 @@ export { GpuRenderer } from '@elah/core';
9
9
  export type { RendererOptions } from '@elah/core';
10
10
  export { GpuDebugCounters } from '@elah/core';
11
11
  export type { CounterSnapshot } from '@elah/core';
12
- export { createMediabunnyBackend, isMediabunnyCompatible } from '@elah/core';
12
+ export { createDefaultDemuxerFactory, createMediabunnyBackend, isMediabunnyCompatible } from '@elah/core';
13
13
  export type { MediabunnyModule, CreateMediabunnyBackendOpts } from '@elah/core';
14
14
  export type { DemuxerBackend, DemuxerFactory } from '@elah/core';
15
15
  export type { VideoFrameProvider, VideoFrameProviderDeps } from '@elah/core';
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@ export { PlaybackEngine } from '@elah/core';
3
3
  export { resolveTimeline } from '@elah/core';
4
4
  export { GpuRenderer } from '@elah/core';
5
5
  export { GpuDebugCounters } from '@elah/core';
6
- export { createMediabunnyBackend, isMediabunnyCompatible } from '@elah/core';
6
+ export { createDefaultDemuxerFactory, createMediabunnyBackend, isMediabunnyCompatible } from '@elah/core';
7
7
  export { createVideoFrameProvider, MockVideoFrameProvider, SyntheticVideoFrameProvider } from '@elah/core';
8
8
  export { AudioPlaybackController } from '@elah/core';
9
9
  export { useMediaLibrary, useMediaLibraryStore, MEDIA_DRAG_MIME, importFiles } from '@elah/core';
package/package.json CHANGED
@@ -1,14 +1,16 @@
1
1
  {
2
2
  "name": "@elah/editor",
3
- "version": "0.1.1",
3
+ "version": "0.2.1",
4
4
  "description": "Full React video editor SDK — timeline UI, WebGL2 preview, media library, drag and drop, and MP4 export",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",
8
+ "sideEffects": false,
8
9
  "exports": {
9
10
  ".": {
11
+ "types": "./dist/index.d.ts",
10
12
  "import": "./dist/index.js",
11
- "types": "./dist/index.d.ts"
13
+ "default": "./dist/index.js"
12
14
  }
13
15
  },
14
16
  "files": [
@@ -20,7 +22,7 @@
20
22
  "typecheck": "tsc --noEmit",
21
23
  "test": "vitest run",
22
24
  "test:watch": "vitest",
23
- "build": "tsc --noEmit && tsc -p tsconfig.build.json"
25
+ "build": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsc -p tsconfig.build.json"
24
26
  },
25
27
  "keywords": [
26
28
  "video-editor",
@@ -53,15 +55,14 @@
53
55
  "react-dom": ">=18.0.0"
54
56
  },
55
57
  "dependencies": {
56
- "@elah/core": "*",
57
- "@elah/timeline": "*",
58
+ "@elah/core": "^0.2.1",
59
+ "@elah/timeline": "^0.2.1",
58
60
  "immer": "^10.1.1",
59
61
  "zustand": "^5.0.3"
60
62
  },
61
63
  "devDependencies": {
62
64
  "@types/react": "^18.3.18",
63
65
  "@types/react-dom": "^18.3.5",
64
- "fast-glob": "^3.3.3",
65
66
  "typescript": "^5.7.3",
66
67
  "vitest": "^3.0.6"
67
68
  }