@vitejs/plugin-react 2.2.0-beta.0 → 3.0.0-alpha.0

package/dist/chunks/babel-restore-jsx.mjs

@@ -1,136 +0,0 @@
-/**
- * https://github.com/flying-sheep/babel-plugin-transform-react-createelement-to-jsx
- * @license GNU General Public License v3.0
- */
-function babelRestoreJsx({ types: t }, { reactAlias = "React" }) {
-  function getJSXNode(node) {
-    if (!isReactCreateElement(node)) {
-      return null;
-    }
-    const [nameNode, propsNode, ...childNodes] = node.arguments;
-    const name = getJSXName(nameNode);
-    if (name == null) {
-      return null;
-    }
-    const props = getJSXProps(propsNode);
-    if (props == null) {
-      return null;
-    }
-    const children = getJSXChildren(childNodes);
-    if (children == null) {
-      return null;
-    }
-    if (t.isJSXMemberExpression(name) && t.isJSXIdentifier(name.object) && name.object.name === reactAlias && name.property.name === "Fragment") {
-      return t.jsxFragment(
-        t.jsxOpeningFragment(),
-        t.jsxClosingFragment(),
-        children
-      );
-    }
-    const selfClosing = children.length === 0;
-    const startTag = t.jsxOpeningElement(name, props, selfClosing);
-    startTag.loc = node.loc;
-    const endTag = selfClosing ? null : t.jsxClosingElement(name);
-    return t.jsxElement(startTag, endTag, children, selfClosing);
-  }
-  function getJSXName(node) {
-    if (node == null) {
-      return null;
-    }
-    const name = getJSXIdentifier(node, true);
-    if (name != null) {
-      return name;
-    }
-    if (!t.isMemberExpression(node)) {
-      return null;
-    }
-    const object = getJSXName(node.object);
-    const property = getJSXName(node.property);
-    if (object == null || property == null) {
-      return null;
-    }
-    return t.jsxMemberExpression(object, property);
-  }
-  function getJSXProps(node) {
-    if (node == null || isNullLikeNode(node)) {
-      return [];
-    }
-    if (t.isCallExpression(node) && t.isIdentifier(node.callee, { name: "_extends" })) {
-      const props = node.arguments.map(getJSXProps);
-      if (props.every((prop) => prop != null)) {
-        return [].concat(...props);
-      }
-    }
-    if (!t.isObjectExpression(node) && t.isExpression(node))
-      return [t.jsxSpreadAttribute(node)];
-    if (!isPlainObjectExpression(node)) {
-      return null;
-    }
-    return node.properties.map(
-      (prop) => t.isObjectProperty(prop) ? t.jsxAttribute(
-        getJSXIdentifier(prop.key),
-        getJSXAttributeValue(prop.value)
-      ) : t.jsxSpreadAttribute(prop.argument)
-    ).filter(
-      (prop) => t.isJSXIdentifier(prop.name) ? prop.name.name !== "__self" && prop.name.name !== "__source" : true
-    );
-  }
-  function getJSXChild(node) {
-    if (t.isStringLiteral(node)) {
-      return t.jsxText(node.value);
-    }
-    if (isReactCreateElement(node)) {
-      return getJSXNode(node);
-    }
-    if (t.isExpression(node)) {
-      return t.jsxExpressionContainer(node);
-    }
-    return null;
-  }
-  function getJSXChildren(nodes) {
-    const children = nodes.filter((node) => !isNullLikeNode(node)).map(getJSXChild);
-    if (children.some((child) => child == null)) {
-      return null;
-    }
-    return children;
-  }
-  function getJSXIdentifier(node, tag = false) {
-    if (t.isIdentifier(node) && (!tag || node.name.match(/^[A-Z]/))) {
-      return t.jsxIdentifier(node.name);
-    }
-    if (t.isStringLiteral(node)) {
-      return t.jsxIdentifier(node.value);
-    }
-    return null;
-  }
-  function getJSXAttributeValue(node) {
-    if (t.isStringLiteral(node)) {
-      return node;
-    }
-    if (t.isJSXElement(node)) {
-      return node;
-    }
-    if (t.isExpression(node)) {
-      return t.jsxExpressionContainer(node);
-    }
-    return null;
-  }
-  const isReactCreateElement = (node) => t.isCallExpression(node) && t.isMemberExpression(node.callee) && t.isIdentifier(node.callee.object, { name: reactAlias }) && t.isIdentifier(node.callee.property, { name: "createElement" }) && !node.callee.computed;
-  const isNullLikeNode = (node) => t.isNullLiteral(node) || t.isIdentifier(node, { name: "undefined" });
-  const isPlainObjectExpression = (node) => t.isObjectExpression(node) && node.properties.every(
-    (property) => t.isSpreadElement(property) || t.isObjectProperty(property, { computed: false }) && getJSXIdentifier(property.key) != null && getJSXAttributeValue(property.value) != null
-  );
-  return {
-    visitor: {
-      CallExpression(path) {
-        const node = getJSXNode(path.node);
-        if (node == null) {
-          return null;
-        }
-        path.replaceWith(node);
-      }
-    }
-  };
-}
-
-export { babelRestoreJsx as default };

package/src/babel.d.ts

@@ -1,4 +0,0 @@
-declare module '@babel/plugin-transform-react-jsx'
-declare module '@babel/plugin-transform-react-jsx-self'
-declare module '@babel/plugin-transform-react-jsx-source'
-declare module 'react-refresh/babel.js'

package/src/fast-refresh.ts

@@ -1,155 +0,0 @@
-import fs from 'node:fs'
-import path from 'node:path'
-import { createRequire } from 'node:module'
-import type { types as t } from '@babel/core'
-
-export const runtimePublicPath = '/@react-refresh'
-
-const _require = createRequire(import.meta.url)
-const reactRefreshDir = path.dirname(
-  _require.resolve('react-refresh/package.json')
-)
-const runtimeFilePath = path.join(
-  reactRefreshDir,
-  'cjs/react-refresh-runtime.development.js'
-)
-
-export const runtimeCode = `
-const exports = {}
-${fs.readFileSync(runtimeFilePath, 'utf-8')}
-function debounce(fn, delay) {
-  let handle
-  return () => {
-    clearTimeout(handle)
-    handle = setTimeout(fn, delay)
-  }
-}
-exports.performReactRefresh = debounce(exports.performReactRefresh, 16)
-export default exports
-`
-
-export const preambleCode = `
-import RefreshRuntime from "__BASE__${runtimePublicPath.slice(1)}"
-RefreshRuntime.injectIntoGlobalHook(window)
-window.$RefreshReg$ = () => {}
-window.$RefreshSig$ = () => (type) => type
-window.__vite_plugin_react_preamble_installed__ = true
-`
-
-const header = `
-import RefreshRuntime from "${runtimePublicPath}";
-
-let prevRefreshReg;
-let prevRefreshSig;
-
-if (import.meta.hot) {
-  if (!window.__vite_plugin_react_preamble_installed__) {
-    throw new Error(
-      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +
-      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"
-    );
-  }
-
-  prevRefreshReg = window.$RefreshReg$;
-  prevRefreshSig = window.$RefreshSig$;
-  window.$RefreshReg$ = (type, id) => {
-    RefreshRuntime.register(type, __SOURCE__ + " " + id)
-  };
-  window.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
-}`.replace(/[\n]+/gm, '')
-
-const timeout = `
-  if (!window.__vite_plugin_react_timeout) {
-    window.__vite_plugin_react_timeout = setTimeout(() => {
-      window.__vite_plugin_react_timeout = 0;
-      RefreshRuntime.performReactRefresh();
-    }, 30);
-  }
-`
-
-const footer = `
-if (import.meta.hot) {
-  window.$RefreshReg$ = prevRefreshReg;
-  window.$RefreshSig$ = prevRefreshSig;
-
-  __ACCEPT__
-}`
-
-const checkAndAccept = `
-function isReactRefreshBoundary(mod) {
-  if (mod == null || typeof mod !== 'object') {
-    return false;
-  }
-  let hasExports = false;
-  let areAllExportsComponents = true;
-  for (const exportName in mod) {
-    hasExports = true;
-    if (exportName === '__esModule') {
-      continue;
-    }
-    const desc = Object.getOwnPropertyDescriptor(mod, exportName);
-    if (desc && desc.get) {
-      // Don't invoke getters as they may have side effects.
-      return false;
-    }
-    const exportValue = mod[exportName];
-    if (!RefreshRuntime.isLikelyComponentType(exportValue)) {
-      areAllExportsComponents = false;
-    }
-  }
-  return hasExports && areAllExportsComponents;
-}
-
-import.meta.hot.accept(mod => {
-  if (isReactRefreshBoundary(mod)) {
-    ${timeout}
-  } else {
-    import.meta.hot.invalidate();
-  }
-});
-`
-
-export function addRefreshWrapper(
-  code: string,
-  id: string,
-  accept: boolean
-): string {
-  return (
-    header.replace('__SOURCE__', JSON.stringify(id)) +
-    code +
-    footer.replace('__ACCEPT__', accept ? checkAndAccept : timeout)
-  )
-}
-
-export function isRefreshBoundary(ast: t.File): boolean {
-  // Every export must be a potential React component.
-  // We'll also perform a runtime check that's more robust as well (isLikelyComponentType).
-  return ast.program.body.every((node) => {
-    if (node.type !== 'ExportNamedDeclaration') {
-      return true
-    }
-    const { declaration, specifiers } = node
-    if (declaration) {
-      if (declaration.type === 'ClassDeclaration') return false
-      if (declaration.type === 'VariableDeclaration') {
-        return declaration.declarations.every((variable) =>
-          isComponentLikeIdentifier(variable.id)
-        )
-      }
-      if (declaration.type === 'FunctionDeclaration') {
-        return !!declaration.id && isComponentLikeIdentifier(declaration.id)
-      }
-    }
-    return specifiers.every((spec) => {
-      return isComponentLikeIdentifier(spec.exported)
-    })
-  })
-}
-
-function isComponentLikeIdentifier(node: t.Node): boolean {
-  return node.type === 'Identifier' && isComponentLikeName(node.name)
-}
-
-function isComponentLikeName(name: string): boolean {
-  return typeof name === 'string' && name[0] >= 'A' && name[0] <= 'Z'
-}