svelte 3.43.2 → 3.44.3

package/internal/index.js

@@ -1013,22 +1013,40 @@ function add_render_callback(fn) {
 function add_flush_callback(fn) {
     flush_callbacks.push(fn);
 }
-let flushing = false;
+// flush() calls callbacks in this order:
+// 1. All beforeUpdate callbacks, in order: parents before children
+// 2. All bind:this callbacks, in reverse order: children before parents.
+// 3. All afterUpdate callbacks, in order: parents before children. EXCEPT
+//    for afterUpdates called during the initial onMount, which are called in
+//    reverse order: children before parents.
+// Since callbacks might update component values, which could trigger another
+// call to flush(), the following steps guard against this:
+// 1. During beforeUpdate, any updated components will be added to the
+//    dirty_components array and will cause a reentrant call to flush(). Because
+//    the flush index is kept outside the function, the reentrant call will pick
+//    up where the earlier call left off and go through all dirty components. The
+//    current_component value is saved and restored so that the reentrant call will
+//    not interfere with the "parent" flush() call.
+// 2. bind:this callbacks cannot trigger new flush() calls.
+// 3. During afterUpdate, any updated components will NOT have their afterUpdate
+//    callback called a second time; the seen_callbacks set, outside the flush()
+//    function, guarantees this behavior.
 const seen_callbacks = new Set();
+let flushidx = 0; // Do *not* move this inside the flush() function
 function flush() {
-    if (flushing)
-        return;
-    flushing = true;
+    const saved_component = exports.current_component;
     do {
         // first, call beforeUpdate functions
         // and update components
-        for (let i = 0; i < dirty_components.length; i += 1) {
-            const component = dirty_components[i];
+        while (flushidx < dirty_components.length) {
+            const component = dirty_components[flushidx];
+            flushidx++;
             set_current_component(component);
             update(component.$$);
         }
         set_current_component(null);
         dirty_components.length = 0;
+        flushidx = 0;
         while (binding_callbacks.length)
             binding_callbacks.pop()();
         // then, once components are updated, call
@@ -1048,8 +1066,8 @@ function flush() {
         flush_callbacks.pop()();
     }
     update_scheduled = false;
-    flushing = false;
     seen_callbacks.clear();
+    set_current_component(saved_component);
 }
 function update($$) {
     if ($$.fragment !== null) {
@@ -1898,7 +1916,7 @@ class SvelteComponent {
 }
 
 function dispatch_dev(type, detail) {
-    document.dispatchEvent(custom_event(type, Object.assign({ version: '3.43.2' }, detail), true));
+    document.dispatchEvent(custom_event(type, Object.assign({ version: '3.44.3' }, detail), true));
 }
 function append_dev(target, node) {
     dispatch_dev('SvelteDOMInsert', { target, node });

package/internal/index.mjs

@@ -1010,22 +1010,40 @@ function add_render_callback(fn) {
 function add_flush_callback(fn) {
     flush_callbacks.push(fn);
 }
-let flushing = false;
+// flush() calls callbacks in this order:
+// 1. All beforeUpdate callbacks, in order: parents before children
+// 2. All bind:this callbacks, in reverse order: children before parents.
+// 3. All afterUpdate callbacks, in order: parents before children. EXCEPT
+//    for afterUpdates called during the initial onMount, which are called in
+//    reverse order: children before parents.
+// Since callbacks might update component values, which could trigger another
+// call to flush(), the following steps guard against this:
+// 1. During beforeUpdate, any updated components will be added to the
+//    dirty_components array and will cause a reentrant call to flush(). Because
+//    the flush index is kept outside the function, the reentrant call will pick
+//    up where the earlier call left off and go through all dirty components. The
+//    current_component value is saved and restored so that the reentrant call will
+//    not interfere with the "parent" flush() call.
+// 2. bind:this callbacks cannot trigger new flush() calls.
+// 3. During afterUpdate, any updated components will NOT have their afterUpdate
+//    callback called a second time; the seen_callbacks set, outside the flush()
+//    function, guarantees this behavior.
 const seen_callbacks = new Set();
+let flushidx = 0; // Do *not* move this inside the flush() function
 function flush() {
-    if (flushing)
-        return;
-    flushing = true;
+    const saved_component = current_component;
     do {
         // first, call beforeUpdate functions
         // and update components
-        for (let i = 0; i < dirty_components.length; i += 1) {
-            const component = dirty_components[i];
+        while (flushidx < dirty_components.length) {
+            const component = dirty_components[flushidx];
+            flushidx++;
             set_current_component(component);
             update(component.$$);
         }
         set_current_component(null);
         dirty_components.length = 0;
+        flushidx = 0;
         while (binding_callbacks.length)
             binding_callbacks.pop()();
         // then, once components are updated, call
@@ -1045,8 +1063,8 @@ function flush() {
         flush_callbacks.pop()();
     }
     update_scheduled = false;
-    flushing = false;
     seen_callbacks.clear();
+    set_current_component(saved_component);
 }
 function update($$) {
     if ($$.fragment !== null) {
@@ -1896,7 +1914,7 @@ class SvelteComponent {
 }
 
 function dispatch_dev(type, detail) {
-    document.dispatchEvent(custom_event(type, Object.assign({ version: '3.43.2' }, detail), true));
+    document.dispatchEvent(custom_event(type, Object.assign({ version: '3.44.3' }, detail), true));
 }
 function append_dev(target, node) {
     dispatch_dev('SvelteDOMInsert', { target, node });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte",
-  "version": "3.43.2",
+  "version": "3.44.3",
   "description": "Cybernetically enhanced web apps",
   "module": "index.mjs",
   "main": "index",
@@ -22,6 +22,11 @@
   "exports": {
     "./package.json": "./package.json",
     ".": {
+      "types": "./types/runtime/index.d.ts",
+      "browser": {
+        "import": "./index.mjs",
+        "require": "./index.js"
+      },
       "node": {
         "import": "./ssr.mjs",
         "require": "./ssr.js"
@@ -30,22 +35,27 @@
       "require": "./index.js"
     },
     "./compiler": {
+      "types": "./types/compiler/index.d.ts",
       "import": "./compiler.mjs",
       "require": "./compiler.js"
     },
     "./animate": {
+      "types": "./types/runtime/animate/index.d.ts",
       "import": "./animate/index.mjs",
       "require": "./animate/index.js"
     },
     "./easing": {
+      "types": "./types/runtime/easing/index.d.ts",
       "import": "./easing/index.mjs",
       "require": "./easing/index.js"
     },
     "./internal": {
+      "types": "./types/runtime/internal/index.d.ts",
       "import": "./internal/index.mjs",
       "require": "./internal/index.js"
     },
     "./motion": {
+      "types": "./types/runtime/motion/index.d.ts",
       "import": "./motion/index.mjs",
       "require": "./motion/index.js"
     },
@@ -53,14 +63,17 @@
       "require": "./register.js"
     },
     "./store": {
+      "types": "./types/runtime/store/index.d.ts",
       "import": "./store/index.mjs",
       "require": "./store/index.js"
     },
     "./transition": {
+      "types": "./types/runtime/transition/index.d.ts",
       "import": "./transition/index.mjs",
       "require": "./transition/index.js"
     },
     "./ssr": {
+      "types": "./types/runtime/index.d.ts",
       "import": "./ssr.mjs",
       "require": "./ssr.js"
     }
@@ -119,7 +132,7 @@
     "acorn": "^8.4.1",
     "agadoo": "^1.1.0",
     "c8": "^5.0.1",
-    "code-red": "^0.2.2",
+    "code-red": "^0.2.3",
     "codecov": "^3.5.0",
     "css-tree": "^1.1.2",
     "eslint": "^7.32.0",

package/types/compiler/compile/Component.d.ts

@@ -5,7 +5,7 @@ import Fragment from './nodes/Fragment';
 import { Ast, CompileOptions, Var, Warning, CssResult } from '../interfaces';
 import TemplateScope from './nodes/shared/TemplateScope';
 import Slot from './nodes/Slot';
-import { Node, ImportDeclaration, ExportNamedDeclaration, Identifier } from 'estree';
+import { Node, ImportDeclaration, ExportNamedDeclaration, Identifier, FunctionDeclaration } from 'estree';
 import Element from './nodes/Element';
 interface ComponentOptions {
     namespace?: string;
@@ -104,7 +104,7 @@ export default class Component {
         message: string;
     }): void;
     extract_imports(node: any): void;
-    extract_exports(node: any, module_script?: boolean): void | import("estree").FunctionDeclaration | import("estree").VariableDeclaration | import("estree").ClassDeclaration;
+    extract_exports(node: any, module_script?: boolean): void | FunctionDeclaration | import("estree").VariableDeclaration | import("estree").ClassDeclaration;
     private _extract_exports;
     extract_javascript(script: any): any;
     walk_module_js(): void;

package/types/compiler/compile/utils/check_enable_sourcemap.d.ts

@@ -0,0 +1,2 @@
+import { EnableSourcemap } from '../../interfaces';
+export default function check_enable_sourcemap(enable_sourcemap: EnableSourcemap, namespace: keyof Extract<EnableSourcemap, object>): boolean;

package/types/compiler/interfaces.d.ts

@@ -101,6 +101,10 @@ export interface Warning {
     toString: () => string;
 }
 export declare type ModuleFormat = 'esm' | 'cjs';
+export declare type EnableSourcemap = boolean | {
+    js: boolean;
+    css: boolean;
+};
 export declare type CssHashGetter = (args: {
     name: string;
     filename: string | undefined;
@@ -115,6 +119,7 @@ export interface CompileOptions {
     errorMode?: 'throw' | 'warn';
     varsReport?: 'full' | 'strict' | false;
     sourcemap?: object | string;
+    enableSourcemap?: EnableSourcemap;
     outputFilename?: string;
     cssOutputFilename?: string;
     sveltePath?: string;

package/types/compiler/preprocess/types.d.ts

@@ -6,8 +6,8 @@ export interface Processed {
 }
 export declare type MarkupPreprocessor = (options: {
     content: string;
-    filename: string;
-}) => Processed | Promise<Processed>;
+    filename?: string;
+}) => Processed | void | Promise<Processed | void>;
 export declare type Preprocessor = (options: {
     /**
      * The script/style tag content
@@ -19,7 +19,7 @@ export declare type Preprocessor = (options: {
      */
     markup: string;
     filename?: string;
-}) => Processed | Promise<Processed>;
+}) => Processed | void | Promise<Processed | void>;
 export interface PreprocessorGroup {
     markup?: MarkupPreprocessor;
     style?: Preprocessor;

package/types/compiler/utils/patterns.d.ts

@@ -1,2 +1,4 @@
 export declare const whitespace: RegExp;
+export declare const start_whitespace: RegExp;
+export declare const end_whitespace: RegExp;
 export declare const dimensions: RegExp;

package/types/runtime/transition/index.d.ts

@@ -59,6 +59,8 @@ export interface CrossfadeParams {
 }
 export declare function crossfade({ fallback, ...defaults }: CrossfadeParams & {
     fallback?: (node: Element, params: CrossfadeParams, intro: boolean) => TransitionConfig;
-}): ((node: Element, params: CrossfadeParams & {
+}): [(node: Element, params: CrossfadeParams & {
     key: any;
-}) => () => TransitionConfig)[];
+}) => () => TransitionConfig, (node: Element, params: CrossfadeParams & {
+    key: any;
+}) => () => TransitionConfig];