@revideo/vite-plugin 0.4.6-alpha.1017 → 0.4.7-alpha.1022

package/lib/partials/corsProxy.js

@@ -1,10 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : {default: mod};
+  };
+Object.defineProperty(exports, '__esModule', {value: true});
 exports.corsProxyPlugin = void 0;
-const follow_redirects_1 = __importDefault(require("follow-redirects"));
+const follow_redirects_1 = __importDefault(require('follow-redirects'));
 /**
  * This module provides the proxy located at
  * /cors-proxy/...
@@ -22,69 +24,78 @@ const follow_redirects_1 = __importDefault(require("follow-redirects"));
  * same host as the main app.
  */
 function corsProxyPlugin(config) {
-    setupEnvVarsForProxy(config);
-    return {
-        name: 'revideo:cors-proxy',
-        configureServer(server) {
-            if (config !== false && config !== undefined) {
-                motionCanvasCorsProxy(server.middlewares, config === true ? {} : config);
-            }
-        },
-    };
+  setupEnvVarsForProxy(config);
+  return {
+    name: 'revideo:cors-proxy',
+    configureServer(server) {
+      if (config !== false && config !== undefined) {
+        motionCanvasCorsProxy(
+          server.middlewares,
+          config === true ? {} : config,
+        );
+      }
+    },
+  };
 }
 exports.corsProxyPlugin = corsProxyPlugin;
 function setupEnvVarsForProxy(config) {
-    // Define Keys for Env Var
-    const prefix = 'VITE_MC_PROXY_';
-    const isEnabledKey = prefix + 'ENABLED';
-    const allowList = prefix + 'ALLOW_LIST';
-    if (config === true) {
-        config = {}; // Use Default values
-    }
-    process.env[isEnabledKey] = String(!!config); // 'true' or 'false'
-    if (config) {
-        // These values are only configured if the Proxy is enabled
-        // You cannot access them via import.meta.env if the Proxy
-        // is set to false
-        process.env[allowList] = JSON.stringify(config.allowListHosts ?? []);
-    }
+  // Define Keys for Env Var
+  const prefix = 'VITE_MC_PROXY_';
+  const isEnabledKey = prefix + 'ENABLED';
+  const allowList = prefix + 'ALLOW_LIST';
+  if (config === true) {
+    config = {}; // Use Default values
+  }
+  process.env[isEnabledKey] = String(!!config); // 'true' or 'false'
+  if (config) {
+    // These values are only configured if the Proxy is enabled
+    // You cannot access them via import.meta.env if the Proxy
+    // is set to false
+    process.env[allowList] = JSON.stringify(config.allowListHosts ?? []);
+  }
 }
 function motionCanvasCorsProxy(middleware, config) {
-    // Set the default config if no config was provided
-    config.allowedMimeTypes ??= ['image/*', 'video/*'];
-    config.allowListHosts ??= [];
-    // Check the Mime Types to have a correct structure (left/right)
-    // not having them in the correct format would crash the Middleware
-    // further down below
-    if ((config.allowedMimeTypes ?? []).some(e => e.split('/').length !== 2)) {
-        throw new Error("Invalid config for Proxy:\nAll Entries must have the following format:\n 'left/right' where left may be '*'");
+  // Set the default config if no config was provided
+  config.allowedMimeTypes ??= ['image/*', 'video/*'];
+  config.allowListHosts ??= [];
+  // Check the Mime Types to have a correct structure (left/right)
+  // not having them in the correct format would crash the Middleware
+  // further down below
+  if ((config.allowedMimeTypes ?? []).some(e => e.split('/').length !== 2)) {
+    throw new Error(
+      "Invalid config for Proxy:\nAll Entries must have the following format:\n 'left/right' where left may be '*'",
+    );
+  }
+  middleware.use((req, res, next) => {
+    if (!req.url || !req.url.startsWith('/cors-proxy/')) {
+      // url does not start with /cors-proxy/, so this
+      // middleware does not care about it
+      return next();
     }
-    middleware.use((req, res, next) => {
-        if (!req.url || !req.url.startsWith('/cors-proxy/')) {
-            // url does not start with /cors-proxy/, so this
-            // middleware does not care about it
-            return next();
-        }
-        // For now, only allow GET Requests
-        if (req.method !== 'GET') {
-            return writeError('Only GET Requests are allowed', res, 405);
-        }
-        let sourceUrl;
-        try {
-            sourceUrl = extractDestination(req.url);
-        }
-        catch (err) {
-            return writeError(err, res);
-        }
-        if (!isReceivedUrlInAllowedHosts(sourceUrl.hostname, config.allowListHosts)) {
-            return writeError(`Blocked by Proxy: ${sourceUrl.hostname} is not on Hosts Allowlist`, res);
-        }
-        // Get the resource, do some checks. Throws an Error
-        // if the checks fail. The catch then writes an Error
-        return tryGetResource(res, sourceUrl, config).catch(error => {
-            writeError(error, res);
-        });
+    // For now, only allow GET Requests
+    if (req.method !== 'GET') {
+      return writeError('Only GET Requests are allowed', res, 405);
+    }
+    let sourceUrl;
+    try {
+      sourceUrl = extractDestination(req.url);
+    } catch (err) {
+      return writeError(err, res);
+    }
+    if (
+      !isReceivedUrlInAllowedHosts(sourceUrl.hostname, config.allowListHosts)
+    ) {
+      return writeError(
+        `Blocked by Proxy: ${sourceUrl.hostname} is not on Hosts Allowlist`,
+        res,
+      );
+    }
+    // Get the resource, do some checks. Throws an Error
+    // if the checks fail. The catch then writes an Error
+    return tryGetResource(res, sourceUrl, config).catch(error => {
+      writeError(error, res);
     });
+  });
 }
 /**
  * Unwrap the destination from the URL.
@@ -98,32 +109,34 @@ function motionCanvasCorsProxy(middleware, config) {
  * @returns The URL that needs to be called.
  */
 function extractDestination(url) {
-    const withoutPrefix = url.replace('/cors-proxy/', '');
-    const asUrl = new URL(decodeURIComponent(withoutPrefix));
-    if (asUrl.protocol !== 'http:' && asUrl.protocol !== 'https:') {
-        throw new Error('Only supported protocols are http and https');
-    }
-    return asUrl;
+  const withoutPrefix = url.replace('/cors-proxy/', '');
+  const asUrl = new URL(decodeURIComponent(withoutPrefix));
+  if (asUrl.protocol !== 'http:' && asUrl.protocol !== 'https:') {
+    throw new Error('Only supported protocols are http and https');
+  }
+  return asUrl;
 }
 /**
  * A simple Error Helper that will write an Error and close the response.
  */
 function writeError(message, res, statusCode = 400) {
-    res.writeHead(statusCode, message);
-    res.end();
+  res.writeHead(statusCode, message);
+  res.end();
 }
 /**
  * Check if the Proxy is allowed to get the requested resource based on the
  * host.
  */
 function isReceivedUrlInAllowedHosts(hostname, allowListHosts) {
-    if (!allowListHosts || allowListHosts.length === 0) {
-        // if the allowListHosts is just the predefinedAllowlist, the user has not
-        // set any additional hosts. In this case, allow any hostname
-        return true;
-    }
-    // Check if the hostname is any of the values set in allowListHosts
-    return allowListHosts.some(e => e.toLowerCase().trim() === hostname.toLowerCase().trim());
+  if (!allowListHosts || allowListHosts.length === 0) {
+    // if the allowListHosts is just the predefinedAllowlist, the user has not
+    // set any additional hosts. In this case, allow any hostname
+    return true;
+  }
+  // Check if the hostname is any of the values set in allowListHosts
+  return allowListHosts.some(
+    e => e.toLowerCase().trim() === hostname.toLowerCase().trim(),
+  );
 }
 /**
  * Check if the Proxy is allowed to get the requested resource based on the
@@ -133,87 +146,98 @@ function isReceivedUrlInAllowedHosts(hostname, allowListHosts) {
  * Also handles catch-All Declarations like `image/*`.
  */
 function isResultOfAllowedResourceType(foundMimeType, allowedMimeTypes) {
-    if (!allowedMimeTypes || allowedMimeTypes.length === 0) {
-        return true; // no filters set
-    }
-    if (foundMimeType.split('/').length !== 2) {
-        return false; // invalid mime structure
-    }
-    const [leftSegment, rightSegment] = foundMimeType
-        .split('/')
-        .map(e => e.trim().toLowerCase());
-    // Get all Segments where the left Part is identical between foundMimeType and
-    // allowedMimeType.
-    const leftSegmentMatches = allowedMimeTypes.filter(e => e.trim().toLowerCase().split('/')[0] === leftSegment);
-    if (leftSegmentMatches.length === 0) {
-        // No matches at all, not even catchall - resource is rejected.
-        return false;
-    }
-    // This just gets the right part of the MIME Types from the
-    // configured allowList, e.g. "image/png" -> png
-    const rightSegmentOfLeftSegmentMatches = leftSegmentMatches.map(e => e.split('/')[1]);
-    // if an exact match or a catchall is found, the resource is allowed to be
-    // proxied.
-    return rightSegmentOfLeftSegmentMatches.some(e => e === '*' || e === rightSegment);
+  if (!allowedMimeTypes || allowedMimeTypes.length === 0) {
+    return true; // no filters set
+  }
+  if (foundMimeType.split('/').length !== 2) {
+    return false; // invalid mime structure
+  }
+  const [leftSegment, rightSegment] = foundMimeType
+    .split('/')
+    .map(e => e.trim().toLowerCase());
+  // Get all Segments where the left Part is identical between foundMimeType and
+  // allowedMimeType.
+  const leftSegmentMatches = allowedMimeTypes.filter(
+    e => e.trim().toLowerCase().split('/')[0] === leftSegment,
+  );
+  if (leftSegmentMatches.length === 0) {
+    // No matches at all, not even catchall - resource is rejected.
+    return false;
+  }
+  // This just gets the right part of the MIME Types from the
+  // configured allowList, e.g. "image/png" -> png
+  const rightSegmentOfLeftSegmentMatches = leftSegmentMatches.map(
+    e => e.split('/')[1],
+  );
+  // if an exact match or a catchall is found, the resource is allowed to be
+  // proxied.
+  return rightSegmentOfLeftSegmentMatches.some(
+    e => e === '*' || e === rightSegment,
+  );
 }
 /**
  * Requests a remote resource with the help of axios
  * May throw a string in case of a bad mime-type or missing headers
  */
 async function tryGetResource(res, sourceUrl, config) {
-    // Turn this callback into a Promise to avoid additional nesting
-    const result = await new Promise((res, rej) => {
-        try {
-            // We check what protocol was used and decide if we use http or https
-            const request = (sourceUrl.protocol.startsWith('https')
-                ? follow_redirects_1.default.https
-                : follow_redirects_1.default.http).get(sourceUrl, data => {
-                res(data);
-            });
-            request.on('error', (err) => {
-                if (err.code && err.code === 'ENOTFOUND') {
-                    // This is a bit hacky, but this basically returns as a
-                    // 404 instead of crashing the Node Server with ENOTFOUND
-                    res({ statusCode: 404 });
-                }
-                else {
-                    rej(err);
-                }
-            });
-        }
-        catch (err) {
-            rej(err);
+  // Turn this callback into a Promise to avoid additional nesting
+  const result = await new Promise((res, rej) => {
+    try {
+      // We check what protocol was used and decide if we use http or https
+      const request = (
+        sourceUrl.protocol.startsWith('https')
+          ? follow_redirects_1.default.https
+          : follow_redirects_1.default.http
+      ).get(sourceUrl, data => {
+        res(data);
+      });
+      request.on('error', err => {
+        if (err.code && err.code === 'ENOTFOUND') {
+          // This is a bit hacky, but this basically returns as a
+          // 404 instead of crashing the Node Server with ENOTFOUND
+          res({statusCode: 404});
+        } else {
+          rej(err);
         }
-    });
-    if (!result.statusCode || result.statusCode >= 300) {
-        throw 'Unexpected Status: ' + result.statusCode ?? 'NO_STATUS';
+      });
+    } catch (err) {
+      rej(err);
     }
-    const contentType = result.headers['content-type'];
-    const contentLength = result.headers['content-length'];
-    if (!contentType) {
-        throw 'Proxied Response does not contain a Content Type';
+  });
+  if (!result.statusCode || result.statusCode >= 300) {
+    throw 'Unexpected Status: ' + result.statusCode ?? 'NO_STATUS';
+  }
+  const contentType = result.headers['content-type'];
+  const contentLength = result.headers['content-length'];
+  if (!contentType) {
+    throw 'Proxied Response does not contain a Content Type';
+  }
+  if (!contentLength) {
+    throw 'Proxied Response does not contain a Content Length';
+  }
+  if (
+    !isResultOfAllowedResourceType(
+      contentType.toString(),
+      config.allowedMimeTypes ?? [],
+    )
+  ) {
+    throw 'Proxied response has blocked content-type: ' + contentType;
+  }
+  // Prepare Response
+  for (const key in result.headers) {
+    const header = result.headers[key];
+    if (header === undefined) {
+      console.warn('Proxy: Received Header is empty. Skipping…');
+      continue;
     }
-    if (!contentLength) {
-        throw 'Proxied Response does not contain a Content Length';
-    }
-    if (!isResultOfAllowedResourceType(contentType.toString(), config.allowedMimeTypes ?? [])) {
-        throw 'Proxied response has blocked content-type: ' + contentType;
-    }
-    // Prepare Response
-    for (const key in result.headers) {
-        const header = result.headers[key];
-        if (header === undefined) {
-            console.warn('Proxy: Received Header is empty. Skipping…');
-            continue;
-        }
-        res.setHeader(key, header);
-    }
-    res.addListener('error', () => {
-        console.log('Proxy: Connection Reset');
-    });
-    res.setHeader('x-proxy-destination', sourceUrl.toString());
-    // Don't store on the server, just immediately pass on the
-    // received chunks
-    result.pipe(res);
+    res.setHeader(key, header);
+  }
+  res.addListener('error', () => {
+    console.log('Proxy: Connection Reset');
+  });
+  res.setHeader('x-proxy-destination', sourceUrl.toString());
+  // Don't store on the server, just immediately pass on the
+  // received chunks
+  result.pipe(res);
 }
-//# sourceMappingURL=corsProxy.js.map
+//# sourceMappingURL=corsProxy.js.map

package/lib/partials/editor.d.ts

@@ -1,8 +1,11 @@
-import { Plugin } from 'vite';
-import { Projects } from '../utils';
+import {Plugin} from 'vite';
+import {Projects} from '../utils';
 interface EditorPluginConfig {
-    editor: string;
-    projects: Projects;
+  editor: string;
+  projects: Projects;
 }
-export declare function editorPlugin({ editor, projects }: EditorPluginConfig): Plugin;
+export declare function editorPlugin({
+  editor,
+  projects,
+}: EditorPluginConfig): Plugin;
 export {};

package/lib/partials/editor.js

@@ -1,72 +1,79 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : {default: mod};
+  };
+Object.defineProperty(exports, '__esModule', {value: true});
 exports.editorPlugin = void 0;
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
-function editorPlugin({ editor, projects }) {
-    const editorPath = path_1.default.dirname(require.resolve(editor));
-    const editorFile = fs_1.default.readFileSync(path_1.default.resolve(editorPath, 'editor.html'));
-    const htmlParts = editorFile
-        .toString()
-        .replace('{{style}}', `/@fs/${path_1.default.resolve(editorPath, 'style.css')}`)
-        .split('{{source}}');
-    const createHtml = (src) => htmlParts[0] + src + htmlParts[1];
-    const resolvedEditorId = '\0virtual:editor';
-    return {
-        name: 'revideo:editor',
-        async load(id) {
-            const [, query] = id.split('?');
-            if (id.startsWith(resolvedEditorId)) {
-                if (projects.list.length === 1) {
-                    /* language=typescript */
-                    return `\
+const fs_1 = __importDefault(require('fs'));
+const path_1 = __importDefault(require('path'));
+function editorPlugin({editor, projects}) {
+  const editorPath = path_1.default.dirname(require.resolve(editor));
+  const editorFile = fs_1.default.readFileSync(
+    path_1.default.resolve(editorPath, 'editor.html'),
+  );
+  const htmlParts = editorFile
+    .toString()
+    .replace(
+      '{{style}}',
+      `/@fs/${path_1.default.resolve(editorPath, 'style.css')}`,
+    )
+    .split('{{source}}');
+  const createHtml = src => htmlParts[0] + src + htmlParts[1];
+  const resolvedEditorId = '\0virtual:editor';
+  return {
+    name: 'revideo:editor',
+    async load(id) {
+      const [, query] = id.split('?');
+      if (id.startsWith(resolvedEditorId)) {
+        if (projects.list.length === 1) {
+          /* language=typescript */
+          return `\
 import {editor} from '${editor}';
 import project from '${projects.list[0].url}?project';
 editor(project);
 `;
-                }
-                if (query) {
-                    const params = new URLSearchParams(query);
-                    const name = params.get('project');
-                    if (name && projects.lookup.has(name)) {
-                        /* language=typescript */
-                        return `\
+        }
+        if (query) {
+          const params = new URLSearchParams(query);
+          const name = params.get('project');
+          if (name && projects.lookup.has(name)) {
+            /* language=typescript */
+            return `\
 import {editor} from '${editor}';
 import project from '${projects.lookup.get(name).url}?project';
 editor(project);
 `;
-                    }
-                }
-                /* language=typescript */
-                return `\
+          }
+        }
+        /* language=typescript */
+        return `\
 import {index} from '${editor}';
 index(${JSON.stringify(projects.list)});
 `;
-            }
-        },
-        configureServer(server) {
-            server.middlewares.use((req, res, next) => {
-                if (req.url) {
-                    const url = new URL(req.url, `http://${req.headers.host}`);
-                    if (url.pathname === '/') {
-                        res.setHeader('Content-Type', 'text/html');
-                        res.end(createHtml('/@id/__x00__virtual:editor'));
-                        return;
-                    }
-                    const name = url.pathname.slice(1);
-                    if (name && projects.lookup.has(name)) {
-                        res.setHeader('Content-Type', 'text/html');
-                        res.end(createHtml(`/@id/__x00__virtual:editor?project=${name}`));
-                        return;
-                    }
-                }
-                next();
-            });
-        },
-    };
+      }
+    },
+    configureServer(server) {
+      server.middlewares.use((req, res, next) => {
+        if (req.url) {
+          const url = new URL(req.url, `http://${req.headers.host}`);
+          if (url.pathname === '/') {
+            res.setHeader('Content-Type', 'text/html');
+            res.end(createHtml('/@id/__x00__virtual:editor'));
+            return;
+          }
+          const name = url.pathname.slice(1);
+          if (name && projects.lookup.has(name)) {
+            res.setHeader('Content-Type', 'text/html');
+            res.end(createHtml(`/@id/__x00__virtual:editor?project=${name}`));
+            return;
+          }
+        }
+        next();
+      });
+    },
+  };
 }
 exports.editorPlugin = editorPlugin;
-//# sourceMappingURL=editor.js.map
+//# sourceMappingURL=editor.js.map

package/lib/partials/ffmpegExporter.d.ts

@@ -0,0 +1,25 @@
+import type { Plugin, WebSocketServer } from 'vite';
+interface ExporterPluginConfig {
+    output: string;
+}
+export declare function ffmpegExporterPlugin({ output }: ExporterPluginConfig): Plugin;
+/**
+ * A simple bridge between the FFmpegExporterServer and FFmpegExporterClient.
+ *
+ * @remarks
+ * This class lets the client exporter invoke methods on the server and receive
+ * responses using a simple Promise-based API.
+ */
+export declare class FFmpegBridge {
+    private readonly ws;
+    private readonly config;
+    private process;
+    constructor(ws: WebSocketServer, config: ExporterPluginConfig);
+    private handleMessage;
+    private respondSuccess;
+    private respondError;
+    private videoFrameExtractors;
+    private handleVideoFrameMessage;
+    private handleRenderFinished;
+}
+export {};