@revideo/vite-plugin 0.4.7-two.1024 → 0.4.7

package/lib/partials/corsProxy.js

@@ -1,12 +1,10 @@
-'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/...
@@ -24,78 +22,69 @@ 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 ?? []);
-  }
-}
-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 '*'",
-    );
-  }
-  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);
+    // 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
     }
-    let sourceUrl;
-    try {
-      sourceUrl = extractDestination(req.url);
-    } catch (err) {
-      return writeError(err, res);
+    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 ?? []);
     }
-    if (
-      !isReceivedUrlInAllowedHosts(sourceUrl.hostname, config.allowListHosts)
-    ) {
-      return writeError(
-        `Blocked by Proxy: ${sourceUrl.hostname} is not on Hosts Allowlist`,
-        res,
-      );
+}
+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 '*'");
     }
-    // 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);
+    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);
+        });
     });
-  });
 }
 /**
  * Unwrap the destination from the URL.
@@ -109,34 +98,32 @@ 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
@@ -146,98 +133,87 @@ 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);
+    // 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);
         }
-      });
-    } catch (err) {
-      rej(err);
+    });
+    if (!result.statusCode || result.statusCode >= 300) {
+        throw 'Unexpected Status: ' + result.statusCode ?? 'NO_STATUS';
     }
-  });
-  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;
+    const contentType = result.headers['content-type'];
+    const contentLength = result.headers['content-length'];
+    if (!contentType) {
+        throw 'Proxied Response does not contain a Content Type';
     }
-    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);
+    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);
 }
-//# sourceMappingURL=corsProxy.js.map
+//# sourceMappingURL=corsProxy.js.map

package/lib/partials/editor.d.ts

@@ -1,11 +1,8 @@
-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,79 +1,72 @@
-'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/imageExporter.d.ts

@@ -1,8 +1,6 @@
-import {Plugin} from 'vite';
+import { Plugin } from 'vite';
 interface ExporterPluginConfig {
-  outputPath: string;
+    outputPath: string;
 }
-export declare function exporterPlugin({
-  outputPath,
-}: ExporterPluginConfig): Plugin;
+export declare function exporterPlugin({ outputPath }: ExporterPluginConfig): Plugin;
 export {};

package/lib/partials/imageExporter.js

@@ -1,58 +1,46 @@
-'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.exporterPlugin = void 0;
-const fs_1 = __importDefault(require('fs'));
-const mime_types_1 = __importDefault(require('mime-types'));
-const path_1 = __importDefault(require('path'));
-const openInExplorer_1 = require('../openInExplorer');
-function exporterPlugin({outputPath}) {
-  return {
-    name: 'revideo:exporter',
-    configureServer(server) {
-      server.middlewares.use((req, res, next) => {
-        if (req.url === '/__open-output-path') {
-          if (!fs_1.default.existsSync(outputPath)) {
-            fs_1.default.mkdirSync(outputPath, {recursive: true});
-          }
-          (0, openInExplorer_1.openInExplorer)(outputPath);
-          res.end();
-          return;
-        }
-        next();
-      });
-      server.ws.on(
-        'revideo:export',
-        async (
-          {data, frame, sceneFrame, subDirectories, mimeType, groupByScene},
-          client,
-        ) => {
-          const name = (groupByScene ? sceneFrame : frame)
-            .toString()
-            .padStart(6, '0');
-          const extension = mime_types_1.default.extension(mimeType);
-          const outputFilePath = path_1.default.join(
-            outputPath,
-            ...subDirectories,
-            `${name}.${extension}`,
-          );
-          const outputDirectory = path_1.default.dirname(outputFilePath);
-          if (!fs_1.default.existsSync(outputDirectory)) {
-            fs_1.default.mkdirSync(outputDirectory, {recursive: true});
-          }
-          const base64Data = data.slice(data.indexOf(',') + 1);
-          await fs_1.default.promises.writeFile(outputFilePath, base64Data, {
-            encoding: 'base64',
-          });
-          client.send('revideo:export-ack', {frame});
+const fs_1 = __importDefault(require("fs"));
+const mime_types_1 = __importDefault(require("mime-types"));
+const path_1 = __importDefault(require("path"));
+const openInExplorer_1 = require("../openInExplorer");
+function exporterPlugin({ outputPath }) {
+    return {
+        name: 'revideo:exporter',
+        configureServer(server) {
+            server.middlewares.use((req, res, next) => {
+                if (req.url === '/__open-output-path') {
+                    if (!fs_1.default.existsSync(outputPath)) {
+                        fs_1.default.mkdirSync(outputPath, { recursive: true });
+                    }
+                    (0, openInExplorer_1.openInExplorer)(outputPath);
+                    res.end();
+                    return;
+                }
+                next();
+            });
+            server.ws.on('revideo:export', async ({ data, frame, sceneFrame, subDirectories, mimeType, groupByScene }, client) => {
+                const name = (groupByScene ? sceneFrame : frame)
+                    .toString()
+                    .padStart(6, '0');
+                const extension = mime_types_1.default.extension(mimeType);
+                const outputFilePath = path_1.default.join(outputPath, ...subDirectories, `${name}.${extension}`);
+                const outputDirectory = path_1.default.dirname(outputFilePath);
+                if (!fs_1.default.existsSync(outputDirectory)) {
+                    fs_1.default.mkdirSync(outputDirectory, { recursive: true });
+                }
+                const base64Data = data.slice(data.indexOf(',') + 1);
+                await fs_1.default.promises.writeFile(outputFilePath, base64Data, {
+                    encoding: 'base64',
+                });
+                client.send('revideo:export-ack', { frame });
+            });
         },
-      );
-    },
-  };
+    };
 }
 exports.exporterPlugin = exporterPlugin;
-//# sourceMappingURL=imageExporter.js.map
+//# sourceMappingURL=imageExporter.js.map