merge rollup-plugin-svelte-hmr in this project

Author: rixo

hmr/hot-api/nollup.js

@@ -0,0 +1,56 @@
+import { makeApplyHmr } from 'svelte-hmr/runtime';
+
+const g = typeof window !== 'undefined' ? window : global;
+
+if (!g.__ROLLUP_PLUGIN_SVELTE_HMR) {
+	g.__ROLLUP_PLUGIN_SVELTE_HMR = {};
+}
+
+export const applyHmr = makeApplyHmr(args => {
+	const { m, id, hotOptions, reload } = args;
+
+	const globState = g.__ROLLUP_PLUGIN_SVELTE_HMR;
+
+	const hotState = (globState[id] = globState[id] || { declined: false });
+
+	if (hotState.declined) {
+		if (!hotOptions.noReload) {
+			reload();
+		} else {
+			// eslint-disable-next-line no-console
+			console.log('[HMR][Svelte] Full reload required');
+		}
+	}
+
+	const dispose = handler => {
+		m.hot.dispose(() => {
+			if (!hotState.data) {
+				hotState.data = {};
+			}
+			handler(hotState.data);
+		});
+	};
+
+	// TODO not used anymore... remove?
+	// eslint-disable-next-line no-unused-vars
+	const decline = () => {
+		hotState.declined = true;
+	};
+
+	const accept = handler => {
+		m.hot.accept(() => {
+			require(m.id);
+			if (handler) {
+				handler();
+			}
+		});
+	};
+
+	const hot = {
+		data: hotState.data,
+		dispose,
+		accept,
+	};
+
+	return Object.assign({}, args, { hot });
+});

hmr/hot-api/rollup.js

@@ -0,0 +1,7 @@
+import { makeApplyHmr } from 'svelte-hmr/runtime';
+
+export const applyHmr = makeApplyHmr(args =>
+	Object.assign({}, args, {
+		hot: args.m.hot,
+	})
+);

hmr/index.js

@@ -0,0 +1,126 @@
+const path = require('path');
+const { createFilter } = require('rollup-pluginutils');
+const { createMakeHot } = require('svelte-hmr');
+
+const hotApiAlias = 'rollup-plugin-svelte-hmr/_/hot-api';
+
+const svelteHmr = (options = {}) => {
+	const { hot = true, nollup = false, patchSapperDevClient = false } = options;
+
+	const filter = createFilter('**/*.svelte', []);
+
+	const hotApiPath = `${__dirname}/hot-api/${nollup ? 'nollup' : 'rollup'}.js`;
+	const hotApi = path.resolve(hotApiPath);
+	const makeHot = createMakeHot(hotApi, {
+		meta: nollup ? 'module' : 'import.meta',
+	});
+	const aliases = {
+		[hotApiAlias]: hotApi,
+	};
+
+	function _transform(code, id, compiled) {
+		if (!hot) return;
+		if (!filter(id)) return;
+
+		this.addWatchFile(hotApi);
+
+		const transformed = makeHot(id, code, options, compiled);
+
+		return transformed;
+	}
+
+	let fs;
+	const _setFs = _fs => {
+		fs = _fs;
+	};
+
+	const resolveId = (target, from) => {
+		const alias = aliases[target];
+		if (alias) {
+			return alias;
+		}
+		if (patchSapperDevClient) {
+			if (/\/sapper-dev-client.js$/.test(target)) {
+				return path.join(__dirname, 'sapper-dev-client.js');
+			}
+		}
+		if (fs) {
+			const name = path.join(path.dirname(from), target);
+			const extensions = ['.js', '.svelte'];
+			for (const ext of extensions) {
+				const filename = name + ext;
+				if (fs.existsSync(filename) && fs.lstatSync(filename).isFile()) {
+					return filename;
+				}
+			}
+		}
+	};
+
+	function load(id) {
+		if (!fs) return;
+		return new Promise((resolve, reject) => {
+			fs.readFile(id, 'utf8', (err, contents) => {
+				if (err) reject(err);
+				else resolve(contents);
+			});
+		});
+	}
+
+	// We need to pass _after_ Nollup's HMR plugin, that registers itself last.
+	const nollupBundleInit = () => `
+    const init = () => {
+      if (typeof window === 'undefined') return
+      if (!window.__hot) return
+      if (!window.__hot.addErrorHandler) return
+      window.__hot.addErrorHandler(
+        err => {
+          const adapter = window.__SVELTE_HMR_ADAPTER
+          if (adapter && adapter.renderCompileError) {
+            adapter.renderCompileError(err)
+          }
+        }
+      )
+    }
+    setTimeout(init)
+  `;
+
+	const listeners = {
+		generateBundle: [],
+		renderError: [],
+	};
+
+	const addListener = type => listener => {
+		listeners[type].push(listener);
+	};
+
+	const fire = type => (...args) => {
+		listeners[type].forEach(listener => listener(...args));
+	};
+
+	const generateBundle = fire('generateBundle');
+	const renderError = fire('renderError');
+
+	const _onBundleGenerated = addListener('generateBundle');
+
+	const _onRenderError = addListener('renderError');
+
+	return {
+		name: 'svelte-hmr',
+		nollupBundleInit,
+		resolveId,
+		load,
+		generateBundle,
+		renderError,
+		transform(code, id) {
+			return _transform.call(this, code, id);
+		},
+		// used by rollup-plugin-svelte
+		_transform,
+		// used by test driver
+		_setFs,
+		_onBundleGenerated,
+		_onRenderError,
+	};
+};
+
+module.exports = svelteHmr;

hmr/sapper-dev-client.js

@@ -0,0 +1,11 @@
+/**
+ * FIXME
+ *
+ * We need to use a custom sapper dev client currently, because the official
+ * one does not support our "hot API" (only webpack-style, when it sees rollup,
+ * it does force reloads).
+ */
+export function connect() {
+	// eslint-disable-next-line no-console
+	console.log('[SAPPER] dev client: bails out in favor of Rollup HMR');
+}

index.js

@@ -3,7 +3,7 @@ const path = require('path');
 const relative = require('require-relative');
 const { createFilter } = require('rollup-pluginutils');
 const { encode, decode } = require('sourcemap-codec');
-const svelteHmr = require('rollup-plugin-svelte-hmr');
+const svelteHmr = require('./hmr');
 
 const {
 	major_version,

package.json

@@ -39,9 +39,9 @@
   },
   "dependencies": {
     "require-relative": "^0.8.7",
-    "rollup-plugin-svelte-hmr": "^0.0.14",
-    "rollup-pluginutils": "^2.3.3",
-    "sourcemap-codec": "^1.4.4"
+    "rollup-pluginutils": "^2.8.2",
+    "sourcemap-codec": "^1.4.4",
+    "svelte-hmr": "^0.0.9"
   },
   "optionalDependencies": {
     "nollup": ">=0.7.7"

yarn.lock

@@ -1607,14 +1607,7 @@ rimraf@^2.5.2, rimraf@^2.6.1:
   dependencies:
     glob "^7.1.3"
 
-rollup-plugin-svelte-hmr@^0.0.14:
-  version "0.0.14"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-svelte-hmr/-/rollup-plugin-svelte-hmr-0.0.14.tgz#60afdacc7ad3129b96da03e16c4884a5b138f33d"
-  dependencies:
-    rollup-pluginutils "^2.8.2"
-    svelte-hmr "^0.0.9"
-
-rollup-pluginutils@^2.3.3, rollup-pluginutils@^2.8.2:
+rollup-pluginutils@^2.8.2:
   version "2.8.2"
   resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e"
   dependencies: