📦 Akryum / meteor-vite

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27import { Meteor } from 'meteor/meteor'
import { WebAppInternals } from 'meteor/webapp'
import { getConfig } from 'meteor/vite:bundler/loading/vite-connection-handler'

/**
 * Inject React Refresh snippet into HTML served by Meteor in development mode.
 * Without this snippet, React HMR will not work with Meteor-Vite.
 *
 * {@link https://github.com/Akryum/meteor-vite/issues/29}
 * {@link https://github.com/vitejs/vite-plugin-react/issues/11#discussion_r430879201}
 */
if (Meteor.isDevelopment) {
  WebAppInternals.registerBoilerplateDataCallback('react-preamble', (request, data) => {
    const { host, port } = getConfig()
    data.dynamicHead = data.dynamicHead || ''
    data.dynamicHead += `
<script type="module">
  import RefreshRuntime from "http://${host}:${port}/@react-refresh"
  RefreshRuntime.injectIntoGlobalHook(window)
  window.$RefreshReg$ = () => {}
  window.$RefreshSig$ = () => (type) => type
  window.__vite_plugin_react_preamble_installed__ = true
</script>
    `
  })
}