@depup/expo__cli 55.0.16-depup.0

package/build/src/start/server/middleware/CreateFileMiddleware.js

@@ -0,0 +1,166 @@
+/**
+ * Copyright © 2022 650 Industries.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CreateFileMiddleware", {
+    enumerable: true,
+    get: function() {
+        return CreateFileMiddleware;
+    }
+});
+function _fs() {
+    const data = /*#__PURE__*/ _interop_require_default(require("fs"));
+    _fs = function() {
+        return data;
+    };
+    return data;
+}
+function _path() {
+    const data = /*#__PURE__*/ _interop_require_default(require("path"));
+    _path = function() {
+        return data;
+    };
+    return data;
+}
+const _ExpoMiddleware = require("./ExpoMiddleware");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const debug = require('debug')('expo:start:server:middleware:createFile');
+const ROUTER_INDEX_CONTENTS = `import { StyleSheet, Text, View } from "react-native";
+
+export default function Page() {
+  return (
+    <View style={styles.container}>
+      <View style={styles.main}>
+        <Text style={styles.title}>Hello World</Text>
+        <Text style={styles.subtitle}>This is the first page of your app.</Text>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    padding: 24,
+  },
+  main: {
+    flex: 1,
+    justifyContent: "center",
+    maxWidth: 960,
+    marginHorizontal: "auto",
+  },
+  title: {
+    fontSize: 64,
+    fontWeight: "bold",
+  },
+  subtitle: {
+    fontSize: 36,
+    color: "#38434D",
+  },
+});
+`;
+class CreateFileMiddleware extends _ExpoMiddleware.ExpoMiddleware {
+    constructor(options){
+        super(options.projectRoot, [
+            '/_expo/touch'
+        ]), this.options = options;
+    }
+    resolveExtension(basePath, relativePath) {
+        let resolvedPath = relativePath;
+        const extension = _path().default.extname(relativePath);
+        if (extension === '.js') {
+            // Automatically convert JS files to TS files when added to a project
+            // with TypeScript.
+            const tsconfigPath = _path().default.join(this.projectRoot, 'tsconfig.json');
+            if (_fs().default.existsSync(tsconfigPath)) {
+                resolvedPath = resolvedPath.replace(/\.js$/, '.tsx');
+            }
+        }
+        return _path().default.join(basePath, resolvedPath);
+    }
+    async parseRawBody(req) {
+        const rawBody = await new Promise((resolve, reject)=>{
+            let body = '';
+            req.on('data', (chunk)=>{
+                body += chunk.toString();
+            });
+            req.on('end', ()=>{
+                resolve(body);
+            });
+            req.on('error', (err)=>{
+                reject(err);
+            });
+        });
+        const body = JSON.parse(rawBody);
+        if (typeof body !== 'object' || body == null) {
+            throw new Error('Expected object');
+        } else if (typeof body.type !== 'string') {
+            throw new Error('Expected "type" in body to be string');
+        }
+        switch(body.type){
+            case 'router_index':
+                return body;
+            default:
+                throw new Error('Unknown "type" passed in body');
+        }
+    }
+    makeOutputForInput(input) {
+        switch(input.type){
+            case 'router_index':
+                return {
+                    absolutePath: this.resolveExtension(this.options.appDir, 'index.js'),
+                    contents: ROUTER_INDEX_CONTENTS
+                };
+        }
+    }
+    async handleRequestAsync(req, res) {
+        if (req.method !== 'POST') {
+            res.statusCode = 405;
+            res.end('Method Not Allowed');
+            return;
+        }
+        let properties;
+        try {
+            properties = await this.parseRawBody(req);
+        } catch (e) {
+            debug('Error parsing request body', e);
+            res.statusCode = 400;
+            res.end('Bad Request');
+            return;
+        }
+        debug(`Requested: %O`, properties);
+        const file = this.makeOutputForInput(properties);
+        if (_fs().default.existsSync(file.absolutePath)) {
+            res.statusCode = 409;
+            res.end('File already exists.');
+            return;
+        }
+        debug(`Resolved path:`, file.absolutePath);
+        try {
+            await _fs().default.promises.mkdir(_path().default.dirname(file.absolutePath), {
+                recursive: true
+            });
+            await _fs().default.promises.writeFile(file.absolutePath, file.contents, 'utf8');
+        } catch (e) {
+            debug('Error writing file', e);
+            res.statusCode = 500;
+            res.end('Error writing file.');
+            return;
+        }
+        debug(`File created`);
+        res.statusCode = 200;
+        res.end('OK');
+    }
+}
+
+//# sourceMappingURL=CreateFileMiddleware.js.map

package/build/src/start/server/middleware/CreateFileMiddleware.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/start/server/middleware/CreateFileMiddleware.ts"],"sourcesContent":["/**\n * Copyright © 2022 650 Industries.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport fs from 'fs';\nimport path from 'path';\n\nimport { ExpoMiddleware } from './ExpoMiddleware';\nimport { ServerRequest, ServerResponse } from './server.types';\n\nconst debug = require('debug')('expo:start:server:middleware:createFile') as typeof console.log;\n\ninterface TouchFileInput {\n  type: 'router_index';\n}\n\ninterface TouchFileOutput {\n  absolutePath: string;\n  contents: string;\n}\n\nconst ROUTER_INDEX_CONTENTS = `import { StyleSheet, Text, View } from \"react-native\";\n\nexport default function Page() {\n  return (\n    <View style={styles.container}>\n      <View style={styles.main}>\n        <Text style={styles.title}>Hello World</Text>\n        <Text style={styles.subtitle}>This is the first page of your app.</Text>\n      </View>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    alignItems: \"center\",\n    padding: 24,\n  },\n  main: {\n    flex: 1,\n    justifyContent: \"center\",\n    maxWidth: 960,\n    marginHorizontal: \"auto\",\n  },\n  title: {\n    fontSize: 64,\n    fontWeight: \"bold\",\n  },\n  subtitle: {\n    fontSize: 36,\n    color: \"#38434D\",\n  },\n});\n`;\n\ninterface CreateFileMiddlewareOptions {\n  /** The absolute metro or server root, used to calculate the relative dom entry path */\n  metroRoot: string;\n  /** The absolute project root, used to resolve the `expo/dom/entry.js` path */\n  projectRoot: string;\n  /** The expo-router root */\n  appDir: string;\n}\n\n/**\n * Middleware for creating a file given a `POST` request with\n * `{ contents: string, path: string }` in the body.\n */\nexport class CreateFileMiddleware extends ExpoMiddleware {\n  constructor(protected options: CreateFileMiddlewareOptions) {\n    super(options.projectRoot, ['/_expo/touch']);\n  }\n\n  protected resolveExtension(basePath: string, relativePath: string): string {\n    let resolvedPath = relativePath;\n    const extension = path.extname(relativePath);\n    if (extension === '.js') {\n      // Automatically convert JS files to TS files when added to a project\n      // with TypeScript.\n      const tsconfigPath = path.join(this.projectRoot, 'tsconfig.json');\n      if (fs.existsSync(tsconfigPath)) {\n        resolvedPath = resolvedPath.replace(/\\.js$/, '.tsx');\n      }\n    }\n    return path.join(basePath, resolvedPath);\n  }\n\n  protected async parseRawBody(req: ServerRequest): Promise<TouchFileInput> {\n    const rawBody = await new Promise<string>((resolve, reject) => {\n      let body = '';\n      req.on('data', (chunk) => {\n        body += chunk.toString();\n      });\n      req.on('end', () => {\n        resolve(body);\n      });\n      req.on('error', (err) => {\n        reject(err);\n      });\n    });\n\n    const body = JSON.parse(rawBody);\n    if (typeof body !== 'object' || body == null) {\n      throw new Error('Expected object');\n    } else if (typeof body.type !== 'string') {\n      throw new Error('Expected \"type\" in body to be string');\n    }\n\n    switch (body.type) {\n      case 'router_index':\n        return body;\n      default:\n        throw new Error('Unknown \"type\" passed in body');\n    }\n  }\n\n  private makeOutputForInput(input: TouchFileInput): TouchFileOutput {\n    switch (input.type) {\n      case 'router_index':\n        return {\n          absolutePath: this.resolveExtension(this.options.appDir, 'index.js'),\n          contents: ROUTER_INDEX_CONTENTS,\n        };\n    }\n  }\n\n  async handleRequestAsync(req: ServerRequest, res: ServerResponse): Promise<void> {\n    if (req.method !== 'POST') {\n      res.statusCode = 405;\n      res.end('Method Not Allowed');\n      return;\n    }\n\n    let properties: TouchFileInput;\n    try {\n      properties = await this.parseRawBody(req);\n    } catch (e) {\n      debug('Error parsing request body', e);\n      res.statusCode = 400;\n      res.end('Bad Request');\n      return;\n    }\n\n    debug(`Requested: %O`, properties);\n\n    const file = this.makeOutputForInput(properties);\n    if (fs.existsSync(file.absolutePath)) {\n      res.statusCode = 409;\n      res.end('File already exists.');\n      return;\n    }\n\n    debug(`Resolved path:`, file.absolutePath);\n\n    try {\n      await fs.promises.mkdir(path.dirname(file.absolutePath), { recursive: true });\n      await fs.promises.writeFile(file.absolutePath, file.contents, 'utf8');\n    } catch (e) {\n      debug('Error writing file', e);\n      res.statusCode = 500;\n      res.end('Error writing file.');\n      return;\n    }\n\n    debug(`File created`);\n    res.statusCode = 200;\n    res.end('OK');\n  }\n}\n"],"names":["CreateFileMiddleware","debug","require","ROUTER_INDEX_CONTENTS","ExpoMiddleware","constructor","options","projectRoot","resolveExtension","basePath","relativePath","resolvedPath","extension","path","extname","tsconfigPath","join","fs","existsSync","replace","parseRawBody","req","rawBody","Promise","resolve","reject","body","on","chunk","toString","err","JSON","parse","Error","type","makeOutputForInput","input","absolutePath","appDir","contents","handleRequestAsync","res","method","statusCode","end","properties","e","file","promises","mkdir","dirname","recursive","writeFile"],"mappings":"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"}

package/build/src/start/server/middleware/DevToolsPluginMiddleware.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DevToolsPluginEndpoint: function() {
+        return _DevToolsPluginManager.DevToolsPluginEndpoint;
+    },
+    DevToolsPluginMiddleware: function() {
+        return DevToolsPluginMiddleware;
+    }
+});
+function _assert() {
+    const data = /*#__PURE__*/ _interop_require_default(require("assert"));
+    _assert = function() {
+        return data;
+    };
+    return data;
+}
+function _send() {
+    const data = /*#__PURE__*/ _interop_require_default(require("send"));
+    _send = function() {
+        return data;
+    };
+    return data;
+}
+const _ExpoMiddleware = require("./ExpoMiddleware");
+const _DevToolsPluginManager = require("../DevToolsPluginManager");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+class DevToolsPluginMiddleware extends _ExpoMiddleware.ExpoMiddleware {
+    constructor(projectRoot, pluginManager){
+        super(projectRoot, [
+            _DevToolsPluginManager.DevToolsPluginEndpoint
+        ]), this.pluginManager = pluginManager;
+    }
+    shouldHandleRequest(req) {
+        var _req_url;
+        if (!((_req_url = req.url) == null ? void 0 : _req_url.startsWith(_DevToolsPluginManager.DevToolsPluginEndpoint))) {
+            return false;
+        }
+        return true;
+    }
+    async handleRequestAsync(req, res) {
+        (0, _assert().default)(req.headers.host, 'Request headers must include host');
+        const { pathname } = new URL(req.url ?? '/', `http://${req.headers.host}`);
+        const pluginName = this.queryPossiblePluginName(pathname.substring(_DevToolsPluginManager.DevToolsPluginEndpoint.length + 1));
+        const webpageRoot = await this.pluginManager.queryPluginWebpageRootAsync(pluginName);
+        if (!webpageRoot) {
+            res.statusCode = 404;
+            res.end();
+            return;
+        }
+        const pathInPluginRoot = pathname.substring(_DevToolsPluginManager.DevToolsPluginEndpoint.length + pluginName.length + 1) || '/';
+        (0, _send().default)(req, pathInPluginRoot, {
+            root: webpageRoot
+        }).pipe(res);
+    }
+    queryPossiblePluginName(pathname) {
+        const parts = pathname.split('/');
+        if (parts[0][0] === '@' && parts.length > 1) {
+            // Scoped package name
+            return `${parts[0]}/${parts[1]}`;
+        }
+        return parts[0];
+    }
+}
+
+//# sourceMappingURL=DevToolsPluginMiddleware.js.map

package/build/src/start/server/middleware/DevToolsPluginMiddleware.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/start/server/middleware/DevToolsPluginMiddleware.ts"],"sourcesContent":["import assert from 'assert';\nimport send from 'send';\n\nimport { ExpoMiddleware } from './ExpoMiddleware';\nimport { ServerRequest, ServerResponse } from './server.types';\nimport DevToolsPluginManager, { DevToolsPluginEndpoint } from '../DevToolsPluginManager';\n\nexport { DevToolsPluginEndpoint };\n\nexport class DevToolsPluginMiddleware extends ExpoMiddleware {\n  constructor(\n    projectRoot: string,\n    private readonly pluginManager: DevToolsPluginManager\n  ) {\n    super(projectRoot, [DevToolsPluginEndpoint]);\n  }\n\n  override shouldHandleRequest(req: ServerRequest): boolean {\n    if (!req.url?.startsWith(DevToolsPluginEndpoint)) {\n      return false;\n    }\n    return true;\n  }\n\n  async handleRequestAsync(req: ServerRequest, res: ServerResponse): Promise<void> {\n    assert(req.headers.host, 'Request headers must include host');\n    const { pathname } = new URL(req.url ?? '/', `http://${req.headers.host}`);\n    const pluginName = this.queryPossiblePluginName(\n      pathname.substring(DevToolsPluginEndpoint.length + 1)\n    );\n    const webpageRoot = await this.pluginManager.queryPluginWebpageRootAsync(pluginName);\n    if (!webpageRoot) {\n      res.statusCode = 404;\n      res.end();\n      return;\n    }\n\n    const pathInPluginRoot =\n      pathname.substring(DevToolsPluginEndpoint.length + pluginName.length + 1) || '/';\n    send(req, pathInPluginRoot, { root: webpageRoot }).pipe(res);\n  }\n\n  private queryPossiblePluginName(pathname: string): string {\n    const parts = pathname.split('/');\n    if (parts[0][0] === '@' && parts.length > 1) {\n      // Scoped package name\n      return `${parts[0]}/${parts[1]}`;\n    }\n    return parts[0];\n  }\n}\n"],"names":["DevToolsPluginEndpoint","DevToolsPluginMiddleware","ExpoMiddleware","constructor","projectRoot","pluginManager","shouldHandleRequest","req","url","startsWith","handleRequestAsync","res","assert","headers","host","pathname","URL","pluginName","queryPossiblePluginName","substring","length","webpageRoot","queryPluginWebpageRootAsync","statusCode","end","pathInPluginRoot","send","root","pipe","parts","split"],"mappings":";;;;;;;;;;;IAOSA,sBAAsB;eAAtBA,6CAAsB;;IAElBC,wBAAwB;eAAxBA;;;;gEATM;;;;;;;gEACF;;;;;;gCAEc;uCAE+B;;;;;;AAIvD,MAAMA,iCAAiCC,8BAAc;IAC1DC,YACEC,WAAmB,EACnB,AAAiBC,aAAoC,CACrD;QACA,KAAK,CAACD,aAAa;YAACJ,6CAAsB;SAAC,QAF1BK,gBAAAA;IAGnB;IAESC,oBAAoBC,GAAkB,EAAW;YACnDA;QAAL,IAAI,GAACA,WAAAA,IAAIC,GAAG,qBAAPD,SAASE,UAAU,CAACT,6CAAsB,IAAG;YAChD,OAAO;QACT;QACA,OAAO;IACT;IAEA,MAAMU,mBAAmBH,GAAkB,EAAEI,GAAmB,EAAiB;QAC/EC,IAAAA,iBAAM,EAACL,IAAIM,OAAO,CAACC,IAAI,EAAE;QACzB,MAAM,EAAEC,QAAQ,EAAE,GAAG,IAAIC,IAAIT,IAAIC,GAAG,IAAI,KAAK,CAAC,OAAO,EAAED,IAAIM,OAAO,CAACC,IAAI,EAAE;QACzE,MAAMG,aAAa,IAAI,CAACC,uBAAuB,CAC7CH,SAASI,SAAS,CAACnB,6CAAsB,CAACoB,MAAM,GAAG;QAErD,MAAMC,cAAc,MAAM,IAAI,CAAChB,aAAa,CAACiB,2BAA2B,CAACL;QACzE,IAAI,CAACI,aAAa;YAChBV,IAAIY,UAAU,GAAG;YACjBZ,IAAIa,GAAG;YACP;QACF;QAEA,MAAMC,mBACJV,SAASI,SAAS,CAACnB,6CAAsB,CAACoB,MAAM,GAAGH,WAAWG,MAAM,GAAG,MAAM;QAC/EM,IAAAA,eAAI,EAACnB,KAAKkB,kBAAkB;YAAEE,MAAMN;QAAY,GAAGO,IAAI,CAACjB;IAC1D;IAEQO,wBAAwBH,QAAgB,EAAU;QACxD,MAAMc,QAAQd,SAASe,KAAK,CAAC;QAC7B,IAAID,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,OAAOA,MAAMT,MAAM,GAAG,GAAG;YAC3C,sBAAsB;YACtB,OAAO,GAAGS,KAAK,CAAC,EAAE,CAAC,CAAC,EAAEA,KAAK,CAAC,EAAE,EAAE;QAClC;QACA,OAAOA,KAAK,CAAC,EAAE;IACjB;AACF"}

package/build/src/start/server/middleware/DomComponentsMiddleware.js

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DOM_COMPONENTS_BUNDLE_DIR: function() {
+        return DOM_COMPONENTS_BUNDLE_DIR;
+    },
+    createDomComponentsMiddleware: function() {
+        return createDomComponentsMiddleware;
+    },
+    getDomComponentHtml: function() {
+        return getDomComponentHtml;
+    }
+});
+function _path() {
+    const data = /*#__PURE__*/ _interop_require_default(require("path"));
+    _path = function() {
+        return data;
+    };
+    return data;
+}
+function _resolvefrom() {
+    const data = /*#__PURE__*/ _interop_require_default(require("resolve-from"));
+    _resolvefrom = function() {
+        return data;
+    };
+    return data;
+}
+const _metroOptions = require("./metroOptions");
+const _log = require("../../../log");
+const _filePath = require("../../../utils/filePath");
+const _fn = require("../../../utils/fn");
+const _createServerComponentsMiddleware = require("../metro/createServerComponentsMiddleware");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const DOM_COMPONENTS_BUNDLE_DIR = 'www.bundle';
+const warnUnstable = (0, _fn.memoize)(()=>_log.Log.warn('Using experimental DOM Components API. Production exports may not work as expected.'));
+const checkWebViewInstalled = (0, _fn.memoize)((projectRoot)=>{
+    const webViewInstalled = _resolvefrom().default.silent(projectRoot, 'react-native-webview') || _resolvefrom().default.silent(projectRoot, '@expo/dom-webview');
+    if (!webViewInstalled) {
+        throw new Error(`To use DOM Components, you must install the 'react-native-webview' package. Run 'npx expo install react-native-webview' to install it.`);
+    }
+});
+function createDomComponentsMiddleware({ metroRoot, projectRoot }, instanceMetroOptions) {
+    return (req, res, next)=>{
+        if (!req.url) return next();
+        const url = coerceUrl(req.url);
+        // Match `/_expo/@dom`.
+        // This URL can contain additional paths like `/_expo/@dom/foo.js?file=...` to help the Safari dev tools.
+        if (!url.pathname.startsWith('/_expo/@dom')) {
+            return next();
+        }
+        const file = url.searchParams.get('file');
+        if (!file || !file.startsWith('file://')) {
+            res.statusCode = 400;
+            res.statusMessage = 'Invalid file path: ' + file;
+            return res.end();
+        }
+        checkWebViewInstalled(projectRoot);
+        warnUnstable();
+        // Generate a unique entry file for the webview.
+        const generatedEntry = (0, _filePath.toPosixPath)(file.startsWith('file://') ? (0, _createServerComponentsMiddleware.fileURLToFilePath)(file) : file);
+        const virtualEntry = (0, _filePath.toPosixPath)((0, _resolvefrom().default)(projectRoot, 'expo/dom/entry.js'));
+        // The relative import path will be used like URI so it must be POSIX.
+        const relativeImport = './' + _path().default.posix.relative(_path().default.dirname(virtualEntry), generatedEntry);
+        // Create the script URL
+        const requestUrlBase = `http://${req.headers.host}`;
+        const metroUrl = new URL((0, _metroOptions.createBundleUrlPath)({
+            ...instanceMetroOptions,
+            domRoot: encodeURI(relativeImport),
+            baseUrl: '/',
+            mainModuleName: _path().default.relative(metroRoot, virtualEntry),
+            bytecode: false,
+            platform: 'web',
+            isExporting: false,
+            engine: 'hermes',
+            // Required for ensuring bundler errors are caught in the root entry / async boundary and can be recovered from automatically.
+            lazy: true
+        }), requestUrlBase).toString();
+        res.statusCode = 200;
+        // Return HTML file
+        res.setHeader('Content-Type', 'text/html');
+        res.end(// Create the entry HTML file.
+        getDomComponentHtml(metroUrl, {
+            title: _path().default.basename(file)
+        }));
+    };
+}
+function coerceUrl(url) {
+    try {
+        return new URL(url);
+    } catch  {
+        return new URL(url, 'https://localhost:0');
+    }
+}
+function getDomComponentHtml(src, { title } = {}) {
+    // This HTML is not optimized for `react-native-web` since DOM Components are meant for general React DOM web development.
+    return `
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+        ${title ? `<title>${title}</title>` : ''}
+        <style id="expo-dom-component-style">
+        /* These styles make the body full-height */
+        html,
+        body {
+          -webkit-overflow-scrolling: touch; /* Enables smooth momentum scrolling */
+        }
+        /* These styles make the root element full-height */
+        #root {
+          display: flex;
+          flex: 1;
+        }
+        </style>
+    </head>
+    <body>
+    <noscript>DOM Components require <code>javaScriptEnabled</code></noscript>
+        <!-- Root element for the DOM component. -->
+        <div id="root"></div>
+        ${src ? `<script crossorigin src="${src.replace(/^https?:/, '')}"></script>` : ''}
+    </body>
+</html>`;
+}
+
+//# sourceMappingURL=DomComponentsMiddleware.js.map

package/build/src/start/server/middleware/DomComponentsMiddleware.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/start/server/middleware/DomComponentsMiddleware.ts"],"sourcesContent":["import path from 'path';\nimport resolveFrom from 'resolve-from';\n\nimport { createBundleUrlPath, ExpoMetroOptions } from './metroOptions';\nimport type { ServerRequest, ServerResponse } from './server.types';\nimport { Log } from '../../../log';\nimport { toPosixPath } from '../../../utils/filePath';\nimport { memoize } from '../../../utils/fn';\nimport { fileURLToFilePath } from '../metro/createServerComponentsMiddleware';\n\nexport type PickPartial<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;\n\nexport const DOM_COMPONENTS_BUNDLE_DIR = 'www.bundle';\n\nconst warnUnstable = memoize(() =>\n  Log.warn('Using experimental DOM Components API. Production exports may not work as expected.')\n);\n\nconst checkWebViewInstalled = memoize((projectRoot: string) => {\n  const webViewInstalled =\n    resolveFrom.silent(projectRoot, 'react-native-webview') ||\n    resolveFrom.silent(projectRoot, '@expo/dom-webview');\n  if (!webViewInstalled) {\n    throw new Error(\n      `To use DOM Components, you must install the 'react-native-webview' package. Run 'npx expo install react-native-webview' to install it.`\n    );\n  }\n});\n\ntype CreateDomComponentsMiddlewareOptions = {\n  /** The absolute metro or server root, used to calculate the relative dom entry path */\n  metroRoot: string;\n  /** The absolute project root, used to resolve the `expo/dom/entry.js` path */\n  projectRoot: string;\n};\n\nexport function createDomComponentsMiddleware(\n  { metroRoot, projectRoot }: CreateDomComponentsMiddlewareOptions,\n  instanceMetroOptions: PickPartial<ExpoMetroOptions, 'mainModuleName' | 'platform' | 'bytecode'>\n) {\n  return (req: ServerRequest, res: ServerResponse, next: (err?: Error) => void) => {\n    if (!req.url) return next();\n\n    const url = coerceUrl(req.url);\n\n    // Match `/_expo/@dom`.\n    // This URL can contain additional paths like `/_expo/@dom/foo.js?file=...` to help the Safari dev tools.\n    if (!url.pathname.startsWith('/_expo/@dom')) {\n      return next();\n    }\n\n    const file = url.searchParams.get('file');\n\n    if (!file || !file.startsWith('file://')) {\n      res.statusCode = 400;\n      res.statusMessage = 'Invalid file path: ' + file;\n      return res.end();\n    }\n\n    checkWebViewInstalled(projectRoot);\n    warnUnstable();\n\n    // Generate a unique entry file for the webview.\n    const generatedEntry = toPosixPath(file.startsWith('file://') ? fileURLToFilePath(file) : file);\n    const virtualEntry = toPosixPath(resolveFrom(projectRoot, 'expo/dom/entry.js'));\n    // The relative import path will be used like URI so it must be POSIX.\n    const relativeImport = './' + path.posix.relative(path.dirname(virtualEntry), generatedEntry);\n    // Create the script URL\n    const requestUrlBase = `http://${req.headers.host}`;\n    const metroUrl = new URL(\n      createBundleUrlPath({\n        ...instanceMetroOptions,\n        domRoot: encodeURI(relativeImport),\n        baseUrl: '/',\n        mainModuleName: path.relative(metroRoot, virtualEntry),\n        bytecode: false,\n        platform: 'web',\n        isExporting: false,\n        engine: 'hermes',\n        // Required for ensuring bundler errors are caught in the root entry / async boundary and can be recovered from automatically.\n        lazy: true,\n      }),\n      requestUrlBase\n    ).toString();\n\n    res.statusCode = 200;\n    // Return HTML file\n    res.setHeader('Content-Type', 'text/html');\n\n    res.end(\n      // Create the entry HTML file.\n      getDomComponentHtml(metroUrl, { title: path.basename(file) })\n    );\n  };\n}\n\nfunction coerceUrl(url: string) {\n  try {\n    return new URL(url);\n  } catch {\n    return new URL(url, 'https://localhost:0');\n  }\n}\n\nexport function getDomComponentHtml(src?: string, { title }: { title?: string } = {}) {\n  // This HTML is not optimized for `react-native-web` since DOM Components are meant for general React DOM web development.\n  return `\n<!DOCTYPE html>\n<html>\n    <head>\n        <meta charset=\"utf-8\" />\n        <meta httpEquiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, user-scalable=no\">\n        ${title ? `<title>${title}</title>` : ''}\n        <style id=\"expo-dom-component-style\">\n        /* These styles make the body full-height */\n        html,\n        body {\n          -webkit-overflow-scrolling: touch; /* Enables smooth momentum scrolling */\n        }\n        /* These styles make the root element full-height */\n        #root {\n          display: flex;\n          flex: 1;\n        }\n        </style>\n    </head>\n    <body>\n    <noscript>DOM Components require <code>javaScriptEnabled</code></noscript>\n        <!-- Root element for the DOM component. -->\n        <div id=\"root\"></div>\n        ${src ? `<script crossorigin src=\"${src.replace(/^https?:/, '')}\"></script>` : ''}\n    </body>\n</html>`;\n}\n"],"names":["DOM_COMPONENTS_BUNDLE_DIR","createDomComponentsMiddleware","getDomComponentHtml","warnUnstable","memoize","Log","warn","checkWebViewInstalled","projectRoot","webViewInstalled","resolveFrom","silent","Error","metroRoot","instanceMetroOptions","req","res","next","url","coerceUrl","pathname","startsWith","file","searchParams","get","statusCode","statusMessage","end","generatedEntry","toPosixPath","fileURLToFilePath","virtualEntry","relativeImport","path","posix","relative","dirname","requestUrlBase","headers","host","metroUrl","URL","createBundleUrlPath","domRoot","encodeURI","baseUrl","mainModuleName","bytecode","platform","isExporting","engine","lazy","toString","setHeader","title","basename","src","replace"],"mappings":"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"}