@elah/editor 0.2.0 → 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.
- package/README.md +7 -7
- package/package.json +6 -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
|
[](https://www.npmjs.com/package/@elah/editor)
|
|
6
|
+
[](../../BUNDLE_STRATEGY.md)
|
|
6
7
|
[](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,
|
|
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:
|
|
127
|
+
- [Commercial licensing](mailto:paul@elah.dev)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elah/editor",
|
|
3
|
-
"version": "0.2.
|
|
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",
|
|
@@ -8,8 +8,9 @@
|
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"exports": {
|
|
10
10
|
".": {
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
11
12
|
"import": "./dist/index.js",
|
|
12
|
-
"
|
|
13
|
+
"default": "./dist/index.js"
|
|
13
14
|
}
|
|
14
15
|
},
|
|
15
16
|
"files": [
|
|
@@ -21,7 +22,7 @@
|
|
|
21
22
|
"typecheck": "tsc --noEmit",
|
|
22
23
|
"test": "vitest run",
|
|
23
24
|
"test:watch": "vitest",
|
|
24
|
-
"build": "
|
|
25
|
+
"build": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsc -p tsconfig.build.json"
|
|
25
26
|
},
|
|
26
27
|
"keywords": [
|
|
27
28
|
"video-editor",
|
|
@@ -54,15 +55,14 @@
|
|
|
54
55
|
"react-dom": ">=18.0.0"
|
|
55
56
|
},
|
|
56
57
|
"dependencies": {
|
|
57
|
-
"@elah/core": "^0.2.
|
|
58
|
-
"@elah/timeline": "^0.2.
|
|
58
|
+
"@elah/core": "^0.2.1",
|
|
59
|
+
"@elah/timeline": "^0.2.1",
|
|
59
60
|
"immer": "^10.1.1",
|
|
60
61
|
"zustand": "^5.0.3"
|
|
61
62
|
},
|
|
62
63
|
"devDependencies": {
|
|
63
64
|
"@types/react": "^18.3.18",
|
|
64
65
|
"@types/react-dom": "^18.3.5",
|
|
65
|
-
"fast-glob": "^3.3.3",
|
|
66
66
|
"typescript": "^5.7.3",
|
|
67
67
|
"vitest": "^3.0.6"
|
|
68
68
|
}
|