@quilted/rollup 0.0.0-preview-20231014022518

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# @quilted/rollup
+
+## 0.0.0-preview-20231014022518
+
+### Patch Changes
+
+- Fix initial rollup plugins
+
+## 0.1.1
+
+### Patch Changes
+
+- [`513f349a`](https://github.com/lemonmade/quilt/commit/513f349a4415af3fd4f6848532ea32a59385512c) Thanks [@lemonmade](https://github.com/lemonmade)! - Fix initial rollup plugins

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019-present, Chris Sauvé and contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# `@quilted/rollup`

package/build/cjs/app.cjs

@@ -0,0 +1,158 @@
+'use strict';
+
+var constants = require('./constants.cjs');
+var strings = require('./shared/strings.cjs');
+var magicModule = require('./shared/magic-module.cjs');
+
+function quiltApp({
+  env,
+  entry
+} = {}) {
+  return {
+    name: '@quilted/app',
+    async options(originalOptions) {
+      const newPlugins = [...(Array.isArray(originalOptions.plugins) ? originalOptions.plugins : originalOptions.plugins ? [originalOptions.plugins] : [])];
+      const newOptions = {
+        ...originalOptions,
+        plugins: newPlugins
+      };
+      if (env) {
+        const {
+          magicModuleEnv,
+          replaceProcessEnv
+        } = await Promise.resolve().then(function () { return require('./env.cjs'); });
+        if (typeof env === 'boolean') {
+          newPlugins.push(replaceProcessEnv({
+            mode: 'production'
+          }));
+          newPlugins.push(magicModuleEnv({
+            mode: 'production'
+          }));
+        } else {
+          newPlugins.push(replaceProcessEnv({
+            mode: env.mode ?? 'production'
+          }));
+          newPlugins.push(magicModuleEnv({
+            mode: 'production',
+            ...env
+          }));
+        }
+      }
+      if (entry) {
+        newPlugins.push(magicModuleAppComponent({
+          entry
+        }));
+      }
+      return newOptions;
+    }
+  };
+}
+function quiltAppBrowser(options = {}) {
+  return {
+    name: '@quilted/app/browser',
+    options(originalOptions) {
+      const newPlugins = [...(Array.isArray(originalOptions.plugins) ? originalOptions.plugins : originalOptions.plugins ? [originalOptions.plugins] : [])];
+      const newOptions = {
+        ...originalOptions,
+        plugins: newPlugins
+      };
+      newPlugins.push(magicModuleAppBrowserEntry(options));
+      return newOptions;
+    }
+  };
+}
+function quiltAppServer(options = {}) {
+  return {
+    name: '@quilted/app/server',
+    async options(originalOptions) {
+      const newPlugins = [...(Array.isArray(originalOptions.plugins) ? originalOptions.plugins : originalOptions.plugins ? [originalOptions.plugins] : [])];
+      const [{
+        magicModuleRequestRouterEntry
+      }] = await Promise.all([Promise.resolve().then(function () { return require('./request-router.cjs'); })]);
+      const newOptions = {
+        ...originalOptions,
+        plugins: newPlugins
+      };
+      newPlugins.push(magicModuleRequestRouterEntry());
+      newPlugins.push(magicModuleAppRequestRouter(options));
+      return newOptions;
+    }
+  };
+}
+function magicModuleAppComponent({
+  entry
+}) {
+  return magicModule.createMagicModulePlugin({
+    name: '@quilted/magic-module/app',
+    module: constants.MAGIC_MODULE_APP_COMPONENT,
+    alias: entry
+  });
+}
+function magicModuleAppRequestRouter({
+  entry
+} = {}) {
+  return magicModule.createMagicModulePlugin({
+    name: '@quilted/magic-module/app-request-router',
+    module: constants.MAGIC_MODULE_REQUEST_ROUTER,
+    alias: entry,
+    source: entry ? undefined : async function source() {
+      return strings.multiline`
+            import '@quilted/quilt/globals';
+
+            import {jsx} from 'react/jsx-runtime';
+            import {RequestRouter} from '@quilted/quilt/request-router';
+            import {renderToResponse} from '@quilted/quilt/server';
+
+            import App from ${JSON.stringify(constants.MAGIC_MODULE_APP_COMPONENT)};
+            import {BrowserAssets} from ${JSON.stringify(constants.MAGIC_MODULE_BROWSER_ASSETS)};
+
+            const router = new RequestRouter();
+            const assets = new BrowserAssets();
+
+            // For all GET requests, render our React application.
+            router.get(async (request) => {
+              const response = await renderToResponse(jsx(App), {
+                request,
+                assets,
+              });
+
+              return response;
+            });
+
+            export default router;
+          `;
+    }
+  });
+}
+function magicModuleAppBrowserEntry({
+  hydrate = true,
+  selector = '#app'
+} = {}) {
+  return magicModule.createMagicModulePlugin({
+    name: '@quilted/magic-module/app-browser-entry',
+    module: constants.MAGIC_MODULE_ENTRY,
+    sideEffects: true,
+    async source() {
+      const reactRootFunction = hydrate ? 'hydrateRoot' : 'createRoot';
+      return strings.multiline`
+        import '@quilted/quilt/globals';
+
+        import {jsx} from 'react/jsx-runtime';
+        import {${reactRootFunction}} from 'react-dom/client';
+
+        import App from ${JSON.stringify(constants.MAGIC_MODULE_APP_COMPONENT)};
+
+        const element = document.querySelector(${JSON.stringify(selector)});
+
+        ${hydrate ? `${reactRootFunction}(element, jsx(App));` : `${reactRootFunction}(element).render(jsx(App));`}
+      `;
+    }
+  });
+}
+
+exports.magicModuleAppBrowserEntry = magicModuleAppBrowserEntry;
+exports.magicModuleAppComponent = magicModuleAppComponent;
+exports.magicModuleAppRequestRouter = magicModuleAppRequestRouter;
+exports.quiltApp = quiltApp;
+exports.quiltAppBrowser = quiltAppBrowser;
+exports.quiltAppServer = quiltAppServer;

package/build/cjs/constants.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+const MAGIC_MODULE_ENV = 'quilt:module/env';
+const MAGIC_MODULE_ENTRY = 'quilt:module/entry';
+const MAGIC_MODULE_APP_COMPONENT = 'quilt:module/app';
+const MAGIC_MODULE_BROWSER_ASSETS = 'quilt:module/assets';
+const MAGIC_MODULE_REQUEST_ROUTER = 'quilt:module/request-router';
+
+exports.MAGIC_MODULE_APP_COMPONENT = MAGIC_MODULE_APP_COMPONENT;
+exports.MAGIC_MODULE_BROWSER_ASSETS = MAGIC_MODULE_BROWSER_ASSETS;
+exports.MAGIC_MODULE_ENTRY = MAGIC_MODULE_ENTRY;
+exports.MAGIC_MODULE_ENV = MAGIC_MODULE_ENV;
+exports.MAGIC_MODULE_REQUEST_ROUTER = MAGIC_MODULE_REQUEST_ROUTER;

package/build/cjs/env.cjs

@@ -0,0 +1,135 @@
+'use strict';
+
+var path = require('node:path');
+var fs = require('node:fs');
+var constants = require('./constants.cjs');
+var strings = require('./shared/strings.cjs');
+var rollup = require('./shared/rollup.cjs');
+var magicModule = require('./shared/magic-module.cjs');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
+var fs__namespace = /*#__PURE__*/_interopNamespaceDefault(fs);
+
+const EMPTY_PROCESS_ENV_OBJECT = {
+  'globalThis.process.env.': `({}).`,
+  'global.process.env.': `({}).`,
+  'process.env.': `({}).`
+};
+function replaceProcessEnv({
+  mode,
+  preserve = true
+}) {
+  return rollup.smartReplace({
+    // @see https://github.com/vitejs/vite/blob/2b1ffe86328f9d06ef9528ee117b61889893ddcc/packages/vite/src/node/plugins/define.ts#L112
+    'globalThis.process.env.NODE_ENV': JSON.stringify(mode),
+    'global.process.env.NODE_ENV': JSON.stringify(mode),
+    'process.env.NODE_ENV': JSON.stringify(mode),
+    ...(preserve ? {} : EMPTY_PROCESS_ENV_OBJECT)
+  });
+}
+function magicModuleEnv({
+  mode,
+  dotenv = {
+    roots: ['.', 'configuration']
+  },
+  inline = [],
+  runtime = '{}'
+} = {}) {
+  return magicModule.createMagicModulePlugin({
+    name: '@quilted/magic-module/env',
+    module: constants.MAGIC_MODULE_ENV,
+    async source() {
+      const inlineEnv = {};
+      if (mode) {
+        inlineEnv.MODE = mode;
+      }
+      const loadedEnv = await loadEnv.call(this, {
+        mode,
+        dotenv
+      });
+      for (const inlineVariable of inline.sort()) {
+        if (inlineVariable in inlineEnv) continue;
+        const value = process.env[inlineVariable] ?? loadedEnv[inlineVariable];
+        if (value == null) continue;
+        inlineEnv[inlineVariable] = typeof value === 'string' && value[0] === '"' && value[value.length - 1] === '"' ? JSON.parse(value) : value;
+      }
+      return strings.multiline`
+        const runtime = (${runtime});
+        const inline = JSON.parse(${JSON.stringify(JSON.stringify(inlineEnv))});
+
+        const Env = new Proxy(
+          {},
+          {
+            get(_, property) {
+              return runtime[property] ?? inline[property];
+            },
+          },
+        );
+
+        export default Env;
+      `;
+    }
+  });
+}
+
+// Inspired by https://github.com/vitejs/vite/blob/e0a4d810598d1834933ed437ac5a2168cbbbf2f8/packages/vite/source/node/config.ts#L1050-L1113
+async function loadEnv({
+  mode,
+  dotenv
+}) {
+  const env = {
+    ...process.env
+  };
+  if (dotenv !== false) {
+    const {
+      parse
+    } = await import('dotenv');
+    let files = dotenv.files;
+    if (files == null) {
+      const testFiles = [
+      // default file
+      `.env`,
+      // local file
+      `.env.local`];
+      if (mode) {
+        testFiles.push(
+        // mode file
+        `.env.${mode}`,
+        // mode local file
+        `.env.${mode}.local`);
+      }
+      files = testFiles.flatMap(file => (dotenv.roots ?? ['.', 'configuration']).map(root => path__namespace.resolve(root, file)));
+    }
+    const envFileResults = await Promise.all(files.map(async file => {
+      if (fs__namespace.existsSync(file)) {
+        this.addWatchFile(file);
+        return parse(await fs__namespace.promises.readFile(file, 'utf-8'));
+      }
+    }));
+    for (const envFileResult of envFileResults) {
+      if (envFileResult == null) continue;
+      Object.assign(env, envFileResult);
+    }
+  }
+  return env;
+}
+
+exports.magicModuleEnv = magicModuleEnv;
+exports.replaceProcessEnv = replaceProcessEnv;

package/build/cjs/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var env = require('./env.cjs');
+var app = require('./app.cjs');
+var requestRouter = require('./request-router.cjs');
+
+
+
+exports.magicModuleEnv = env.magicModuleEnv;
+exports.magicModuleAppBrowserEntry = app.magicModuleAppBrowserEntry;
+exports.magicModuleAppComponent = app.magicModuleAppComponent;
+exports.magicModuleAppRequestRouter = app.magicModuleAppRequestRouter;
+exports.quiltApp = app.quiltApp;
+exports.quiltAppBrowser = app.quiltAppBrowser;
+exports.quiltAppServer = app.quiltAppServer;
+exports.magicModuleRequestRouterEntry = requestRouter.magicModuleRequestRouterEntry;

package/build/cjs/request-router.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var constants = require('./constants.cjs');
+var magicModule = require('./shared/magic-module.cjs');
+var strings = require('./shared/strings.cjs');
+
+function magicModuleRequestRouterEntry({
+  host,
+  port
+} = {}) {
+  return magicModule.createMagicModulePlugin({
+    name: '@quilted/request-router',
+    sideEffects: true,
+    module: constants.MAGIC_MODULE_ENTRY,
+    async source() {
+      const initialContent = strings.multiline`
+        import requestRouter from ${JSON.stringify(constants.MAGIC_MODULE_REQUEST_ROUTER)};
+
+        import {createHttpServer} from '@quilted/quilt/request-router/node';
+
+        const port = ${port ?? 'Number.parseInt(process.env.PORT, 10)'};
+        const host = ${host ? JSON.stringify(host) : 'process.env.HOST'};
+      
+        createHttpServer(requestRouter).listen(port, host);
+      `;
+      return initialContent;
+    }
+  });
+}
+
+exports.magicModuleRequestRouterEntry = magicModuleRequestRouterEntry;

package/build/cjs/shared/magic-module.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+const VIRTUAL_MODULE_PREFIX = '\0';
+const VIRTUAL_MODULE_POSTFIX = '/module.js';
+function createMagicModulePlugin({
+  name,
+  module,
+  alias = `${VIRTUAL_MODULE_PREFIX}${module}${VIRTUAL_MODULE_POSTFIX}`,
+  source: getSource,
+  sideEffects = false
+}) {
+  return {
+    name,
+    resolveId(id) {
+      if (id !== module) return null;
+      return {
+        id: alias,
+        moduleSideEffects: sideEffects ? 'no-treeshake' : undefined
+      };
+    },
+    load: getSource ? async function load(source) {
+      if (source !== alias) return null;
+      const code = await getSource.call(this);
+      return {
+        code,
+        moduleSideEffects: sideEffects ? 'no-treeshake' : undefined
+      };
+    } : undefined
+  };
+}
+
+exports.createMagicModulePlugin = createMagicModulePlugin;

package/build/cjs/shared/rollup.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var replace = require('@rollup/plugin-replace');
+
+function smartReplace(values, options) {
+  return replace({
+    // @see https://github.com/vitejs/vite/blob/2b1ffe86328f9d06ef9528ee117b61889893ddcc/packages/vite/src/node/plugins/define.ts#L108-L119
+    delimiters: ['(?<![\\p{L}\\p{N}_$]|(?<!\\.\\.)\\.)(', ')(?:(?<=\\.)|(?![\\p{L}\\p{N}_$]|\\s*?=[^=]))'],
+    preventAssignment: true,
+    ...options,
+    values
+  });
+}
+
+exports.smartReplace = smartReplace;

package/build/cjs/shared/strings.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+function multiline(strings, ...values) {
+  let result = strings.reduce((combined, string, index) => `${combined}${string}${values[index] ?? ''}`, '');
+
+  // Inspired by https://github.com/zspecza/common-tags/blob/master/src/stripIndentTransformer/stripIndentTransformer.js#L8
+  const match = result.match(/^[^\S\n]*(?=\S)/gm);
+  const indent = match && Math.min(...match.map(indent => indent.length));
+  if (indent) {
+    const regexp = new RegExp(`^.{${indent}}`, 'gm');
+    result = result.replace(regexp, '');
+  }
+  return result.trim();
+}
+
+exports.multiline = multiline;

package/build/esm/app.mjs

@@ -0,0 +1,151 @@
+import { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_REQUEST_ROUTER, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY } from './constants.mjs';
+import { multiline } from './shared/strings.mjs';
+import { createMagicModulePlugin } from './shared/magic-module.mjs';
+
+function quiltApp({
+  env,
+  entry
+} = {}) {
+  return {
+    name: '@quilted/app',
+    async options(originalOptions) {
+      const newPlugins = [...(Array.isArray(originalOptions.plugins) ? originalOptions.plugins : originalOptions.plugins ? [originalOptions.plugins] : [])];
+      const newOptions = {
+        ...originalOptions,
+        plugins: newPlugins
+      };
+      if (env) {
+        const {
+          magicModuleEnv,
+          replaceProcessEnv
+        } = await import('./env.mjs');
+        if (typeof env === 'boolean') {
+          newPlugins.push(replaceProcessEnv({
+            mode: 'production'
+          }));
+          newPlugins.push(magicModuleEnv({
+            mode: 'production'
+          }));
+        } else {
+          newPlugins.push(replaceProcessEnv({
+            mode: env.mode ?? 'production'
+          }));
+          newPlugins.push(magicModuleEnv({
+            mode: 'production',
+            ...env
+          }));
+        }
+      }
+      if (entry) {
+        newPlugins.push(magicModuleAppComponent({
+          entry
+        }));
+      }
+      return newOptions;
+    }
+  };
+}
+function quiltAppBrowser(options = {}) {
+  return {
+    name: '@quilted/app/browser',
+    options(originalOptions) {
+      const newPlugins = [...(Array.isArray(originalOptions.plugins) ? originalOptions.plugins : originalOptions.plugins ? [originalOptions.plugins] : [])];
+      const newOptions = {
+        ...originalOptions,
+        plugins: newPlugins
+      };
+      newPlugins.push(magicModuleAppBrowserEntry(options));
+      return newOptions;
+    }
+  };
+}
+function quiltAppServer(options = {}) {
+  return {
+    name: '@quilted/app/server',
+    async options(originalOptions) {
+      const newPlugins = [...(Array.isArray(originalOptions.plugins) ? originalOptions.plugins : originalOptions.plugins ? [originalOptions.plugins] : [])];
+      const [{
+        magicModuleRequestRouterEntry
+      }] = await Promise.all([import('./request-router.mjs')]);
+      const newOptions = {
+        ...originalOptions,
+        plugins: newPlugins
+      };
+      newPlugins.push(magicModuleRequestRouterEntry());
+      newPlugins.push(magicModuleAppRequestRouter(options));
+      return newOptions;
+    }
+  };
+}
+function magicModuleAppComponent({
+  entry
+}) {
+  return createMagicModulePlugin({
+    name: '@quilted/magic-module/app',
+    module: MAGIC_MODULE_APP_COMPONENT,
+    alias: entry
+  });
+}
+function magicModuleAppRequestRouter({
+  entry
+} = {}) {
+  return createMagicModulePlugin({
+    name: '@quilted/magic-module/app-request-router',
+    module: MAGIC_MODULE_REQUEST_ROUTER,
+    alias: entry,
+    source: entry ? undefined : async function source() {
+      return multiline`
+            import '@quilted/quilt/globals';
+
+            import {jsx} from 'react/jsx-runtime';
+            import {RequestRouter} from '@quilted/quilt/request-router';
+            import {renderToResponse} from '@quilted/quilt/server';
+
+            import App from ${JSON.stringify(MAGIC_MODULE_APP_COMPONENT)};
+            import {BrowserAssets} from ${JSON.stringify(MAGIC_MODULE_BROWSER_ASSETS)};
+
+            const router = new RequestRouter();
+            const assets = new BrowserAssets();
+
+            // For all GET requests, render our React application.
+            router.get(async (request) => {
+              const response = await renderToResponse(jsx(App), {
+                request,
+                assets,
+              });
+
+              return response;
+            });
+
+            export default router;
+          `;
+    }
+  });
+}
+function magicModuleAppBrowserEntry({
+  hydrate = true,
+  selector = '#app'
+} = {}) {
+  return createMagicModulePlugin({
+    name: '@quilted/magic-module/app-browser-entry',
+    module: MAGIC_MODULE_ENTRY,
+    sideEffects: true,
+    async source() {
+      const reactRootFunction = hydrate ? 'hydrateRoot' : 'createRoot';
+      return multiline`
+        import '@quilted/quilt/globals';
+
+        import {jsx} from 'react/jsx-runtime';
+        import {${reactRootFunction}} from 'react-dom/client';
+
+        import App from ${JSON.stringify(MAGIC_MODULE_APP_COMPONENT)};
+
+        const element = document.querySelector(${JSON.stringify(selector)});
+
+        ${hydrate ? `${reactRootFunction}(element, jsx(App));` : `${reactRootFunction}(element).render(jsx(App));`}
+      `;
+    }
+  });
+}
+
+export { magicModuleAppBrowserEntry, magicModuleAppComponent, magicModuleAppRequestRouter, quiltApp, quiltAppBrowser, quiltAppServer };

package/build/esm/constants.mjs

@@ -0,0 +1,7 @@
+const MAGIC_MODULE_ENV = 'quilt:module/env';
+const MAGIC_MODULE_ENTRY = 'quilt:module/entry';
+const MAGIC_MODULE_APP_COMPONENT = 'quilt:module/app';
+const MAGIC_MODULE_BROWSER_ASSETS = 'quilt:module/assets';
+const MAGIC_MODULE_REQUEST_ROUTER = 'quilt:module/request-router';
+
+export { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY, MAGIC_MODULE_ENV, MAGIC_MODULE_REQUEST_ROUTER };