rollback svelte/environment

.eslintignore

@@ -10,7 +10,6 @@ internal_exports.ts
 # output files
 animate/*.js
 easing/*.js
-environment/*.js
 internal/*.js
 interpolate/*.js
 motion/*.js

.gitignore

@@ -9,7 +9,6 @@ node_modules
 
 /animate
 /easing
-/environment
 /internal
 /interpolate
 /motion

environment/index.d.ts

@@ -0,0 +1 @@
+export * from '../types/runtime/environment/index';

environment/index.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function noop() {}
+const is_browser = typeof window !== 'undefined';
+const is_iframe = is_browser && window.self !== window.top;
+const is_cors =
+	is_iframe &&
+	/*#__PURE__*/ (() => {
+		try {
+			if (window.parent) void window.parent.document;
+			return false;
+		} catch (error) {
+			return true;
+		}
+	})();
+const has_Symbol = typeof Symbol === 'function';
+/* eslint-disable no-var */
+
+const globals = is_browser ? window : typeof globalThis !== 'undefined' ? globalThis : global;
+const resolved_promise = Promise.resolve();
+
+exports.now = is_browser ? window.performance.now.bind(window.performance) : Date.now.bind(Date);
+exports.raf = is_browser ? requestAnimationFrame : noop;
+exports.framerate = 1000 / 60;
+
+/* tests only */
+const set_now = (v) => void (exports.now = v);
+const set_raf = (fn) => void (exports.raf = fn);
+const set_framerate = (v) => void (exports.framerate = v);
+
+exports.globals = globals;
+exports.has_Symbol = has_Symbol;
+exports.is_browser = is_browser;
+exports.is_cors = is_cors;
+exports.is_iframe = is_iframe;
+exports.noop = noop;
+exports.resolved_promise = resolved_promise;
+exports.set_framerate = set_framerate;
+exports.set_now = set_now;
+exports.set_raf = set_raf;

environment/index.mjs

@@ -0,0 +1,29 @@
+function noop() {}
+const is_browser = typeof window !== 'undefined';
+const is_iframe = is_browser && window.self !== window.top;
+const is_cors =
+	is_iframe &&
+	/*#__PURE__*/ (() => {
+		try {
+			if (window.parent) void window.parent.document;
+			return false;
+		} catch (error) {
+			return true;
+		}
+	})();
+const has_Symbol = typeof Symbol === 'function';
+/* eslint-disable no-var */
+
+const globals = is_browser ? window : typeof globalThis !== 'undefined' ? globalThis : global;
+const resolved_promise = Promise.resolve();
+
+let now = is_browser ? window.performance.now.bind(window.performance) : Date.now.bind(Date);
+let raf = is_browser ? requestAnimationFrame : noop;
+let framerate = 1000 / 60;
+
+/* tests only */
+const set_now = (v) => void (now = v);
+const set_raf = (fn) => void (raf = fn);
+const set_framerate = (v) => void (framerate = v);
+
+export { framerate, globals, has_Symbol, is_browser, is_cors, is_iframe, noop, now, raf, resolved_promise, set_framerate, set_now, set_raf };

environment/package.json

@@ -0,0 +1,5 @@
+{
+										"main": "./index",
+										"module": "./index.mjs",
+										"types": "./index.d.ts"
+									}

package.json

@@ -8,7 +8,6 @@
 		"animate",
 		"dev",
 		"easing",
-		"environment",
 		"internal",
 		"interpolate",
 		"motion",

site/content/examples/08-motion/01-spring/App.svelte

@@ -1,17 +1,17 @@
 <script>
-  import { spring } from "svelte/motion";
+	import { spring } from 'svelte/motion';
-  import { framerate } from "svelte/environment";
+	import { derived } from 'svelte/store';
-  import { derived } from "svelte/store";
 
+	let framerate = 16.666;
+	requestAnimationFrame((a) => {
+		requestAnimationFrame((b) => {
+			framerate = b - a;
+		});
+	});
 	const s = spring(50);
 	let prev_time = now();
 	let prev_value = 50;
-  const velocity = derived(
+	const velocity = derived(s, (v) => (-prev_value + (prev_value = v)) / (-prev_time + (prev_time = now())), 0.0);
-    s,
-    (v) =>
-      (-prev_value + (prev_value = v)) / (-prev_time + (prev_time = now())),
-    0.0
-  );
 	let l_time;
 	$: canvas && Draw($velocity, $s);
 	let { mass, stiffness, damping, soft } = s;
@@ -27,22 +27,14 @@
 		if (soft || 1 <= damping / (2.0 * Math.sqrt(stiffness * mass))) {
 			const angular_frequency = -Math.sqrt(stiffness / mass);
 			solver = (t) =>
-        target_ -
+				target_ - (delta + t * (-angular_frequency * delta - prev_velocity)) * Math.exp(t * angular_frequency);
-        (delta + t * (-angular_frequency * delta - prev_velocity)) *
-          Math.exp(t * angular_frequency);
 		} else {
-      const damping_frequency = Math.sqrt(
+			const damping_frequency = Math.sqrt(4.0 * mass * stiffness - damping ** 2);
-        4.0 * mass * stiffness - damping ** 2
+			const leftover = (damping * delta - 2.0 * mass * prev_velocity) / damping_frequency;
-      );
-      const leftover =
-        (damping * delta - 2.0 * mass * prev_velocity) / damping_frequency;
 			const dfm = (0.5 * damping_frequency) / mass;
 			const dm = -(0.5 * damping) / mass;
 			let f = 0.0;
-      solver = (t) =>
+			solver = (t) => target_ - (Math.cos((f = t * dfm)) * delta + Math.sin(f) * leftover) * Math.exp(t * dm);
-        target_ -
-        (Math.cos((f = t * dfm)) * delta + Math.sin(f) * leftover) *
-          Math.exp(t * dm);
 		}
 		reset_time = now();
 		s.set((target__ = target));
@@ -57,10 +49,8 @@
 	let last_index;
 	let ctx;
 	const XC = (x) => ((x - min_x) / (max_x - min_x)) * canvas_width;
-  const YC = (y) =>
+	const YC = (y) => canvas_height - ((y - min_y) / (max_y - min_y)) * canvas_height;
-    canvas_height - ((y - min_y) / (max_y - min_y)) * canvas_height;
+	const get_index = (i = 0) => (i + Math.floor((prev_time - start_time) / framerate)) % length;
-  const get_index = (i = 0) =>
-    (i + Math.floor((prev_time - start_time) / framerate)) % length;
 	function Draw() {
 		if (!step) {
 			max_y = canvas_height / 2;
@@ -71,7 +61,7 @@
 			length = Math.floor(max_x / step);
 			canvas_history.length = length;
 			canvas_history.fill(0);
-      ctx = canvas.getContext("2d");
+			ctx = canvas.getContext('2d');
 		}
 		ctx.lineWidth = 12;
 		let offset = (prev_time - reset_time) / 1000;
@@ -83,24 +73,15 @@
 			y = 0,
 			i = start_index + 1;
 		ctx.moveTo(XC(x), YC(y));
-    for (x += step; i <= length; i++)
+		for (x += step; i <= length; i++) ctx.lineTo(XC(x), YC(canvas_history[i])), (x += step);
-      ctx.lineTo(XC(x), YC(canvas_history[i])), (x += step);
+		for (i = 0; i < start_index; i++) ctx.lineTo(XC(x), YC(canvas_history[i])), (x += step);
-    for (i = 0; i < start_index; i++)
+		ctx.lineTo(XC(x), YC((canvas_history[start_index] = canvas_height / 2 - prev_value)));
-      ctx.lineTo(XC(x), YC(canvas_history[i])), (x += step);
-    ctx.lineTo(
-      XC(x),
-      YC((canvas_history[start_index] = canvas_height / 2 - prev_value))
-    );
 		if (Math.abs(prev_value - solver(offset)) > 20) {
 			solve_spring(target__, $velocity);
 			offset = 0;
 		}
 		x = 0;
-    while (x <= max_x)
+		while (x <= max_x) ctx.lineTo(XC((x += step)), canvas_height / 2 - YC(solver(x + step + offset)));
-      ctx.lineTo(
-        XC((x += step)),
-        canvas_height / 2 - YC(solver(x + step + offset))
-      );
 		ctx.stroke();
 	}
 </script>
@@ -135,17 +116,11 @@
 <div style="position: absolute; right: 1em;">
 	<label>
 		<h3>velocity</h3>
-    <progress
+		<progress value={!Number.isNaN($velocity) && Number.isFinite($velocity) && $velocity + 10} min={0} max={20} />
-      value={!Number.isNaN($velocity) && Number.isFinite($velocity) && $velocity + 10}
-      min={0}
-      max={20} />
 	</label>
 	<label>
 		<h3>speed</h3>
-    <progress
+		<progress value={!Number.isNaN($velocity) && Number.isFinite($velocity) && Math.abs($velocity)} min={0} max={20} />
-      value={!Number.isNaN($velocity) && Number.isFinite($velocity) && Math.abs($velocity)}
-      min={0}
-      max={20} />
 	</label>
 	<label>
 		<h3>y {$s.toFixed(0)}</h3>
@@ -176,9 +151,6 @@
 	</label>
 </div>
 <svg>
-  <circle
+	<circle cx={-15 + canvas_width / 2} cy={$s} r={30} />
-    cx={-15+canvas_width / 2}
-    cy={$s}
-    r={30} />
 </svg>
 <canvas bind:this={canvas} width={canvas_width} height={canvas_height} />

src/runtime/internal/Component.ts

@@ -2,7 +2,7 @@ import { add_render_callback, flush, schedule_update } from './scheduler';
 import { current_component, set_current_component } from './lifecycle';
 import { children, detach } from './dom';
 import { transition_in } from './transitions';
-import { noop } from 'svelte/environment';
+import { noop } from './environment';
 type binary = 0 | 1;
 export interface Fragment {
 	key: string | null;

src/runtime/internal/animations.ts

@@ -1,5 +1,5 @@
 import { run_transition } from './transitions';
-import { noop } from 'svelte/environment';
+import { noop } from './environment';
 
 export interface AnimationConfig {
 	delay?: number;

src/runtime/internal/dev.ts

@@ -1,5 +1,5 @@
 import { custom_event, append, insert, detach, listen, attr } from './dom';
-import { has_Symbol } from 'svelte/environment';
+import { has_Symbol } from './environment';
 import { SvelteComponent } from './Component';
 
 export function add_location_dev(element, file, line, column, char) {

src/runtime/internal/dom.ts

@@ -1,4 +1,4 @@
-import { is_cors } from 'svelte/environment';
+import { is_cors } from './environment';
 
 export function append(target: Node, node: Node) {
 	target.appendChild(node);

src/runtime/internal/index.ts

@@ -3,6 +3,7 @@ export * from './await_block';
 export * from './Component';
 export * from './dev';
 export * from './dom';
+export * from './environment';
 export * from './keyed_each';
 export * from './lifecycle';
 export * from './loop';
@@ -13,6 +14,3 @@ export * from './stores';
 // export * from './style_manager'
 export * from './transitions';
 export * from './utils';
-
-// todo: [create_module.ts line 24] allow compiler to import non internal
-export * from '../environment/index';

src/runtime/internal/loop.ts

@@ -1,4 +1,4 @@
-import { now, raf, framerate, noop } from 'svelte/environment';
+import { now, raf, framerate, noop } from './environment';
 type TaskCallback = (t: number) => boolean;
 type TaskCanceller = () => void;
 

src/runtime/internal/scheduler.ts

@@ -1,5 +1,5 @@
 import { set_current_component } from './lifecycle';
-import { resolved_promise, now } from 'svelte/environment';
+import { resolved_promise, now } from './environment';
 import { T$$ } from './Component';
 
 let update_scheduled = false;

src/runtime/internal/stores.ts

@@ -1,6 +1,6 @@
 import { safe_not_equal, subscribe } from './utils';
 import { onEachFrame, loop } from './loop';
-import { noop } from 'svelte/environment';
+import { noop } from './environment';
 type Setter<T> = (value: T) => void;
 type StopCallback = () => void;
 export type StartStopNotifier<T> = (set: Setter<T>) => StopCallback | void;

src/runtime/internal/style_manager.ts

@@ -1,4 +1,4 @@
-import { framerate } from 'svelte/environment';
+import { framerate } from './environment';
 
 let documents_uid = 0;
 let running_animations = 0;

src/runtime/internal/transitions.ts

@@ -1,7 +1,7 @@
 import { TransitionConfig } from '../transition';
 import { Fragment } from './Component';
 import { custom_event } from './dom';
-import { now, noop } from 'svelte/environment';
+import { now, noop } from './environment';
 import { setFrameTimeout, setTweenTimeout } from './loop';
 import { add_measure_callback } from './scheduler';
 import { animate_css } from './style_manager';

src/runtime/internal/utils.ts

@@ -1,4 +1,4 @@
-import { noop } from 'svelte/environment';
+import { noop } from './environment';
 
 export const is_promise = <T = any>(value: any): value is PromiseLike<T> =>
 	value && typeof value === 'object' && typeof value.then === 'function';

test/custom-elements/index.ts

@@ -59,7 +59,6 @@ describe('custom-elements', function () {
 		const solo = /\.solo$/.test(dir);
 		const skip = /\.skip$/.test(dir);
 		const internal = path.resolve('internal/index.mjs');
-		const environment = path.resolve('environment/index.mjs');
 		const index = path.resolve('index.mjs');
 		const warnings = [];
 
@@ -79,9 +78,6 @@ describe('custom-elements', function () {
 							if (importee === 'svelte') {
 								return index;
 							}
-							if (importee === 'svelte/environment' || importee === '../environment') {
-								return environment;
-							}
 						},
 
 						transform(code, id) {

test/runtime/index.ts

@@ -2,8 +2,7 @@ import { relative, resolve } from 'path';
 import { readFileSync, existsSync, unlinkSync, writeFileSync, readdirSync } from 'fs';
 import { rollup } from 'rollup';
 import virtual from '@rollup/plugin-virtual';
-import { clear_loops, flush, SvelteComponent } from '../../internal';
+import { clear_loops, flush, SvelteComponent,set_now, set_raf, set_framerate } from '../../internal';
-import { set_now, set_raf, set_framerate } from '../../environment';
 import { showOutput, loadConfig, loadSvelte, cleanRequireCache, env, setupHtmlEqual, mkdirp } from '../helpers';
 import { glob } from '../tiny-glob';
 import { assert } from '../test';
@@ -255,9 +254,6 @@ describe('runtime', () => {
 						if (importee.startsWith('svelte/')) {
 							return importee.replace('svelte', process.cwd()) + '/index.mjs';
 						}
-						if (importee === '../environment') {
-							return process.cwd() + '/environment/index.mjs';
-						}
 					},
 				},
 			],