@revideo/vite-plugin 0.4.7-alpha.1027 → 0.4.7-five.1022

package/lib/partials/scenes.js

@@ -1,26 +1,28 @@
-"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.scenesPlugin = void 0;
-const path_1 = __importDefault(require("path"));
-const utils_1 = require("../utils");
+const path_1 = __importDefault(require('path'));
+const utils_1 = require('../utils');
 const SCENE_QUERY_REGEX = /[?&]scene\b/;
 function scenesPlugin() {
-    return {
-        name: 'revideo:scene',
-        async load(id) {
-            if (!SCENE_QUERY_REGEX.test(id)) {
-                return;
-            }
-            const [base] = id.split('?');
-            const { name, dir } = path_1.default.posix.parse(base);
-            const metaFile = `${name}.meta`;
-            await (0, utils_1.createMeta)(path_1.default.join(dir, metaFile));
-            const sceneFile = `${name}`;
-            /* language=typescript */
-            return `\
+  return {
+    name: 'revideo:scene',
+    async load(id) {
+      if (!SCENE_QUERY_REGEX.test(id)) {
+        return;
+      }
+      const [base] = id.split('?');
+      const {name, dir} = path_1.default.posix.parse(base);
+      const metaFile = `${name}.meta`;
+      await (0, utils_1.createMeta)(path_1.default.join(dir, metaFile));
+      const sceneFile = `${name}`;
+      /* language=typescript */
+      return `\
 import {ValueDispatcher} from '@revideo/core';
 import metaFile from './${metaFile}';
 import description from './${sceneFile}';
@@ -40,8 +42,8 @@ if (import.meta.hot) {
 }
 export default description;
 `;
-        },
-    };
+    },
+  };
 }
 exports.scenesPlugin = scenesPlugin;
-//# sourceMappingURL=scenes.js.map
+//# sourceMappingURL=scenes.js.map

package/lib/partials/settings.d.ts

@@ -1,2 +1,2 @@
-import { Plugin } from 'vite';
+import {Plugin} from 'vite';
 export declare function settingsPlugin(): Plugin;

package/lib/partials/settings.js

@@ -1,66 +1,71 @@
-"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.settingsPlugin = void 0;
-const fs_1 = __importDefault(require("fs"));
-const os_1 = __importDefault(require("os"));
-const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require('fs'));
+const os_1 = __importDefault(require('os'));
+const path_1 = __importDefault(require('path'));
 function settingsPlugin() {
-    const settingsId = 'virtual:settings.meta';
-    const resolvedSettingsId = '\0' + settingsId;
-    const settingsPath = path_1.default.resolve(os_1.default.homedir(), '.revideo/settings.json');
-    const outputDirectory = path_1.default.dirname(settingsPath);
-    return {
-        name: 'revideo:settings',
-        resolveId(id) {
-            if (id === settingsId) {
-                return resolvedSettingsId;
-            }
-        },
-        async load(id) {
-            if (id === resolvedSettingsId) {
-                let parsed = {};
-                try {
-                    parsed = JSON.parse(await fs_1.default.promises.readFile(settingsPath, 'utf8'));
-                }
-                catch (_) {
-                    // Ignore an invalid settings file
-                }
-                return JSON.stringify(parsed);
-            }
-        },
-        configureServer(server) {
-            server.ws.on('revideo:meta', async ({ source, data }, client) => {
-                if (source !== resolvedSettingsId) {
-                    return;
-                }
-                await fs_1.default.promises.mkdir(outputDirectory, { recursive: true });
-                const newData = JSON.stringify(data, undefined, 2);
-                let oldData = '';
-                try {
-                    oldData = await fs_1.default.promises.readFile(settingsPath, 'utf8');
-                }
-                catch (_) {
-                    // Ignore an invalid settings file
-                }
-                if (oldData !== newData) {
-                    await Promise.all([
-                        fs_1.default.promises.writeFile(settingsPath, newData, 'utf8'),
-                        // Invalidate the module so that the settings are up-to-date next
-                        // time the browser is refreshed.
-                        server.moduleGraph.getModuleByUrl(source).then(module => {
-                            if (module) {
-                                server.moduleGraph.invalidateModule(module);
-                            }
-                        }),
-                    ]);
-                }
-                client.send('revideo:meta-ack', { source });
-            });
-        },
-    };
+  const settingsId = 'virtual:settings.meta';
+  const resolvedSettingsId = '\0' + settingsId;
+  const settingsPath = path_1.default.resolve(
+    os_1.default.homedir(),
+    '.revideo/settings.json',
+  );
+  const outputDirectory = path_1.default.dirname(settingsPath);
+  return {
+    name: 'revideo:settings',
+    resolveId(id) {
+      if (id === settingsId) {
+        return resolvedSettingsId;
+      }
+    },
+    async load(id) {
+      if (id === resolvedSettingsId) {
+        let parsed = {};
+        try {
+          parsed = JSON.parse(
+            await fs_1.default.promises.readFile(settingsPath, 'utf8'),
+          );
+        } catch (_) {
+          // Ignore an invalid settings file
+        }
+        return JSON.stringify(parsed);
+      }
+    },
+    configureServer(server) {
+      server.ws.on('revideo:meta', async ({source, data}, client) => {
+        if (source !== resolvedSettingsId) {
+          return;
+        }
+        await fs_1.default.promises.mkdir(outputDirectory, {recursive: true});
+        const newData = JSON.stringify(data, undefined, 2);
+        let oldData = '';
+        try {
+          oldData = await fs_1.default.promises.readFile(settingsPath, 'utf8');
+        } catch (_) {
+          // Ignore an invalid settings file
+        }
+        if (oldData !== newData) {
+          await Promise.all([
+            fs_1.default.promises.writeFile(settingsPath, newData, 'utf8'),
+            // Invalidate the module so that the settings are up-to-date next
+            // time the browser is refreshed.
+            server.moduleGraph.getModuleByUrl(source).then(module => {
+              if (module) {
+                server.moduleGraph.invalidateModule(module);
+              }
+            }),
+          ]);
+        }
+        client.send('revideo:meta-ack', {source});
+      });
+    },
+  };
 }
 exports.settingsPlugin = settingsPlugin;
-//# sourceMappingURL=settings.js.map
+//# sourceMappingURL=settings.js.map

package/lib/partials/webgl.d.ts

@@ -1,10 +1,10 @@
-import { Plugin } from 'vite';
+import {Plugin} from 'vite';
 declare module 'source-map' {
-    interface SourceNode {
-        add(value: string | SourceNode): void;
-    }
-    interface SourceMapGenerator {
-        toJSON(): any;
-    }
+  interface SourceNode {
+    add(value: string | SourceNode): void;
+  }
+  interface SourceMapGenerator {
+    toJSON(): any;
+  }
 }
 export declare function webglPlugin(): Plugin;

package/lib/partials/webgl.js

@@ -1,89 +1,97 @@
-"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.webglPlugin = void 0;
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
-const source_map_1 = require("source-map");
-const vite_1 = require("vite");
+const fs_1 = __importDefault(require('fs'));
+const path_1 = __importDefault(require('path'));
+const source_map_1 = require('source-map');
+const vite_1 = require('vite');
 const GLSL_EXTENSION_REGEX = /\.glsl(?:$|\?)/;
 const INCLUDE_REGEX = /^#include "([^"]+)"/;
 function webglPlugin() {
-    let config;
-    return {
-        name: 'revideo:webgl',
-        configResolved(resolvedConfig) {
-            config = resolvedConfig;
+  let config;
+  return {
+    name: 'revideo:webgl',
+    configResolved(resolvedConfig) {
+      config = resolvedConfig;
+    },
+    async transform(code, id) {
+      if (!GLSL_EXTENSION_REGEX.test(id)) {
+        return;
+      }
+      const [base, query] = id.split('?');
+      const {dir} = path_1.default.posix.parse(base);
+      const params = new URLSearchParams(query);
+      if (params.has('raw')) {
+        return;
+      }
+      const context = {
+        rootDir: dir,
+        fileStack: [],
+        includeMap: new Map(),
+        watchFile: file => this.addWatchFile(file),
+        resolve: async (source, importer) => {
+          const resolved = await this.resolve(source, importer);
+          return resolved?.id;
         },
-        async transform(code, id) {
-            if (!GLSL_EXTENSION_REGEX.test(id)) {
-                return;
-            }
-            const [base, query] = id.split('?');
-            const { dir } = path_1.default.posix.parse(base);
-            const params = new URLSearchParams(query);
-            if (params.has('raw')) {
-                return;
-            }
-            const context = {
-                rootDir: dir,
-                fileStack: [],
-                includeMap: new Map(),
-                watchFile: file => this.addWatchFile(file),
-                resolve: async (source, importer) => {
-                    const resolved = await this.resolve(source, importer);
-                    return resolved?.id;
-                },
-            };
-            const glslSource = await resolveGlsl(context, id, code);
-            const sourceUrl = (0, vite_1.normalizePath)(path_1.default.relative(config.root, base));
-            const result = glslSource.toStringWithSourceMap();
-            const map = result.map.toJSON();
-            map.includeMap = Object.fromEntries(context.includeMap);
-            return {
-                map,
-                code: `export default \`${result.code}\n//# sourceURL=${sourceUrl}\`;`,
-            };
-        },
-    };
+      };
+      const glslSource = await resolveGlsl(context, id, code);
+      const sourceUrl = (0, vite_1.normalizePath)(
+        path_1.default.relative(config.root, base),
+      );
+      const result = glslSource.toStringWithSourceMap();
+      const map = result.map.toJSON();
+      map.includeMap = Object.fromEntries(context.includeMap);
+      return {
+        map,
+        code: `export default \`${result.code}\n//# sourceURL=${sourceUrl}\`;`,
+      };
+    },
+  };
 }
 exports.webglPlugin = webglPlugin;
 async function resolveGlsl(context, id, code) {
-    const lines = code.split(/\r?\n/);
-    const source = new source_map_1.SourceNode(1, 0, '', '');
-    if (context.fileStack.includes(id)) {
-        throw new Error(`Circular dependency detected: ${context.fileStack.join(' -> ')}`);
-    }
-    context.fileStack.push(id);
-    const sourceMapId = path_1.default.posix.relative(context.rootDir, id);
-    for (let i = 0; i < lines.length; i++) {
-        const line = lines[i];
-        const match = line.match(INCLUDE_REGEX);
-        if (match) {
-            const childId = await context.resolve(match[1], id);
-            if (!childId) {
-                continue;
-            }
-            const childSourceMapId = path_1.default.posix.relative(context.rootDir, childId);
-            if (context.includeMap.has(childSourceMapId)) {
-                continue;
-            }
-            context.includeMap.set(childSourceMapId, [sourceMapId, i + 1]);
-            context.watchFile(childId);
-            const childCode = await fs_1.default.promises.readFile(childId, 'utf-8');
-            source.add(await resolveGlsl(context, childId, childCode));
-        }
-        else {
-            let j = 0;
-            for (; j < line.length; j++) {
-                source.add(new source_map_1.SourceNode(i + 1, j, sourceMapId, line[j]));
-            }
-            source.add(new source_map_1.SourceNode(i + 1, j, sourceMapId, '\n'));
-        }
+  const lines = code.split(/\r?\n/);
+  const source = new source_map_1.SourceNode(1, 0, '', '');
+  if (context.fileStack.includes(id)) {
+    throw new Error(
+      `Circular dependency detected: ${context.fileStack.join(' -> ')}`,
+    );
+  }
+  context.fileStack.push(id);
+  const sourceMapId = path_1.default.posix.relative(context.rootDir, id);
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    const match = line.match(INCLUDE_REGEX);
+    if (match) {
+      const childId = await context.resolve(match[1], id);
+      if (!childId) {
+        continue;
+      }
+      const childSourceMapId = path_1.default.posix.relative(
+        context.rootDir,
+        childId,
+      );
+      if (context.includeMap.has(childSourceMapId)) {
+        continue;
+      }
+      context.includeMap.set(childSourceMapId, [sourceMapId, i + 1]);
+      context.watchFile(childId);
+      const childCode = await fs_1.default.promises.readFile(childId, 'utf-8');
+      source.add(await resolveGlsl(context, childId, childCode));
+    } else {
+      let j = 0;
+      for (; j < line.length; j++) {
+        source.add(new source_map_1.SourceNode(i + 1, j, sourceMapId, line[j]));
+      }
+      source.add(new source_map_1.SourceNode(i + 1, j, sourceMapId, '\n'));
     }
-    context.fileStack.pop();
-    return source;
+  }
+  context.fileStack.pop();
+  return source;
 }
-//# sourceMappingURL=webgl.js.map
+//# sourceMappingURL=webgl.js.map

package/lib/plugins.d.ts

@@ -1,87 +1,87 @@
-import { Plugin as VitePlugin } from 'vite';
+import {Plugin as VitePlugin} from 'vite';
 /**
  * Represents a Motion Canvas project configured in the Vite plugin.
  */
 export interface ProjectData {
-    /**
-     * The name of the project.
-     */
-    name: string;
-    /**
-     * The file name containing the project.
-     */
-    fileName: string;
-    /**
-     * The path to the project relative to the Vite configuration file.
-     */
-    url: string;
+  /**
+   * The name of the project.
+   */
+  name: string;
+  /**
+   * The file name containing the project.
+   */
+  fileName: string;
+  /**
+   * The path to the project relative to the Vite configuration file.
+   */
+  url: string;
 }
 /**
  * The Motion Canvas configuration passed to each plugin.
  */
 export interface PluginConfig {
-    /**
-     * The projects configured in the Vite plugin.
-     */
-    projects: ProjectData[];
-    /**
-     * The output path relative to the Vite configuration file.
-     */
-    output: string;
+  /**
+   * The projects configured in the Vite plugin.
+   */
+  projects: ProjectData[];
+  /**
+   * The output path relative to the Vite configuration file.
+   */
+  output: string;
 }
 export declare const PLUGIN_OPTIONS: unique symbol;
 export interface PluginOptions {
-    /**
-     * An entry point of the runtime plugin.
-     *
-     * @remarks
-     * While the Vite plugin can extend the backend functionality, this entry
-     * point lets you include custom runtime code that will be loaded by the
-     * browser.
-     *
-     * It should be a valid module specifier from which the plugin will be
-     * imported. The module should contain a default export of a runtime plugin.
-     */
-    entryPoint: string;
-    /**
-     * The configuration hook of the plugin.
-     *
-     * @remarks
-     * Invoked during `configResolved` hook of Vite, contains the Motion Canvas
-     * specific configuration.
-     *
-     * @param config - The configuration passed to the plugin.
-     */
-    config?(config: PluginConfig): Promise<void>;
-    /**
-     * Get custom configuration that will be passed to the runtime plugin.
-     *
-     * @remarks
-     * The config will be passed as the first argument to the default export of
-     * the runtime plugin. When provided as a string, it will be injected to the
-     * code as is, letting you define non-serializable values such as functions.
-     *
-     * If the returned value is an object, it will be converted to a JavaScript
-     * object using JSON serialization.
-     *
-     * @example
-     * Returning an object:
-     * ```ts
-     * {
-     *   runtimeConfig: () => ({
-     *     myText: 'Hello!',
-     *     myNumber: 42,
-     *   })
-     * }
-     * ```
-     * Returning a string:
-     * ```ts
-     * {
-     *   runtimeConfig: () => `{myRegex: /\\.wav$/}`
-     * }
-     * ```
-     */
-    runtimeConfig?(): Promise<any>;
+  /**
+   * An entry point of the runtime plugin.
+   *
+   * @remarks
+   * While the Vite plugin can extend the backend functionality, this entry
+   * point lets you include custom runtime code that will be loaded by the
+   * browser.
+   *
+   * It should be a valid module specifier from which the plugin will be
+   * imported. The module should contain a default export of a runtime plugin.
+   */
+  entryPoint: string;
+  /**
+   * The configuration hook of the plugin.
+   *
+   * @remarks
+   * Invoked during `configResolved` hook of Vite, contains the Motion Canvas
+   * specific configuration.
+   *
+   * @param config - The configuration passed to the plugin.
+   */
+  config?(config: PluginConfig): Promise<void>;
+  /**
+   * Get custom configuration that will be passed to the runtime plugin.
+   *
+   * @remarks
+   * The config will be passed as the first argument to the default export of
+   * the runtime plugin. When provided as a string, it will be injected to the
+   * code as is, letting you define non-serializable values such as functions.
+   *
+   * If the returned value is an object, it will be converted to a JavaScript
+   * object using JSON serialization.
+   *
+   * @example
+   * Returning an object:
+   * ```ts
+   * {
+   *   runtimeConfig: () => ({
+   *     myText: 'Hello!',
+   *     myNumber: 42,
+   *   })
+   * }
+   * ```
+   * Returning a string:
+   * ```ts
+   * {
+   *   runtimeConfig: () => `{myRegex: /\\.wav$/}`
+   * }
+   * ```
+   */
+  runtimeConfig?(): Promise<any>;
 }
 /**
  * Represents a Motion Canvas plugin.
@@ -91,9 +91,9 @@ export interface PluginOptions {
  * to Motion Canvas.
  */
 export type Plugin = VitePlugin & {
-    /**
-     * The configuration specific to Motion Canvas.
-     */
-    [PLUGIN_OPTIONS]: PluginOptions;
+  /**
+   * The configuration specific to Motion Canvas.
+   */
+  [PLUGIN_OPTIONS]: PluginOptions;
 };
 export declare function isPlugin(value: any): value is Plugin;

package/lib/plugins.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', {value: true});
 exports.isPlugin = exports.PLUGIN_OPTIONS = void 0;
 exports.PLUGIN_OPTIONS = Symbol.for('@revideo/vite-plugin/PLUGIN_OPTIONS');
 function isPlugin(value) {
-    return value && typeof value === 'object' && exports.PLUGIN_OPTIONS in value;
+  return value && typeof value === 'object' && exports.PLUGIN_OPTIONS in value;
 }
 exports.isPlugin = isPlugin;
-//# sourceMappingURL=plugins.js.map
+//# sourceMappingURL=plugins.js.map