msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

emit classes

Browse Source
pull/1359/head
Rich Harris 8 years ago
parent c84bd85167
commit 45b43e4828
83 changed files with 5096 additions and 3715 deletions
Show Stats Download Patch File Download Diff File

27
src/generators/dom/index.ts
Unescape View File

@ -2,7 +2,7 @@ import MagicString from 'magic-string';
import isReference from 'is-reference';
import { parseExpressionAt } from 'acorn';
import annotateWithScopes from '../../utils/annotateWithScopes';
import { walk } from 'estree-walker';
import { walk, childKeys } from 'estree-walker';
import deindent from '../../utils/deindent';
import { stringify, escape } from '../../utils/stringify';
import CodeBuilder from '../../utils/CodeBuilder';
@ -136,7 +136,7 @@ export default function dom(
let prototypeBase = `${name}.prototype`;
const proto = sharedPath
? `@proto`
? `@Component.prototype`
: deindent`
{
${['destroy', 'get', 'fire', 'on', 'set', '_set', '_mount', '_unmount', '_differs']
@ -174,7 +174,6 @@ export default function dom(
${options.dev && `this._debugName = '${debugName}';`}
${options.dev && !generator.customElement &&
`if (!options || (!options.target && !options.root)) throw new Error("'target' is a required option");`}
@init(this, options);
${templateProperties.store && `this.store = %store();`}
${generator.usesRefs && `this.refs = {};`}
this._state = ${initialState.reduce((state, piece) => `@assign(${state}, ${piece})`)};
@ -332,13 +331,16 @@ export default function dom(
});
`);
} else {
// TODO put methods in class body
builder.addBlock(deindent`
function ${name}(options) {
class ${name} extends @Component {
constructor(options) {
super(options);
${constructorBody}
}
}
@assign(${prototypeBase}, ${proto});
${templateProperties.methods && `@assign(${prototypeBase}, %methods);`}
${templateProperties.methods && `@assign(${name}.prototype, %methods);`}
`);
}
@ -402,6 +404,10 @@ export default function dom(
} else {
let inlineHelpers = '';
// super gross hack to ensure Component isn't declared before its superclass
usedHelpers.delete('Component');
usedHelpers.add('Thing').add('Component');
usedHelpers.forEach(key => {
const str = shared[key];
const code = new MagicString(str);
@ -424,10 +430,11 @@ export default function dom(
usedHelpers.add(dependency);
const alias = generator.alias(dependency);
if (alias !== node.name)
if (alias !== node.name) {
code.overwrite(node.start, node.end, alias);
}
}
}
},
leave(node: Node) {
@ -439,17 +446,17 @@ export default function dom(
// special case
const global = `_svelteTransitionManager`;
inlineHelpers += `\n\nvar ${generator.alias('transitionManager')} = window.${global} || (window.${global} = ${code});\n\n`;
inlineHelpers += `var ${generator.alias('transitionManager')} = window.${global} || (window.${global} = ${code});\n\n`;
} else {
const alias = generator.alias(expression.id.name);
if (alias !== expression.id.name)
code.overwrite(expression.id.start, expression.id.end, alias);
inlineHelpers += `\n\n${code}`;
inlineHelpers += `${code}\n\n`;
}
});
result += inlineHelpers;
result = inlineHelpers + result;
}
const filename = options.filename && (

163
src/shared/index.js
Unescape View File

@ -10,38 +10,18 @@ export function blankObject() {
return Object.create(null);
}
export function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
export function destroyDev(detach) {
destroy.call(this, detach);
this.destroy = function() {
console.warn('Component was already destroyed');
};
}
export function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
}
export function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
// TODO need to think of a suitable name for this
export class Thing {
constructor() {
this._handlers = blankObject();
}
export function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -51,36 +31,48 @@ export function fire(eventName, data) {
}
}
export function get() {
get() {
return this._state;
}
export function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
export function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
export function run(fn) {
fn();
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
export class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
export function set(newState) {
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -90,48 +82,67 @@ export function set(newState) {
this.root._lock = false;
}
export function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
this.fire("update", { changed, current: this._state, previous });
}
}
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
export class ComponentDev extends Component {
destroy(detach) {
super.destroy(detach);
this.destroy = () => {
console.warn('Component was already destroyed');
};
}
export function setDev(newState) {
set(newState) {
if (typeof newState !== 'object') {
throw new Error(
this._debugName + '.set was called without an object of data key-values to update.'
);
throw new Error(`${this._debugName}.set was called without an object of data key-values to update.`);
}
this._checkReadOnly(newState);
set.call(this, newState);
super.set(newState);
}
}
export function callAll(fns) {
while (fns && fns.length) fns.shift()();
export function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
export function _mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
export function run(fn) {
fn();
}
export function _unmount() {
if (this._fragment) this._fragment.u();
export function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
export function isPromise(value) {
@ -145,29 +156,3 @@ export var FAILURE = {};
export function removeFromStore() {
this.store._remove(this);
}
export var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
export var protoDev = {
destroy: destroyDev,
get,
fire,
on,
set: setDev,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};

138
store.js
Unescape View File

@ -1,81 +1,24 @@
import {
Thing,
assign,
blankObject,
_differs,
_differsImmutable,
get,
on,
fire
_differsImmutable
} from './shared.js';
function Store(state, options) {
this._handlers = {};
class Store extends Thing {
constructor(state, options) {
super();
this._dependents = [];
this._computed = blankObject();
this._sortedComputedProperties = [];
this._state = assign({}, state);
this._differs = options && options.immutable ? _differsImmutable : _differs;
}
assign(Store.prototype, {
_add: function(component, props) {
this._dependents.push({
component: component,
props: props
});
},
_init: function(props) {
var state = {};
for (var i = 0; i < props.length; i += 1) {
var prop = props[i];
state['$' + prop] = this._state[prop];
}
return state;
},
_remove: function(component) {
var i = this._dependents.length;
while (i--) {
if (this._dependents[i].component === component) {
this._dependents.splice(i, 1);
return;
}
}
},
_sortComputedProperties: function() {
var computed = this._computed;
var sorted = this._sortedComputedProperties = [];
var cycles;
var visited = blankObject();
function visit(key) {
if (cycles[key]) {
throw new Error('Cyclical dependency detected');
}
if (visited[key]) return;
visited[key] = true;
var c = computed[key];
if (c) {
cycles[key] = true;
c.deps.forEach(visit);
sorted.push(c);
}
if (options && options.immutable) this._differs = _differsImmutable;
}
for (var key in this._computed) {
cycles = blankObject();
visit(key);
}
},
compute: function(key, deps, fn) {
compute(key, deps, fn) {
var store = this;
var value;
@ -102,15 +45,9 @@ assign(Store.prototype, {
this._computed[key] = c;
this._sortComputedProperties();
},
fire: fire,
get: get,
on: on,
}
set: function(newState) {
set(newState) {
var oldState = this._state,
changed = this._changed = {},
dirty = false;
@ -156,6 +93,61 @@ assign(Store.prototype, {
previous: oldState
});
}
_add(component, props) {
this._dependents.push({
component: component,
props: props
});
}
_init(props) {
var state = {};
for (var i = 0; i < props.length; i += 1) {
var prop = props[i];
state['$' + prop] = this._state[prop];
}
return state;
}
_remove(component) {
var i = this._dependents.length;
while (i--) {
if (this._dependents[i].component === component) {
this._dependents.splice(i, 1);
return;
}
}
}
_sortComputedProperties() {
var computed = this._computed;
var sorted = this._sortedComputedProperties = [];
var cycles;
var visited = blankObject();
function visit(key) {
if (cycles[key]) {
throw new Error('Cyclical dependency detected');
}
if (visited[key]) return;
visited[key] = true;
var c = computed[key];
if (c) {
cycles[key] = true;
c.deps.forEach(visit);
sorted.push(c);
}
}
for (var key in this._computed) {
cycles = blankObject();
visit(key);
}
}
}
export { Store };

126
test/js/samples/action/expected-bundle.js
Unescape View File

@ -21,27 +21,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -51,32 +42,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -86,51 +93,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -174,14 +176,15 @@ function create_main_fragment(component, state) {
detachNode(a);
},
d: function destroy$$1() {
d: function destroy() {
if (typeof link_action.destroy === 'function') link_action.destroy.call(component);
}
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -191,7 +194,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

10
test/js/samples/action/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, assign, createElement, detachNode, insertNode, noop } from "svelte/shared.js";
function link(node) {
@ -48,8 +48,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -59,6 +60,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

124
test/js/samples/collapses-text-around-comments/expected-bundle.js
Unescape View File

@ -29,27 +29,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -59,32 +50,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -94,51 +101,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -185,8 +187,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign(data(), options.data);
if (!document.getElementById("svelte-1a7i8ec-style")) add_css();
@ -198,7 +201,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

10
test/js/samples/collapses-text-around-comments/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createElement, createText, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, appendNode, assign, createElement, createText, detachNode, insertNode, noop } from "svelte/shared.js";
function data() {
return { foo: 42 }
@ -45,8 +45,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign(data(), options.data);
if (!document.getElementById("svelte-1a7i8ec-style")) add_css();
@ -58,6 +59,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

130
test/js/samples/component-static-immutable/expected-bundle.js
Unescape View File

@ -9,31 +9,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
}
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -43,32 +30,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -78,51 +81,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -151,14 +149,15 @@ function create_main_fragment(component, state) {
nested._unmount();
},
d: function destroy$$1() {
d: function destroy() {
nested.destroy(false);
}
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
if (!options.root) {
@ -180,8 +179,7 @@ function SvelteComponent(options) {
this._lock = false;
}
}
assign(SvelteComponent.prototype, proto);
}
SvelteComponent.prototype._differs = _differsImmutable;

10
test/js/samples/component-static-immutable/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { _differsImmutable, assign, callAll, init, noop, proto } from "svelte/shared.js";
import { Component, _differsImmutable, assign, callAll, noop } from "svelte/shared.js";
var Nested = window.Nested;
@ -32,8 +32,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
if (!options.root) {
@ -55,8 +56,7 @@ function SvelteComponent(options) {
this._lock = false;
}
}
assign(SvelteComponent.prototype, proto);
}
SvelteComponent.prototype._differs = _differsImmutable;
export default SvelteComponent;

130
test/js/samples/component-static-immutable2/expected-bundle.js
Unescape View File

@ -9,31 +9,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
}
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -43,32 +30,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -78,51 +81,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -151,14 +149,15 @@ function create_main_fragment(component, state) {
nested._unmount();
},
d: function destroy$$1() {
d: function destroy() {
nested.destroy(false);
}
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
if (!options.root) {
@ -180,8 +179,7 @@ function SvelteComponent(options) {
this._lock = false;
}
}
assign(SvelteComponent.prototype, proto);
}
SvelteComponent.prototype._differs = _differsImmutable;

10
test/js/samples/component-static-immutable2/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { _differsImmutable, assign, callAll, init, noop, proto } from "svelte/shared.js";
import { Component, _differsImmutable, assign, callAll, noop } from "svelte/shared.js";
var Nested = window.Nested;
@ -32,8 +32,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
if (!options.root) {
@ -55,8 +56,7 @@ function SvelteComponent(options) {
this._lock = false;
}
}
assign(SvelteComponent.prototype, proto);
}
SvelteComponent.prototype._differs = _differsImmutable;
export default SvelteComponent;

126
test/js/samples/component-static/expected-bundle.js
Unescape View File

@ -9,27 +9,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -39,32 +30,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -74,51 +81,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -147,14 +149,15 @@ function create_main_fragment(component, state) {
nested._unmount();
},
d: function destroy$$1() {
d: function destroy() {
nested.destroy(false);
}
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
if (!options.root) {
@ -176,7 +179,6 @@ function SvelteComponent(options) {
this._lock = false;
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

10
test/js/samples/component-static/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, callAll, init, noop, proto } from "svelte/shared.js";
import { Component, assign, callAll, noop } from "svelte/shared.js";
var Nested = window.Nested;
@ -32,8 +32,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
if (!options.root) {
@ -55,6 +56,5 @@ function SvelteComponent(options) {
this._lock = false;
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

124
test/js/samples/computed-collapsed-if/expected-bundle.js
Unescape View File

@ -9,27 +9,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -39,32 +30,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -74,51 +81,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -145,8 +147,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._recompute({ x: 1 }, this._state);
@ -157,8 +160,7 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
SvelteComponent.prototype._recompute = function _recompute(changed, state) {
if (changed.x) {

10
test/js/samples/computed-collapsed-if/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, init, noop, proto } from "svelte/shared.js";
import { Component, assign, noop } from "svelte/shared.js";
function a({ x }) {
return x * 2;
@ -24,8 +24,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._recompute({ x: 1 }, this._state);
@ -36,8 +37,7 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
SvelteComponent.prototype._recompute = function _recompute(changed, state) {
if (changed.x) {

124
test/js/samples/css-media-query/expected-bundle.js
Unescape View File

@ -25,27 +25,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -55,32 +46,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -90,51 +97,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -172,8 +174,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
if (!document.getElementById("svelte-1slhpfn-style")) add_css();
@ -185,7 +188,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

10
test/js/samples/css-media-query/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createElement, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, appendNode, assign, createElement, detachNode, insertNode, noop } from "svelte/shared.js";
function add_css() {
var style = createElement("style");
@ -35,8 +35,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
if (!document.getElementById("svelte-1slhpfn-style")) add_css();
@ -48,6 +49,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

119
test/js/samples/css-shadow-dom-keyframes/expected-bundle.js
Unescape View File

@ -21,27 +21,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -51,32 +42,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -86,51 +93,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -161,7 +163,6 @@ function create_main_fragment(component, state) {
class SvelteComponent extends HTMLElement {
constructor(options = {}) {
super();
init(this, options);
this._state = assign({}, options.data);
this.attachShadow({ mode: 'open' });
@ -185,7 +186,7 @@ class SvelteComponent extends HTMLElement {
}
customElements.define("custom-element", SvelteComponent);
assign(assign(SvelteComponent.prototype, proto), {
assign(assign(SvelteComponent.prototype, Component.prototype), {
_mount(target, anchor) {
target.insertBefore(this, anchor);
},

5
test/js/samples/css-shadow-dom-keyframes/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, assign, createElement, detachNode, insertNode, noop } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div;
@ -28,7 +28,6 @@ function create_main_fragment(component, state) {
class SvelteComponent extends HTMLElement {
constructor(options = {}) {
super();
init(this, options);
this._state = assign({}, options.data);
this.attachShadow({ mode: 'open' });
@ -52,7 +51,7 @@ class SvelteComponent extends HTMLElement {
}
customElements.define("custom-element", SvelteComponent);
assign(assign(SvelteComponent.prototype, proto), {
assign(assign(SvelteComponent.prototype, Component.prototype), {
_mount(target, anchor) {
target.insertBefore(this, anchor);
},

126
test/js/samples/deconflict-builtins/expected-bundle.js
Unescape View File

@ -39,27 +39,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -69,32 +60,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -104,51 +111,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -220,7 +222,7 @@ function create_main_fragment(component, state) {
detachNode(each_anchor);
},
d: function destroy$$1() {
d: function destroy() {
destroyEach(each_blocks);
}
};
@ -259,8 +261,9 @@ function create_each_block(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -270,7 +273,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

124
test/js/samples/deconflict-builtins/expected-v2.js
Unescape View File

@ -0,0 +1,124 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createComment, createElement, createText, destroyEach, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
function create_main_fragment(component, state) {
var each_anchor;
var each_value = state.createElement;
var each_blocks = [];
for (var i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block(component, assign(assign({}, state), {
each_value: each_value,
node: each_value[i],
node_index: i
}));
}
return {
c: function create() {
for (var i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
each_anchor = createComment();
},
m: function mount(target, anchor) {
for (var i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].m(target, anchor);
}
insertNode(each_anchor, target, anchor);
},
p: function update(changed, state) {
var each_value = state.createElement;
if (changed.createElement) {
for (var i = 0; i < each_value.length; i += 1) {
var each_context = assign(assign({}, state), {
each_value: each_value,
node: each_value[i],
node_index: i
});
if (each_blocks[i]) {
each_blocks[i].p(changed, each_context);
} else {
each_blocks[i] = create_each_block(component, each_context);
each_blocks[i].c();
each_blocks[i].m(each_anchor.parentNode, each_anchor);
}
}
for (; i < each_blocks.length; i += 1) {
each_blocks[i].u();
each_blocks[i].d();
}
each_blocks.length = each_value.length;
}
},
u: function unmount() {
for (var i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].u();
}
detachNode(each_anchor);
},
d: function destroy() {
destroyEach(each_blocks);
}
};
}
// (1:0) {#each createElement as node}
function create_each_block(component, state) {
var node = state.node, each_value = state.each_value, node_index = state.node_index;
var span, text_value = node, text;
return {
c: function create() {
span = createElement("span");
text = createText(text_value);
},
m: function mount(target, anchor) {
insertNode(span, target, anchor);
appendNode(text, span);
},
p: function update(changed, state) {
node = state.node;
each_value = state.each_value;
node_index = state.node_index;
if ((changed.createElement) && text_value !== (text_value = node)) {
text.data = text_value;
}
},
u: function unmount() {
detachNode(span);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/deconflict-builtins/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createComment, createElement, createText, destroyEach, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, appendNode, assign, createComment, createElement, createText, destroyEach, detachNode, insertNode, noop } from "svelte/shared.js";
function create_main_fragment(component, state) {
var each_anchor;
@ -108,8 +108,9 @@ function create_each_block(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -119,6 +120,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

124
test/js/samples/deconflict-globals/expected-bundle.js
Unescape View File

@ -9,27 +9,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -39,32 +30,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -74,51 +81,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -146,8 +148,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign(data_1(), options.data);
var self = this;
@ -172,7 +175,6 @@ function SvelteComponent(options) {
callAll(this._oncreate);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

10
test/js/samples/deconflict-globals/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, callAll, init, noop, proto } from "svelte/shared.js";
import { Component, assign, callAll, noop } from "svelte/shared.js";
function data_1() {
return {
@ -26,8 +26,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign(data_1(), options.data);
var self = this;
@ -52,6 +53,5 @@ function SvelteComponent(options) {
callAll(this._oncreate);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

152
test/js/samples/dev-warning-missing-data-computed/expected-bundle.js
Unescape View File

@ -29,34 +29,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function destroyDev(detach) {
destroy.call(this, detach);
this.destroy = function() {
console.warn('Component was already destroyed');
};
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -66,32 +50,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -101,62 +101,64 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
this.fire("update", { changed, current: this._state, previous });
}
}
function setDev(newState) {
if (typeof newState !== 'object') {
throw new Error(
this._debugName + '.set was called without an object of data key-values to update.'
);
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
this._checkReadOnly(newState);
set.call(this, newState);
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
class ComponentDev extends Component {
destroy(detach) {
super.destroy(detach);
this.destroy = () => {
console.warn('Component was already destroyed');
};
}
function _mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
set(newState) {
if (typeof newState !== 'object') {
throw new Error(`${this._debugName}.set was called without an object of data key-values to update.`);
}
function _unmount() {
if (this._fragment) this._fragment.u();
this._checkReadOnly(newState);
super.set(newState);
}
}
var protoDev = {
destroy: destroyDev,
get,
fire,
on,
set: setDev,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -200,10 +202,11 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
class SvelteComponent extends ComponentDev {
constructor(options) {
super(options);
this._debugName = '<SvelteComponent>';
if (!options || (!options.target && !options.root)) throw new Error("'target' is a required option");
init(this, options);
this._state = assign({ Math : Math }, options.data);
this._recompute({ foo: 1 }, this._state);
if (!('foo' in this._state)) console.warn("<SvelteComponent> was created without expected data property 'foo'");
@ -216,8 +219,7 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, protoDev);
}
SvelteComponent.prototype._checkReadOnly = function _checkReadOnly(newState) {
if ('bar' in newState && !this._updatingReadonlyProperty) throw new Error("<SvelteComponent>: Cannot set read-only property 'bar'");

72
test/js/samples/dev-warning-missing-data-computed/expected-v2.js
Unescape View File

@ -0,0 +1,72 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createElement, createText, detachNode, init, insertNode, noop, protoDev } from "svelte/shared.js";
function bar({ foo }) {
return foo * 2;
}
function create_main_fragment(component, state) {
var p, text_value = state.Math.max(0, state.foo), text, text_1, text_2;
return {
c: function create() {
p = createElement("p");
text = createText(text_value);
text_1 = createText("\n\t");
text_2 = createText(state.bar);
},
m: function mount(target, anchor) {
insertNode(p, target, anchor);
appendNode(text, p);
appendNode(text_1, p);
appendNode(text_2, p);
},
p: function update(changed, state) {
if ((changed.Math || changed.foo) && text_value !== (text_value = state.Math.max(0, state.foo))) {
text.data = text_value;
}
if (changed.bar) {
text_2.data = state.bar;
}
},
u: function unmount() {
detachNode(p);
},
d: noop
};
}
function SvelteComponent(options) {
this._debugName = '<SvelteComponent>';
if (!options || (!options.target && !options.root)) throw new Error("'target' is a required option");
init(this, options);
this._state = assign({ Math : Math }, options.data);
this._recompute({ foo: 1 }, this._state);
if (!('foo' in this._state)) console.warn("<SvelteComponent> was created without expected data property 'foo'");
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
if (options.hydrate) throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, protoDev);
SvelteComponent.prototype._checkReadOnly = function _checkReadOnly(newState) {
if ('bar' in newState && !this._updatingReadonlyProperty) throw new Error("<SvelteComponent>: Cannot set read-only property 'bar'");
};
SvelteComponent.prototype._recompute = function _recompute(changed, state) {
if (changed.foo) {
if (this._differs(state.bar, (state.bar = bar(state)))) changed.bar = true;
}
}
export default SvelteComponent;

10
test/js/samples/dev-warning-missing-data-computed/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createElement, createText, detachNode, init, insertNode, noop, protoDev } from "svelte/shared.js";
import { ComponentDev, appendNode, assign, createElement, createText, detachNode, insertNode, noop } from "svelte/shared.js";
function bar({ foo }) {
return foo * 2;
@ -41,10 +41,11 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
class SvelteComponent extends ComponentDev {
constructor(options) {
super(options);
this._debugName = '<SvelteComponent>';
if (!options || (!options.target && !options.root)) throw new Error("'target' is a required option");
init(this, options);
this._state = assign({ Math : Math }, options.data);
this._recompute({ foo: 1 }, this._state);
if (!('foo' in this._state)) console.warn("<SvelteComponent> was created without expected data property 'foo'");
@ -57,8 +58,7 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, protoDev);
}
SvelteComponent.prototype._checkReadOnly = function _checkReadOnly(newState) {
if ('bar' in newState && !this._updatingReadonlyProperty) throw new Error("<SvelteComponent>: Cannot set read-only property 'bar'");

124
test/js/samples/do-use-dataset/expected-bundle.js
Unescape View File

@ -25,27 +25,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -55,32 +46,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -90,51 +97,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -176,8 +178,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -187,7 +190,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

55
test/js/samples/do-use-dataset/expected-v2.js
Unescape View File

@ -0,0 +1,55 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, createText, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div, text, div_1;
return {
c: function create() {
div = createElement("div");
text = createText("\n");
div_1 = createElement("div");
this.h();
},
h: function hydrate() {
div.dataset.foo = "bar";
div_1.dataset.foo = state.bar;
},
m: function mount(target, anchor) {
insertNode(div, target, anchor);
insertNode(text, target, anchor);
insertNode(div_1, target, anchor);
},
p: function update(changed, state) {
if (changed.bar) {
div_1.dataset.foo = state.bar;
}
},
u: function unmount() {
detachNode(div);
detachNode(text);
detachNode(div_1);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/do-use-dataset/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, createText, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, assign, createElement, createText, detachNode, insertNode, noop } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div, text, div_1;
@ -39,8 +39,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -50,6 +51,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

124
test/js/samples/dont-use-dataset-in-legacy/expected-bundle.js
Unescape View File

@ -29,27 +29,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -59,32 +50,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -94,51 +101,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -180,8 +182,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -191,7 +194,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

55
test/js/samples/dont-use-dataset-in-legacy/expected-v2.js
Unescape View File

@ -0,0 +1,55 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, createText, detachNode, init, insertNode, noop, proto, setAttribute } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div, text, div_1;
return {
c: function create() {
div = createElement("div");
text = createText("\n");
div_1 = createElement("div");
this.h();
},
h: function hydrate() {
setAttribute(div, "data-foo", "bar");
setAttribute(div_1, "data-foo", state.bar);
},
m: function mount(target, anchor) {
insertNode(div, target, anchor);
insertNode(text, target, anchor);
insertNode(div_1, target, anchor);
},
p: function update(changed, state) {
if (changed.bar) {
setAttribute(div_1, "data-foo", state.bar);
}
},
u: function unmount() {
detachNode(div);
detachNode(text);
detachNode(div_1);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/dont-use-dataset-in-legacy/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, createText, detachNode, init, insertNode, noop, proto, setAttribute } from "svelte/shared.js";
import { Component, assign, createElement, createText, detachNode, insertNode, noop, setAttribute } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div, text, div_1;
@ -39,8 +39,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -50,6 +51,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

124
test/js/samples/dont-use-dataset-in-svg/expected-bundle.js
Unescape View File

@ -29,27 +29,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -59,32 +50,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -94,51 +101,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -178,8 +180,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -189,7 +192,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

53
test/js/samples/dont-use-dataset-in-svg/expected-v2.js
Unescape View File

@ -0,0 +1,53 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createSvgElement, detachNode, init, insertNode, noop, proto, setAttribute } from "svelte/shared.js";
function create_main_fragment(component, state) {
var svg, g, g_1;
return {
c: function create() {
svg = createSvgElement("svg");
g = createSvgElement("g");
g_1 = createSvgElement("g");
this.h();
},
h: function hydrate() {
setAttribute(g, "data-foo", "bar");
setAttribute(g_1, "data-foo", state.bar);
},
m: function mount(target, anchor) {
insertNode(svg, target, anchor);
appendNode(g, svg);
appendNode(g_1, svg);
},
p: function update(changed, state) {
if (changed.bar) {
setAttribute(g_1, "data-foo", state.bar);
}
},
u: function unmount() {
detachNode(svg);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/dont-use-dataset-in-svg/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createSvgElement, detachNode, init, insertNode, noop, proto, setAttribute } from "svelte/shared.js";
import { Component, appendNode, assign, createSvgElement, detachNode, insertNode, noop, setAttribute } from "svelte/shared.js";
function create_main_fragment(component, state) {
var svg, g, g_1;
@ -37,8 +37,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -48,6 +49,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

126
test/js/samples/each-block-changed-check/expected-bundle.js
Unescape View File

@ -41,27 +41,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -71,32 +62,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -106,51 +113,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -231,7 +233,7 @@ function create_main_fragment(component, state) {
detachNode(p);
},
d: function destroy$$1() {
d: function destroy() {
destroyEach(each_blocks);
}
};
@ -306,8 +308,9 @@ function create_each_block(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -317,7 +320,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

169
test/js/samples/each-block-changed-check/expected-v2.js
Unescape View File

@ -0,0 +1,169 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createElement, createText, destroyEach, detachAfter, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
function create_main_fragment(component, state) {
var text, p, text_1;
var each_value = state.comments;
var each_blocks = [];
for (var i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block(component, assign(assign({}, state), {
each_value: each_value,
comment: each_value[i],
i: i
}));
}
return {
c: function create() {
for (var i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
text = createText("\n\n");
p = createElement("p");
text_1 = createText(state.foo);
},
m: function mount(target, anchor) {
for (var i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].m(target, anchor);
}
insertNode(text, target, anchor);
insertNode(p, target, anchor);
appendNode(text_1, p);
},
p: function update(changed, state) {
var each_value = state.comments;
if (changed.comments || changed.elapsed || changed.time) {
for (var i = 0; i < each_value.length; i += 1) {
var each_context = assign(assign({}, state), {
each_value: each_value,
comment: each_value[i],
i: i
});
if (each_blocks[i]) {
each_blocks[i].p(changed, each_context);
} else {
each_blocks[i] = create_each_block(component, each_context);
each_blocks[i].c();
each_blocks[i].m(text.parentNode, text);
}
}
for (; i < each_blocks.length; i += 1) {
each_blocks[i].u();
each_blocks[i].d();
}
each_blocks.length = each_value.length;
}
if (changed.foo) {
text_1.data = state.foo;
}
},
u: function unmount() {
for (var i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].u();
}
detachNode(text);
detachNode(p);
},
d: function destroy() {
destroyEach(each_blocks);
}
};
}
// (1:0) {#each comments as comment, i}
function create_each_block(component, state) {
var comment = state.comment, each_value = state.each_value, i = state.i;
var div, strong, text, text_1, span, text_2_value = comment.author, text_2, text_3, text_4_value = state.elapsed(comment.time, state.time), text_4, text_5, text_6, raw_value = comment.html, raw_before;
return {
c: function create() {
div = createElement("div");
strong = createElement("strong");
text = createText(i);
text_1 = createText("\n\n\t\t");
span = createElement("span");
text_2 = createText(text_2_value);
text_3 = createText(" wrote ");
text_4 = createText(text_4_value);
text_5 = createText(" ago:");
text_6 = createText("\n\n\t\t");
raw_before = createElement('noscript');
this.h();
},
h: function hydrate() {
span.className = "meta";
div.className = "comment";
},
m: function mount(target, anchor) {
insertNode(div, target, anchor);
appendNode(strong, div);
appendNode(text, strong);
appendNode(text_1, div);
appendNode(span, div);
appendNode(text_2, span);
appendNode(text_3, span);
appendNode(text_4, span);
appendNode(text_5, span);
appendNode(text_6, div);
appendNode(raw_before, div);
raw_before.insertAdjacentHTML("afterend", raw_value);
},
p: function update(changed, state) {
comment = state.comment;
each_value = state.each_value;
i = state.i;
if ((changed.comments) && text_2_value !== (text_2_value = comment.author)) {
text_2.data = text_2_value;
}
if ((changed.elapsed || changed.comments || changed.time) && text_4_value !== (text_4_value = state.elapsed(comment.time, state.time))) {
text_4.data = text_4_value;
}
if ((changed.comments) && raw_value !== (raw_value = comment.html)) {
detachAfter(raw_before);
raw_before.insertAdjacentHTML("afterend", raw_value);
}
},
u: function unmount() {
detachAfter(raw_before);
detachNode(div);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/each-block-changed-check/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createElement, createText, destroyEach, detachAfter, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, appendNode, assign, createElement, createText, destroyEach, detachAfter, detachNode, insertNode, noop } from "svelte/shared.js";
function create_main_fragment(component, state) {
var text, p, text_1;
@ -153,8 +153,9 @@ function create_each_block(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -164,6 +165,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

125
test/js/samples/event-handlers-custom/expected-bundle.js
Unescape View File

@ -21,27 +21,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -51,32 +42,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -86,51 +93,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -170,14 +172,15 @@ function create_main_fragment(component, state) {
detachNode(button);
},
d: function destroy$$1() {
d: function destroy() {
foo_handler.destroy();
}
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -187,8 +190,8 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
}
assign(SvelteComponent.prototype, proto);
assign(SvelteComponent.prototype, methods);
export default SvelteComponent;

9
test/js/samples/event-handlers-custom/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, assign, createElement, detachNode, insertNode, noop } from "svelte/shared.js";
function foo( node, callback ) {
// code goes here
@ -44,8 +44,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -55,7 +56,7 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
}
assign(SvelteComponent.prototype, proto);
assign(SvelteComponent.prototype, methods);
export default SvelteComponent;

124
test/js/samples/head-no-whitespace/expected-bundle.js
Unescape View File

@ -21,27 +21,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -51,32 +42,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -86,51 +93,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -167,8 +169,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -178,7 +181,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

50
test/js/samples/head-no-whitespace/expected-v2.js
Unescape View File

@ -0,0 +1,50 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createElement, detachNode, init, noop, proto } from "svelte/shared.js";
function create_main_fragment(component, state) {
var meta, meta_1;
return {
c: function create() {
meta = createElement("meta");
meta_1 = createElement("meta");
this.h();
},
h: function hydrate() {
meta.name = "twitter:creator";
meta.content = "@sveltejs";
meta_1.name = "twitter:title";
meta_1.content = "Svelte";
},
m: function mount(target, anchor) {
appendNode(meta, document.head);
appendNode(meta_1, document.head);
},
p: noop,
u: function unmount() {
detachNode(meta);
detachNode(meta_1);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/head-no-whitespace/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createElement, detachNode, init, noop, proto } from "svelte/shared.js";
import { Component, appendNode, assign, createElement, detachNode, noop } from "svelte/shared.js";
function create_main_fragment(component, state) {
var meta, meta_1;
@ -34,8 +34,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -45,6 +46,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

126
test/js/samples/if-block-no-update/expected-bundle.js
Unescape View File

@ -25,27 +25,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -55,32 +46,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -90,51 +97,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -175,7 +177,7 @@ function create_main_fragment(component, state) {
detachNode(if_block_anchor);
},
d: function destroy$$1() {
d: function destroy() {
if_block.d();
}
};
@ -225,8 +227,9 @@ function create_if_block_1(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -236,7 +239,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

104
test/js/samples/if-block-no-update/expected-v2.js
Unescape View File

@ -0,0 +1,104 @@
/* generated by Svelte vX.Y.Z */
import { assign, createComment, createElement, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
function create_main_fragment(component, state) {
var if_block_anchor;
function select_block_type(state) {
if (state.foo) return create_if_block;
return create_if_block_1;
}
var current_block_type = select_block_type(state);
var if_block = current_block_type(component, state);
return {
c: function create() {
if_block.c();
if_block_anchor = createComment();
},
m: function mount(target, anchor) {
if_block.m(target, anchor);
insertNode(if_block_anchor, target, anchor);
},
p: function update(changed, state) {
if (current_block_type !== (current_block_type = select_block_type(state))) {
if_block.u();
if_block.d();
if_block = current_block_type(component, state);
if_block.c();
if_block.m(if_block_anchor.parentNode, if_block_anchor);
}
},
u: function unmount() {
if_block.u();
detachNode(if_block_anchor);
},
d: function destroy() {
if_block.d();
}
};
}
// (1:0) {#if foo}
function create_if_block(component, state) {
var p;
return {
c: function create() {
p = createElement("p");
p.textContent = "foo!";
},
m: function mount(target, anchor) {
insertNode(p, target, anchor);
},
u: function unmount() {
detachNode(p);
},
d: noop
};
}
// (3:0) {:else}
function create_if_block_1(component, state) {
var p;
return {
c: function create() {
p = createElement("p");
p.textContent = "not foo!";
},
m: function mount(target, anchor) {
insertNode(p, target, anchor);
},
u: function unmount() {
detachNode(p);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/if-block-no-update/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, createComment, createElement, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, assign, createComment, createElement, detachNode, insertNode, noop } from "svelte/shared.js";
function create_main_fragment(component, state) {
var if_block_anchor;
@ -88,8 +88,9 @@ function create_if_block_1(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -99,6 +100,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

126
test/js/samples/if-block-simple/expected-bundle.js
Unescape View File

@ -25,27 +25,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -55,32 +46,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -90,51 +97,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -173,7 +175,7 @@ function create_main_fragment(component, state) {
detachNode(if_block_anchor);
},
d: function destroy$$1() {
d: function destroy() {
if (if_block) if_block.d();
}
};
@ -201,8 +203,9 @@ function create_if_block(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -212,7 +215,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

80
test/js/samples/if-block-simple/expected-v2.js
Unescape View File

@ -0,0 +1,80 @@
/* generated by Svelte vX.Y.Z */
import { assign, createComment, createElement, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
function create_main_fragment(component, state) {
var if_block_anchor;
var if_block = (state.foo) && create_if_block(component, state);
return {
c: function create() {
if (if_block) if_block.c();
if_block_anchor = createComment();
},
m: function mount(target, anchor) {
if (if_block) if_block.m(target, anchor);
insertNode(if_block_anchor, target, anchor);
},
p: function update(changed, state) {
if (state.foo) {
if (!if_block) {
if_block = create_if_block(component, state);
if_block.c();
if_block.m(if_block_anchor.parentNode, if_block_anchor);
}
} else if (if_block) {
if_block.u();
if_block.d();
if_block = null;
}
},
u: function unmount() {
if (if_block) if_block.u();
detachNode(if_block_anchor);
},
d: function destroy() {
if (if_block) if_block.d();
}
};
}
// (1:0) {#if foo}
function create_if_block(component, state) {
var p;
return {
c: function create() {
p = createElement("p");
p.textContent = "foo!";
},
m: function mount(target, anchor) {
insertNode(p, target, anchor);
},
u: function unmount() {
detachNode(p);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/if-block-simple/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, createComment, createElement, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, assign, createComment, createElement, detachNode, insertNode, noop } from "svelte/shared.js";
function create_main_fragment(component, state) {
var if_block_anchor;
@ -64,8 +64,9 @@ function create_if_block(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -75,6 +76,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

124
test/js/samples/inline-style-optimized-multiple/expected-bundle.js
Unescape View File

@ -25,27 +25,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -55,32 +46,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -90,51 +97,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -174,8 +176,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -185,7 +188,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

53
test/js/samples/inline-style-optimized-multiple/expected-v2.js
Unescape View File

@ -0,0 +1,53 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, detachNode, init, insertNode, noop, proto, setStyle } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div;
return {
c: function create() {
div = createElement("div");
this.h();
},
h: function hydrate() {
setStyle(div, "color", state.color);
setStyle(div, "transform", "translate(" + state.x + "px," + state.y + "px)");
},
m: function mount(target, anchor) {
insertNode(div, target, anchor);
},
p: function update(changed, state) {
if (changed.color) {
setStyle(div, "color", state.color);
}
if (changed.x || changed.y) {
setStyle(div, "transform", "translate(" + state.x + "px," + state.y + "px)");
}
},
u: function unmount() {
detachNode(div);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/inline-style-optimized-multiple/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, detachNode, init, insertNode, noop, proto, setStyle } from "svelte/shared.js";
import { Component, assign, createElement, detachNode, insertNode, noop, setStyle } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div;
@ -37,8 +37,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -48,6 +49,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

124
test/js/samples/inline-style-optimized-url/expected-bundle.js
Unescape View File

@ -25,27 +25,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -55,32 +46,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -90,51 +97,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -169,8 +171,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -180,7 +183,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

48
test/js/samples/inline-style-optimized-url/expected-v2.js
Unescape View File

@ -0,0 +1,48 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, detachNode, init, insertNode, noop, proto, setStyle } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div;
return {
c: function create() {
div = createElement("div");
this.h();
},
h: function hydrate() {
setStyle(div, "background", "url(data:image/png;base64," + state.data + ")");
},
m: function mount(target, anchor) {
insertNode(div, target, anchor);
},
p: function update(changed, state) {
if (changed.data) {
setStyle(div, "background", "url(data:image/png;base64," + state.data + ")");
}
},
u: function unmount() {
detachNode(div);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/inline-style-optimized-url/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, detachNode, init, insertNode, noop, proto, setStyle } from "svelte/shared.js";
import { Component, assign, createElement, detachNode, insertNode, noop, setStyle } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div;
@ -32,8 +32,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -43,6 +44,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

124
test/js/samples/inline-style-optimized/expected-bundle.js
Unescape View File

@ -25,27 +25,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -55,32 +46,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -90,51 +97,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -169,8 +171,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -180,7 +183,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

48
test/js/samples/inline-style-optimized/expected-v2.js
Unescape View File

@ -0,0 +1,48 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, detachNode, init, insertNode, noop, proto, setStyle } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div;
return {
c: function create() {
div = createElement("div");
this.h();
},
h: function hydrate() {
setStyle(div, "color", state.color);
},
m: function mount(target, anchor) {
insertNode(div, target, anchor);
},
p: function update(changed, state) {
if (changed.color) {
setStyle(div, "color", state.color);
}
},
u: function unmount() {
detachNode(div);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/inline-style-optimized/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, detachNode, init, insertNode, noop, proto, setStyle } from "svelte/shared.js";
import { Component, assign, createElement, detachNode, insertNode, noop, setStyle } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div;
@ -32,8 +32,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -43,6 +44,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

124
test/js/samples/inline-style-unoptimized/expected-bundle.js
Unescape View File

@ -25,27 +25,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -55,32 +46,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -90,51 +97,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -180,8 +182,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -191,7 +194,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

59
test/js/samples/inline-style-unoptimized/expected-v2.js
Unescape View File

@ -0,0 +1,59 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, createText, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div, text, div_1, div_1_style_value;
return {
c: function create() {
div = createElement("div");
text = createText("\n");
div_1 = createElement("div");
this.h();
},
h: function hydrate() {
div.style.cssText = state.style;
div_1.style.cssText = div_1_style_value = "" + state.key + ": " + state.value;
},
m: function mount(target, anchor) {
insertNode(div, target, anchor);
insertNode(text, target, anchor);
insertNode(div_1, target, anchor);
},
p: function update(changed, state) {
if (changed.style) {
div.style.cssText = state.style;
}
if ((changed.key || changed.value) && div_1_style_value !== (div_1_style_value = "" + state.key + ": " + state.value)) {
div_1.style.cssText = div_1_style_value;
}
},
u: function unmount() {
detachNode(div);
detachNode(text);
detachNode(div_1);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/inline-style-unoptimized/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, createText, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, assign, createElement, createText, detachNode, insertNode, noop } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div, text, div_1, div_1_style_value;
@ -43,8 +43,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -54,6 +55,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

126
test/js/samples/input-without-blowback-guard/expected-bundle.js
Unescape View File

@ -33,27 +33,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -63,32 +54,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -98,51 +105,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -178,14 +180,15 @@ function create_main_fragment(component, state) {
detachNode(input);
},
d: function destroy$$1() {
d: function destroy() {
removeListener(input, "change", input_change_handler);
}
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -195,7 +198,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

10
test/js/samples/input-without-blowback-guard/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { addListener, assign, createElement, detachNode, init, insertNode, proto, removeListener, setAttribute } from "svelte/shared.js";
import { Component, addListener, assign, createElement, detachNode, insertNode, removeListener, setAttribute } from "svelte/shared.js";
function create_main_fragment(component, state) {
var input;
@ -39,8 +39,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -50,6 +51,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

124
test/js/samples/legacy-input-type/expected-bundle.js
Unescape View File

@ -27,27 +27,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -57,32 +48,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -92,51 +99,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -167,8 +169,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -178,7 +181,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

10
test/js/samples/legacy-input-type/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, createElement, detachNode, init, insertNode, noop, proto, setInputType } from "svelte/shared.js";
import { Component, assign, createElement, detachNode, insertNode, noop, setInputType } from "svelte/shared.js";
function create_main_fragment(component, state) {
var input;
@ -28,8 +28,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -39,6 +40,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

126
test/js/samples/media-bindings/expected-bundle.js
Unescape View File

@ -37,27 +37,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -67,32 +58,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -102,51 +109,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -221,7 +223,7 @@ function create_main_fragment(component, state) {
detachNode(audio);
},
d: function destroy$$1() {
d: function destroy() {
removeListener(audio, "timeupdate", audio_timeupdate_handler);
removeListener(audio, "durationchange", audio_durationchange_handler);
removeListener(audio, "play", audio_play_pause_handler);
@ -233,8 +235,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
if (!options.root) {
@ -251,7 +254,6 @@ function SvelteComponent(options) {
callAll(this._beforecreate);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

10
test/js/samples/media-bindings/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { addListener, assign, callAll, createElement, detachNode, init, insertNode, proto, removeListener, timeRangesToArray } from "svelte/shared.js";
import { Component, addListener, assign, callAll, createElement, detachNode, insertNode, removeListener, timeRangesToArray } from "svelte/shared.js";
function create_main_fragment(component, state) {
var audio, audio_is_paused = true, audio_updating = false, audio_animationframe;
@ -84,8 +84,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
if (!options.root) {
@ -102,6 +103,5 @@ function SvelteComponent(options) {
callAll(this._beforecreate);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

126
test/js/samples/non-imported-component/expected-bundle.js
Unescape View File

@ -23,27 +23,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -53,32 +44,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -88,51 +95,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -170,15 +172,16 @@ function create_main_fragment(component, state) {
nonimported._unmount();
},
d: function destroy$$1() {
d: function destroy() {
imported.destroy(false);
nonimported.destroy(false);
}
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
if (!options.root) {
@ -200,7 +203,6 @@ function SvelteComponent(options) {
this._lock = false;
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

10
test/js/samples/non-imported-component/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, callAll, createText, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, assign, callAll, createText, detachNode, insertNode, noop } from "svelte/shared.js";
import Imported from 'Imported.html';
@ -43,8 +43,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
if (!options.root) {
@ -66,6 +67,5 @@ function SvelteComponent(options) {
this._lock = false;
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

133
test/js/samples/setup-method/expected-bundle.js
Unescape View File

@ -9,27 +9,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -39,32 +30,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -74,51 +81,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -128,14 +130,14 @@ var methods = {
}
};
function setup(Component) {
Component.SOME_CONSTANT = 42;
Component.factory = function (target) {
return new Component({
function setup(Component$$1) {
Component$$1.SOME_CONSTANT = 42;
Component$$1.factory = function (target) {
return new Component$$1({
target: target
});
};
Component.prototype.foo( 'baz' );
Component$$1.prototype.foo( 'baz' );
}
function create_main_fragment(component, state) {
@ -153,8 +155,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -164,8 +167,8 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
}
assign(SvelteComponent.prototype, proto);
assign(SvelteComponent.prototype, methods);
setup(SvelteComponent);

9
test/js/samples/setup-method/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, init, noop, proto } from "svelte/shared.js";
import { Component, assign, noop } from "svelte/shared.js";
var methods = {
foo ( bar ) {
@ -32,8 +32,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -43,8 +44,8 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
}
assign(SvelteComponent.prototype, proto);
assign(SvelteComponent.prototype, methods);
setup(SvelteComponent);

124
test/js/samples/svg-title/expected-bundle.js
Unescape View File

@ -29,27 +29,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -59,32 +50,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -94,51 +101,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -168,8 +170,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -179,7 +182,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

10
test/js/samples/svg-title/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createSvgElement, createText, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, appendNode, assign, createSvgElement, createText, detachNode, insertNode, noop } from "svelte/shared.js";
function create_main_fragment(component, state) {
var svg, title, text;
@ -27,8 +27,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -38,6 +39,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

124
test/js/samples/title/expected-bundle.js
Unescape View File

@ -9,27 +9,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -39,32 +30,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -74,51 +81,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -144,8 +146,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -155,7 +158,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

39
test/js/samples/title/expected-v2.js
Unescape View File

@ -0,0 +1,39 @@
/* generated by Svelte vX.Y.Z */
import { assign, init, noop, proto } from "svelte/shared.js";
function create_main_fragment(component, state) {
var title_value;
document.title = title_value = "a " + state.custom + " title";
return {
c: noop,
m: noop,
p: function update(changed, state) {
if ((changed.custom) && title_value !== (title_value = "a " + state.custom + " title")) {
document.title = title_value;
}
},
u: noop,
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/title/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { assign, init, noop, proto } from "svelte/shared.js";
import { Component, assign, noop } from "svelte/shared.js";
function create_main_fragment(component, state) {
var title_value;
@ -23,8 +23,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -34,6 +35,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

126
test/js/samples/use-elements-as-anchors/expected-bundle.js
Unescape View File

@ -33,27 +33,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -63,32 +54,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -98,51 +105,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -271,7 +273,7 @@ function create_main_fragment(component, state) {
detachNode(if_block_4_anchor);
},
d: function destroy$$1() {
d: function destroy() {
if (if_block) if_block.d();
if (if_block_1) if_block_1.d();
if (if_block_2) if_block_2.d();
@ -391,8 +393,9 @@ function create_if_block_4(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -402,7 +405,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

262
test/js/samples/use-elements-as-anchors/expected-v2.js
Unescape View File

@ -0,0 +1,262 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createComment, createElement, createText, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div, text, p, text_2, text_3, text_4, p_1, text_6, text_8, if_block_4_anchor;
var if_block = (state.a) && create_if_block(component, state);
var if_block_1 = (state.b) && create_if_block_1(component, state);
var if_block_2 = (state.c) && create_if_block_2(component, state);
var if_block_3 = (state.d) && create_if_block_3(component, state);
var if_block_4 = (state.e) && create_if_block_4(component, state);
return {
c: function create() {
div = createElement("div");
if (if_block) if_block.c();
text = createText("\n\n\t");
p = createElement("p");
p.textContent = "this can be used as an anchor";
text_2 = createText("\n\n\t");
if (if_block_1) if_block_1.c();
text_3 = createText("\n\n\t");
if (if_block_2) if_block_2.c();
text_4 = createText("\n\n\t");
p_1 = createElement("p");
p_1.textContent = "so can this";
text_6 = createText("\n\n\t");
if (if_block_3) if_block_3.c();
text_8 = createText("\n\n");
if (if_block_4) if_block_4.c();
if_block_4_anchor = createComment();
},
m: function mount(target, anchor) {
insertNode(div, target, anchor);
if (if_block) if_block.m(div, null);
appendNode(text, div);
appendNode(p, div);
appendNode(text_2, div);
if (if_block_1) if_block_1.m(div, null);
appendNode(text_3, div);
if (if_block_2) if_block_2.m(div, null);
appendNode(text_4, div);
appendNode(p_1, div);
appendNode(text_6, div);
if (if_block_3) if_block_3.m(div, null);
insertNode(text_8, target, anchor);
if (if_block_4) if_block_4.m(target, anchor);
insertNode(if_block_4_anchor, target, anchor);
},
p: function update(changed, state) {
if (state.a) {
if (!if_block) {
if_block = create_if_block(component, state);
if_block.c();
if_block.m(div, text);
}
} else if (if_block) {
if_block.u();
if_block.d();
if_block = null;
}
if (state.b) {
if (!if_block_1) {
if_block_1 = create_if_block_1(component, state);
if_block_1.c();
if_block_1.m(div, text_3);
}
} else if (if_block_1) {
if_block_1.u();
if_block_1.d();
if_block_1 = null;
}
if (state.c) {
if (!if_block_2) {
if_block_2 = create_if_block_2(component, state);
if_block_2.c();
if_block_2.m(div, text_4);
}
} else if (if_block_2) {
if_block_2.u();
if_block_2.d();
if_block_2 = null;
}
if (state.d) {
if (!if_block_3) {
if_block_3 = create_if_block_3(component, state);
if_block_3.c();
if_block_3.m(div, null);
}
} else if (if_block_3) {
if_block_3.u();
if_block_3.d();
if_block_3 = null;
}
if (state.e) {
if (!if_block_4) {
if_block_4 = create_if_block_4(component, state);
if_block_4.c();
if_block_4.m(if_block_4_anchor.parentNode, if_block_4_anchor);
}
} else if (if_block_4) {
if_block_4.u();
if_block_4.d();
if_block_4 = null;
}
},
u: function unmount() {
detachNode(div);
if (if_block) if_block.u();
if (if_block_1) if_block_1.u();
if (if_block_2) if_block_2.u();
if (if_block_3) if_block_3.u();
detachNode(text_8);
if (if_block_4) if_block_4.u();
detachNode(if_block_4_anchor);
},
d: function destroy() {
if (if_block) if_block.d();
if (if_block_1) if_block_1.d();
if (if_block_2) if_block_2.d();
if (if_block_3) if_block_3.d();
if (if_block_4) if_block_4.d();
}
};
}
// (2:1) {#if a}
function create_if_block(component, state) {
var p;
return {
c: function create() {
p = createElement("p");
p.textContent = "a";
},
m: function mount(target, anchor) {
insertNode(p, target, anchor);
},
u: function unmount() {
detachNode(p);
},
d: noop
};
}
// (8:1) {#if b}
function create_if_block_1(component, state) {
var p;
return {
c: function create() {
p = createElement("p");
p.textContent = "b";
},
m: function mount(target, anchor) {
insertNode(p, target, anchor);
},
u: function unmount() {
detachNode(p);
},
d: noop
};
}
// (12:1) {#if c}
function create_if_block_2(component, state) {
var p;
return {
c: function create() {
p = createElement("p");
p.textContent = "c";
},
m: function mount(target, anchor) {
insertNode(p, target, anchor);
},
u: function unmount() {
detachNode(p);
},
d: noop
};
}
// (18:1) {#if d}
function create_if_block_3(component, state) {
var p;
return {
c: function create() {
p = createElement("p");
p.textContent = "d";
},
m: function mount(target, anchor) {
insertNode(p, target, anchor);
},
u: function unmount() {
detachNode(p);
},
d: noop
};
}
// (25:0) {#if e}
function create_if_block_4(component, state) {
var p;
return {
c: function create() {
p = createElement("p");
p.textContent = "e";
},
m: function mount(target, anchor) {
insertNode(p, target, anchor);
},
u: function unmount() {
detachNode(p);
},
d: noop
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/use-elements-as-anchors/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createComment, createElement, createText, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
import { Component, appendNode, assign, createComment, createElement, createText, detachNode, insertNode, noop } from "svelte/shared.js";
function create_main_fragment(component, state) {
var div, text, p, text_2, text_3, text_4, p_1, text_6, text_8, if_block_4_anchor;
@ -246,8 +246,9 @@ function create_if_block_4(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._fragment = create_main_fragment(this, this._state);
@ -257,6 +258,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

126
test/js/samples/window-binding-scroll/expected-bundle.js
Unescape View File

@ -29,27 +29,18 @@ function blankObject() {
return Object.create(null);
}
function destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
function _differs(a, b) {
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
// TODO need to think of a suitable name for this
class Thing {
constructor() {
this._handlers = blankObject();
}
function fire(eventName, data) {
var handlers =
eventName in this._handlers && this._handlers[eventName].slice();
fire(eventName, data) {
const handlers = eventName in this._handlers && this._handlers[eventName].slice();
if (!handlers) return;
for (var i = 0; i < handlers.length; i += 1) {
var handler = handlers[i];
for (let i = 0; i < handlers.length; i += 1) {
const handler = handlers[i];
if (!handler.__calling) {
handler.__calling = true;
@ -59,32 +50,48 @@ function fire(eventName, data) {
}
}
function get() {
get() {
return this._state;
}
function init(component, options) {
component._handlers = blankObject();
component._bind = options._bind;
component.options = options;
component.root = options.root || component;
component.store = component.root.store || options.store;
}
function on(eventName, handler) {
var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
on(eventName, handler) {
const handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
handlers.push(handler);
return {
cancel: function() {
var index = handlers.indexOf(handler);
const index = handlers.indexOf(handler);
if (~index) handlers.splice(index, 1);
}
};
}
function set(newState) {
_differs(a, b) {
return _differsImmutable(a, b) || ((a && typeof a === 'object') || typeof a === 'function');
}
}
class Component extends Thing {
constructor(options) {
super();
this._bind = options._bind;
this.options = options;
this.root = options.root || this;
this.store = this.root.store || options.store;
}
destroy(detach) {
this.destroy = noop;
this.fire('destroy');
this.set = this.get = noop;
if (detach !== false) this._fragment.u();
this._fragment.d();
this._fragment = this._state = null;
}
set(newState) {
this._set(assign({}, newState));
if (this.root._lock) return;
this.root._lock = true;
@ -94,51 +101,46 @@ function set(newState) {
this.root._lock = false;
}
function _set(newState) {
var oldState = this._state,
changed = {},
dirty = false;
_set(newState) {
const previous = this._state;
const changed = {};
let dirty = false;
for (var key in newState) {
if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;
if (this._differs(newState[key], previous[key])) changed[key] = dirty = 1;
}
if (!dirty) return;
this._state = assign(assign({}, oldState), newState);
this._state = assign(assign({}, previous), newState);
this._recompute(changed, this._state);
if (this._bind) this._bind(changed, this._state);
if (this._fragment) {
this.fire("state", { changed: changed, current: this._state, previous: oldState });
this.fire("state", { changed, current: this._state, previous });
this._fragment.p(changed, this._state);
this.fire("update", { changed: changed, current: this._state, previous: oldState });
}
this.fire("update", { changed, current: this._state, previous });
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
function _mount(target, anchor) {
_mount(target, anchor) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);
}
function _unmount() {
_recompute() {}
_unmount() {
if (this._fragment) this._fragment.u();
}
}
var proto = {
destroy,
get,
fire,
on,
set,
_recompute: noop,
_set,
_mount,
_unmount,
_differs
};
function _differsImmutable(a, b) {
return a != a ? b == b : a !== b;
}
function callAll(fns) {
while (fns && fns.length) fns.shift()();
}
/* generated by Svelte vX.Y.Z */
@ -188,14 +190,15 @@ function create_main_fragment(component, state) {
detachNode(p);
},
d: function destroy$$1() {
d: function destroy() {
window.removeEventListener("scroll", onwindowscroll);
}
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._state.y = window.pageYOffset;
@ -206,7 +209,6 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;

68
test/js/samples/window-binding-scroll/expected-v2.js
Unescape View File

@ -0,0 +1,68 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createElement, createText, detachNode, init, insertNode, proto } from "svelte/shared.js";
function create_main_fragment(component, state) {
var window_updating = false, clear_window_updating = function() { window_updating = false; }, window_updating_timeout, p, text, text_1;
function onwindowscroll(event) {
if (window_updating) return;
window_updating = true;
component.set({
y: this.pageYOffset
});
window_updating = false;
}
window.addEventListener("scroll", onwindowscroll);
component.observe("y", function(y) {
window_updating = true;
clearTimeout(window_updating_timeout);
window.scrollTo(window.pageXOffset, y);
window_updating_timeout = setTimeout(clear_window_updating, 100);
});
return {
c: function create() {
p = createElement("p");
text = createText("scrolled to ");
text_1 = createText(state.y);
},
m: function mount(target, anchor) {
insertNode(p, target, anchor);
appendNode(text, p);
appendNode(text_1, p);
},
p: function update(changed, state) {
if (changed.y) {
text_1.data = state.y;
}
},
u: function unmount() {
detachNode(p);
},
d: function destroy() {
window.removeEventListener("scroll", onwindowscroll);
}
};
}
function SvelteComponent(options) {
init(this, options);
this._state = assign({}, options.data);
this._state.y = window.pageYOffset;
this._fragment = create_main_fragment(this, this._state);
if (options.target) {
this._fragment.c();
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
export default SvelteComponent;

10
test/js/samples/window-binding-scroll/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */
import { appendNode, assign, createElement, createText, detachNode, init, insertNode, proto } from "svelte/shared.js";
import { Component, appendNode, assign, createElement, createText, detachNode, insertNode } from "svelte/shared.js";
function create_main_fragment(component, state) {
var window_updating = false, clear_window_updating = function() { window_updating = false; }, window_updating_timeout, p, text, text_1;
@ -53,8 +53,9 @@ function create_main_fragment(component, state) {
};
}
function SvelteComponent(options) {
init(this, options);
class SvelteComponent extends Component {
constructor(options) {
super(options);
this._state = assign({}, options.data);
this._state.y = window.pageYOffset;
@ -65,6 +66,5 @@ function SvelteComponent(options) {
this._mount(options.target, options.anchor);
}
}
assign(SvelteComponent.prototype, proto);
}
export default SvelteComponent;
Write Preview
Loading…
Cancel
Save