Update dependencies and enhance documentation: Upgrade @diffusionstudio/core-v4 to version 4.0.2, and add required HTTP headers section for proper operation in README and migration guide.

Author: k9p5

README.md

@@ -117,6 +117,14 @@ new core.RectangleClip({
 })
 ```
 
+## Required Headers
+
+Diffusion Studio Core requires specific HTTP headers to be set for proper operation. These headers enable the use of SharedArrayBuffer and other advanced browser APIs needed for video processing.
+
+The following headers are required:
+- `Cross-Origin-Opener-Policy: same-origin`
+- `Cross-Origin-Embedder-Policy: credentialless`
+
 ## Pricing
 
 You can use the engine for free as long as you keep the "Made with Diffusion Studio" watermark on the rendered video. To remove the watermark, you can purchase a [license key](https://www.diffusion.studio/core-rendering-engine#pricing).

docs/src/content/index.mdx

@@ -20,3 +20,81 @@ import * as core from '@diffusionstudio/core';
 
 const composition = new core.Composition();
 ```  
+
+## Required Headers
+
+Diffusion Studio Core requires specific HTTP headers to be set for proper operation. These headers enable the use of SharedArrayBuffer and other advanced browser APIs needed for video processing.
+
+The following headers are required:
+- `Cross-Origin-Opener-Policy: same-origin`
+- `Cross-Origin-Embedder-Policy: credentialless`
+
+### Vite
+
+Add the following to your `vite.config.js`:
+
+```js
+export default {
+  server: {
+    headers: {
+      'Cross-Origin-Opener-Policy': 'same-origin',
+      'Cross-Origin-Embedder-Policy': 'credentialless',
+    }
+  },
+}
+```
+
+### Next.js
+
+For Next.js, add the headers in your `next.config.js`:
+
+```js
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  async headers() {
+    return [
+      {
+        source: '/:path*',
+        headers: [
+          {
+            key: 'Cross-Origin-Opener-Policy',
+            value: 'same-origin',
+          },
+          {
+            key: 'Cross-Origin-Embedder-Policy',
+            value: 'credentialless',
+          },
+        ],
+      },
+    ];
+  },
+};
+
+module.exports = nextConfig;
+```
+
+### Express/Node.js
+
+For a custom Express server:
+
+```js
+const express = require('express');
+const app = express();
+
+app.use((req, res, next) => {
+  res.setHeader('Cross-Origin-Opener-Policy', 'same-origin');
+  res.setHeader('Cross-Origin-Embedder-Policy', 'credentialless');
+  next();
+});
+
+// ... rest of your app
+```
+
+### Production Deployment
+
+For production deployments, ensure your hosting provider or reverse proxy (nginx, Apache, etc.) sets these headers. For example, with nginx:
+
+```nginx
+add_header Cross-Origin-Opener-Policy "same-origin" always;
+add_header Cross-Origin-Embedder-Policy "credentialless" always;
+```

docs/src/content/v3-v4.mdx

@@ -4,6 +4,7 @@ This guide will help you migrate your code from Diffusion Studio Core v3 to v4.
 
 ## Table of Contents
 
+- [Required Headers](#required-headers)
 - [Composition Changes](#composition-changes)
 - [Layer Management](#layer-management)
 - [Clip API Changes](#clip-api-changes)
@@ -17,6 +18,16 @@ This guide will help you migrate your code from Diffusion Studio Core v3 to v4.
 - [Keyframe Animations](#keyframe-animations)
 - [Text Clip Properties](#text-clip-properties)
 
+## Required Headers
+
+> **Important:** v4 requires specific HTTP headers to be configured for proper operation. These headers enable SharedArrayBuffer and other advanced browser APIs needed for video processing.
+
+You must configure your development server and production environment to set these headers:
+- `Cross-Origin-Opener-Policy: same-origin`
+- `Cross-Origin-Embedder-Policy: credentialless`
+
+For more examples and production deployment configurations, see the [Required Headers section](/docs) in the main documentation.
+
 ## Composition Changes
 
 ### License Key

package-lock.json

@@ -15,6 +15,6 @@
     "vite": "^7.2.2"
   },
   "dependencies": {
-    "@diffusionstudio/core-v4": "^4.0.1"
+    "@diffusionstudio/core": "^4.0.0"
   }
 }

package.json

@@ -0,0 +1,8 @@
+export default {
+  server: {
+    headers: {
+      'Cross-Origin-Opener-Policy': 'same-origin',
+      'Cross-Origin-Embedder-Policy': 'credentialless',
+    }
+  },
+}