mirror of https://github.com/sveltejs/svelte
pushkine
5 years ago
parent
82d17c5a6f
commit
87a05ec47b
@ -1,109 +0,0 @@
|
|||||||
import { custom_event, append, insert, detach, listen, attr } from './dom';
|
|
||||||
import { now } from 'svelte/environment';
|
|
||||||
let inited;
|
|
||||||
export function add_location_dev$legacy(element, file, line, column, char) {
|
|
||||||
element.__svelte_meta = {
|
|
||||||
loc: { file, line, column, char },
|
|
||||||
};
|
|
||||||
}
|
|
||||||
export function dispatch_dev$legacy<T = any>(type: string, detail?: T) {
|
|
||||||
if (!inited && `__SVELTE_DEVTOOLS_GLOBAL_HOOK__` in window) {
|
|
||||||
inited = true;
|
|
||||||
throw new Error(`You must specify the version`);
|
|
||||||
}
|
|
||||||
document.dispatchEvent(custom_event(type, { version: __VERSION__, ...detail }));
|
|
||||||
}
|
|
||||||
|
|
||||||
export function append_dev$legacy(target: Node, node: Node) {
|
|
||||||
dispatch_dev$legacy('SvelteDOMInsert', { target, node });
|
|
||||||
append(target, node);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function insert_dev$legacy(target: Node, node: Node, anchor?: Node) {
|
|
||||||
dispatch_dev$legacy('SvelteDOMInsert', { target, node, anchor });
|
|
||||||
insert(target, node, anchor);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function detach_dev$legacy(node: Node) {
|
|
||||||
dispatch_dev$legacy('SvelteDOMRemove', { node });
|
|
||||||
detach(node);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function detach_between_dev$legacy(before: Node, after: Node) {
|
|
||||||
while (before.nextSibling && before.nextSibling !== after) {
|
|
||||||
detach_dev$legacy(before.nextSibling);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export function detach_before_dev$legacy(after: Node) {
|
|
||||||
while (after.previousSibling) {
|
|
||||||
detach_dev$legacy(after.previousSibling);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export function detach_after_dev$legacy(before: Node) {
|
|
||||||
while (before.nextSibling) {
|
|
||||||
detach_dev$legacy(before.nextSibling);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export function listen_dev$legacy(
|
|
||||||
node: Node,
|
|
||||||
event: string,
|
|
||||||
handler: EventListenerOrEventListenerObject,
|
|
||||||
options?: boolean | AddEventListenerOptions | EventListenerOptions,
|
|
||||||
has_prevent_default?: boolean,
|
|
||||||
has_stop_propagation?: boolean
|
|
||||||
) {
|
|
||||||
const modifiers = options === true ? ['capture'] : options ? Array.from(Object.keys(options)) : [];
|
|
||||||
if (has_prevent_default) modifiers.push('preventDefault');
|
|
||||||
if (has_stop_propagation) modifiers.push('stopPropagation');
|
|
||||||
|
|
||||||
dispatch_dev$legacy('SvelteDOMAddEventListener', { node, event, handler, modifiers });
|
|
||||||
|
|
||||||
const dispose = listen(node, event, handler, options);
|
|
||||||
return () => {
|
|
||||||
dispatch_dev$legacy('SvelteDOMRemoveEventListener', { node, event, handler, modifiers });
|
|
||||||
dispose();
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export function attr_dev$legacy(node: Element, attribute: string, value?: string) {
|
|
||||||
attr(node, attribute, value);
|
|
||||||
|
|
||||||
if (value == null) dispatch_dev$legacy('SvelteDOMRemoveAttribute', { node, attribute });
|
|
||||||
else dispatch_dev$legacy('SvelteDOMSetAttribute', { node, attribute, value });
|
|
||||||
}
|
|
||||||
|
|
||||||
export function prop_dev$legacy(node: Element, property: string, value?: any) {
|
|
||||||
node[property] = value;
|
|
||||||
|
|
||||||
dispatch_dev$legacy('SvelteDOMSetProperty', { node, property, value });
|
|
||||||
}
|
|
||||||
|
|
||||||
export function dataset_dev$legacy(node: HTMLElement, property: string, value?: any) {
|
|
||||||
node.dataset[property] = value;
|
|
||||||
|
|
||||||
dispatch_dev$legacy('SvelteDOMSetDataset', { node, property, value });
|
|
||||||
}
|
|
||||||
|
|
||||||
export function set_data_dev$legacy(text, data) {
|
|
||||||
data = '' + data;
|
|
||||||
if (text.data === data) return;
|
|
||||||
|
|
||||||
dispatch_dev$legacy('SvelteDOMSetData', { node: text, data });
|
|
||||||
text.data = data;
|
|
||||||
}
|
|
||||||
export function loop_guard_dev$legacy(timeout) {
|
|
||||||
const start = now();
|
|
||||||
return () => {
|
|
||||||
if (now() - start > timeout) {
|
|
||||||
throw new Error(`Infinite loop detected`);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
export function validate_store_dev$legacy(store, name) {
|
|
||||||
if (store != null && typeof store.subscribe !== 'function') {
|
|
||||||
throw new Error(`'${name}' is not a store with a 'subscribe' method`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,147 +0,0 @@
|
|||||||
import { SvelteComponent } from './Component';
|
|
||||||
|
|
||||||
const dev$context = {
|
|
||||||
block: null,
|
|
||||||
component: null,
|
|
||||||
};
|
|
||||||
abstract class Dev$ {
|
|
||||||
self;
|
|
||||||
parent_block = dev$context.block;
|
|
||||||
parent_component = dev$context.component;
|
|
||||||
constructor(self) {
|
|
||||||
this.self = self;
|
|
||||||
}
|
|
||||||
abstract add(type, payload): void;
|
|
||||||
abstract subscribers: {}[];
|
|
||||||
dispatch(type, payload: any) {
|
|
||||||
this.add(type, payload);
|
|
||||||
this.subscribers.forEach((subscriber) => {
|
|
||||||
if (type in subscriber) subscriber[type](payload);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
subscribe(subscriber) {
|
|
||||||
this.subscribers.push(subscriber);
|
|
||||||
return () => {
|
|
||||||
const index = this.subscribers.indexOf(subscriber);
|
|
||||||
if (~index) this.subscribers.splice(index, 1);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
class Dev$Component extends Dev$ {
|
|
||||||
self: SvelteComponent;
|
|
||||||
block;
|
|
||||||
add(type, payload) {}
|
|
||||||
}
|
|
||||||
class Dev$Block extends Dev$ {
|
|
||||||
self;
|
|
||||||
parent_block;
|
|
||||||
parent_component;
|
|
||||||
elements: Dev$Element[] = [];
|
|
||||||
}
|
|
||||||
class Dev$Element extends Dev$ {
|
|
||||||
component;
|
|
||||||
node;
|
|
||||||
parent;
|
|
||||||
children = [];
|
|
||||||
attributes: {};
|
|
||||||
eventListeners: {};
|
|
||||||
style: {};
|
|
||||||
class: {};
|
|
||||||
add(type, payload) {}
|
|
||||||
subscribers: Dev$ElementSubscriber[] = [];
|
|
||||||
dispatch(type, payload: any) {
|
|
||||||
this.add(type, payload);
|
|
||||||
this.subscribers.forEach((subscriber) => {
|
|
||||||
if (type in subscriber) subscriber[type](payload);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
subscribe(subscriber) {
|
|
||||||
this.subscribers.push(subscriber);
|
|
||||||
return () => {
|
|
||||||
const index = this.subscribers.indexOf(subscriber);
|
|
||||||
if (~index) this.subscribers.splice(index, 1);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
interface Dev$ElementSubscriber {
|
|
||||||
onMount(payload): void;
|
|
||||||
onUnmount(payload): void;
|
|
||||||
setAttribute(payload): void;
|
|
||||||
removeAttribute(payload): void;
|
|
||||||
addEventListener(payload): void;
|
|
||||||
removeEventListener(payload): void;
|
|
||||||
addClass(payload): void;
|
|
||||||
removeClass(payload): void;
|
|
||||||
addStyle(payload): void;
|
|
||||||
removeStyle(payload): void;
|
|
||||||
}
|
|
||||||
|
|
||||||
const dev$dispatch =
|
|
||||||
__DEV__ &&
|
|
||||||
!__TEST__ &&
|
|
||||||
typeof window !== 'undefined' &&
|
|
||||||
(function dev$create_hook() {
|
|
||||||
const subscribers = [];
|
|
||||||
const rootComponents = [];
|
|
||||||
const hook = {
|
|
||||||
version: __VERSION__,
|
|
||||||
has_subscribers: false,
|
|
||||||
subscribe(listener) {
|
|
||||||
this.has_subscribers = true;
|
|
||||||
subscribers.push(listener);
|
|
||||||
if (rootComponents.length) rootComponents.forEach((component) => listener.addRootComponent(component));
|
|
||||||
else listener.ping(`init-no-components`);
|
|
||||||
return () => {
|
|
||||||
const index = subscribers.indexOf(listener);
|
|
||||||
if (~index) {
|
|
||||||
subscribers.splice(index, 1);
|
|
||||||
this.has_subscribers = !!subscribers.length;
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
},
|
|
||||||
};
|
|
||||||
Object.defineProperty(window, `__SVELTE_DEVTOOLS_GLOBAL_HOOK__`, {
|
|
||||||
enumerable: false,
|
|
||||||
get() {
|
|
||||||
return hook;
|
|
||||||
},
|
|
||||||
});
|
|
||||||
return function update(target_type, event_type, ...values) {
|
|
||||||
if (!hook.has_subscribers) return;
|
|
||||||
subscribers.forEach((listener) => {
|
|
||||||
if (target_type in listener && event_type in listener[target_type]) {
|
|
||||||
listener[target_type][event_type](...values);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
})();
|
|
||||||
|
|
||||||
export function dev$element(element: Element | Node | EventTarget, event: keyof ElementEventsMap, payload?: any) {
|
|
||||||
if (__DEV__) {
|
|
||||||
dev$dispatch(`element`, event, element, payload);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export function dev$block(event: keyof BlockEventsMap, payload) {}
|
|
||||||
export function dev$assert(truthy: any, else_throw: string) {
|
|
||||||
if (__DEV__ && !truthy) {
|
|
||||||
throw new Error(else_throw);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
interface ElementEventsMap {
|
|
||||||
onMount;
|
|
||||||
onDestroy;
|
|
||||||
setAttribute;
|
|
||||||
removeAttribute;
|
|
||||||
addEventListener;
|
|
||||||
removeEventListener;
|
|
||||||
addClass;
|
|
||||||
removeClass;
|
|
||||||
}
|
|
||||||
interface BlockEventsMap {
|
|
||||||
'create';
|
|
||||||
'claim';
|
|
||||||
'claim.failed';
|
|
||||||
}
|
|
||||||
@ -0,0 +1,158 @@
|
|||||||
|
import { custom_event, append, insert, detach, listen, attr } from './dom';
|
||||||
|
import { now, has_Symbol } from 'svelte/environment';
|
||||||
|
import { SvelteComponent } from './Component';
|
||||||
|
|
||||||
|
export function add_location_dev(element, file, line, column, char) {
|
||||||
|
element.__svelte_meta = {
|
||||||
|
loc: { file, line, column, char },
|
||||||
|
};
|
||||||
|
}
|
||||||
|
export function dispatch_dev<T = any>(type: string, detail?: T) {
|
||||||
|
document.dispatchEvent(custom_event(type, { version: __VERSION__, ...detail }));
|
||||||
|
}
|
||||||
|
|
||||||
|
export function append_dev(target: Node, node: Node) {
|
||||||
|
dispatch_dev('SvelteDOMInsert', { target, node });
|
||||||
|
append(target, node);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function insert_dev(target: Node, node: Node, anchor?: Node) {
|
||||||
|
dispatch_dev('SvelteDOMInsert', { target, node, anchor });
|
||||||
|
insert(target, node, anchor);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function detach_dev(node: Node) {
|
||||||
|
dispatch_dev('SvelteDOMRemove', { node });
|
||||||
|
detach(node);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function detach_between_dev(before: Node, after: Node) {
|
||||||
|
while (before.nextSibling && before.nextSibling !== after) {
|
||||||
|
detach_dev(before.nextSibling);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function detach_before_dev(after: Node) {
|
||||||
|
while (after.previousSibling) {
|
||||||
|
detach_dev(after.previousSibling);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function detach_after_dev(before: Node) {
|
||||||
|
while (before.nextSibling) {
|
||||||
|
detach_dev(before.nextSibling);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function listen_dev(
|
||||||
|
node: Node,
|
||||||
|
event: string,
|
||||||
|
handler: EventListenerOrEventListenerObject,
|
||||||
|
options?: boolean | AddEventListenerOptions | EventListenerOptions,
|
||||||
|
has_prevent_default?: boolean,
|
||||||
|
has_stop_propagation?: boolean
|
||||||
|
) {
|
||||||
|
const modifiers = options === true ? ['capture'] : options ? Array.from(Object.keys(options)) : [];
|
||||||
|
if (has_prevent_default) modifiers.push('preventDefault');
|
||||||
|
if (has_stop_propagation) modifiers.push('stopPropagation');
|
||||||
|
|
||||||
|
dispatch_dev('SvelteDOMAddEventListener', { node, event, handler, modifiers });
|
||||||
|
|
||||||
|
const dispose = listen(node, event, handler, options);
|
||||||
|
return () => {
|
||||||
|
dispatch_dev('SvelteDOMRemoveEventListener', { node, event, handler, modifiers });
|
||||||
|
dispose();
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function attr_dev(node: Element, attribute: string, value?: string) {
|
||||||
|
attr(node, attribute, value);
|
||||||
|
|
||||||
|
if (value == null) dispatch_dev('SvelteDOMRemoveAttribute', { node, attribute });
|
||||||
|
else dispatch_dev('SvelteDOMSetAttribute', { node, attribute, value });
|
||||||
|
}
|
||||||
|
|
||||||
|
export function prop_dev(node: Element, property: string, value?: any) {
|
||||||
|
node[property] = value;
|
||||||
|
|
||||||
|
dispatch_dev('SvelteDOMSetProperty', { node, property, value });
|
||||||
|
}
|
||||||
|
|
||||||
|
export function dataset_dev(node: HTMLElement, property: string, value?: any) {
|
||||||
|
node.dataset[property] = value;
|
||||||
|
|
||||||
|
dispatch_dev('SvelteDOMSetDataset', { node, property, value });
|
||||||
|
}
|
||||||
|
|
||||||
|
export function set_data_dev(text, data) {
|
||||||
|
data = '' + data;
|
||||||
|
if (text.data === data) return;
|
||||||
|
|
||||||
|
dispatch_dev('SvelteDOMSetData', { node: text, data });
|
||||||
|
text.data = data;
|
||||||
|
}
|
||||||
|
export function loop_guard_dev(timeout) {
|
||||||
|
const start = now();
|
||||||
|
return () => {
|
||||||
|
if (now() - start > timeout) {
|
||||||
|
throw new Error(`Infinite loop detected`);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
export function validate_store_dev(store, name) {
|
||||||
|
if (store != null && typeof store.subscribe !== 'function') {
|
||||||
|
throw new Error(
|
||||||
|
`Could not subscribe to $${name}. A valid store is an object with a .subscribe method, consider setting ${name} to null if this is expected.`
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export const is_array_like_dev = (arg) => {
|
||||||
|
if (typeof arg !== 'string' && typeof arg === 'object' && !('length' in arg))
|
||||||
|
throw new Error(
|
||||||
|
`{#each} only iterates over Array-like Objects.${
|
||||||
|
has_Symbol && Symbol.iterator in arg
|
||||||
|
? ' Consider using a [...spread] to convert this iterable into an Array instead.'
|
||||||
|
: ''
|
||||||
|
}`
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export const check_duplicate_keys_dev = (ctx, list, get_context, get_key) => {
|
||||||
|
const keys = new Set();
|
||||||
|
for (let i = 0; i < list.length; i++) {
|
||||||
|
const key = get_key(get_context(ctx, list, i));
|
||||||
|
if (keys.has(key)) {
|
||||||
|
throw new Error(`Cannot have duplicate keys in a keyed each`);
|
||||||
|
}
|
||||||
|
keys.add(key);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
type Props = Record<string, any>;
|
||||||
|
export interface SvelteComponentDev {
|
||||||
|
$set(props?: Props): void;
|
||||||
|
$on<T = any>(event: string, callback: (event: CustomEvent<T>) => void): () => void;
|
||||||
|
$destroy(): void;
|
||||||
|
[accessor: string]: any;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class SvelteComponentDev extends SvelteComponent {
|
||||||
|
constructor(options: {
|
||||||
|
target: Element;
|
||||||
|
anchor?: Element;
|
||||||
|
props?: Props;
|
||||||
|
hydrate?: boolean;
|
||||||
|
intro?: boolean;
|
||||||
|
$$inline?: boolean;
|
||||||
|
}) {
|
||||||
|
if (!options || (!options.target && !options.$$inline)) throw new Error(`'target' is a required option`);
|
||||||
|
super();
|
||||||
|
}
|
||||||
|
$destroy() {
|
||||||
|
super.$destroy();
|
||||||
|
this.$destroy = () => {
|
||||||
|
console.warn(`Component was already destroyed`); // eslint-disable-line no-console
|
||||||
|
};
|
||||||
|
}
|
||||||
|
$capture_state() {}
|
||||||
|
$inject_state() {}
|
||||||
|
}
|
||||||
@ -1,56 +0,0 @@
|
|||||||
import { SvelteComponent } from './Component';
|
|
||||||
import { now, has_Symbol } from 'svelte/environment';
|
|
||||||
import { dev$assert } from './dev.tools';
|
|
||||||
|
|
||||||
export const dev$is_array_like = (arg) =>
|
|
||||||
dev$assert(
|
|
||||||
typeof arg === 'string' || (typeof arg === 'object' && 'length' in arg),
|
|
||||||
`{#each} only iterates over Array-like Objects.${
|
|
||||||
has_Symbol && Symbol.iterator in arg
|
|
||||||
? ' Consider using a [...spread] to convert this iterable into an Array instead.'
|
|
||||||
: ''
|
|
||||||
}`
|
|
||||||
);
|
|
||||||
|
|
||||||
export const dev$known_slots = (name, slot, keys) =>
|
|
||||||
Object.keys(slot).forEach((key) => dev$assert(keys.includes(key), `<${name}> received an unexpected slot "${key}".`));
|
|
||||||
|
|
||||||
export const dev$is_valid_store = (store, name) =>
|
|
||||||
dev$assert(
|
|
||||||
typeof store === 'object' && (store === null || typeof store.subscribe === 'function'),
|
|
||||||
`Could not subscribe to $${name}. A valid store is an object with a .subscribe method, consider setting ${name} to null if this is expected.`
|
|
||||||
);
|
|
||||||
|
|
||||||
export function dev$loop_guard(loopGuardTimeout) {
|
|
||||||
const start = now();
|
|
||||||
return () => dev$assert(now() - start < loopGuardTimeout, `Infinite loop detected`);
|
|
||||||
}
|
|
||||||
type Props = Record<string, any>;
|
|
||||||
export interface SvelteComponentDev {
|
|
||||||
$set(props?: Props): void;
|
|
||||||
$on<T = any>(event: string, callback: (event: CustomEvent<T>) => void): () => void;
|
|
||||||
$destroy(): void;
|
|
||||||
[accessor: string]: any;
|
|
||||||
}
|
|
||||||
|
|
||||||
export class SvelteComponentDev extends SvelteComponent {
|
|
||||||
constructor(options: {
|
|
||||||
target: Element;
|
|
||||||
anchor?: Element;
|
|
||||||
props?: Props;
|
|
||||||
hydrate?: boolean;
|
|
||||||
intro?: boolean;
|
|
||||||
$$inline?: boolean;
|
|
||||||
}) {
|
|
||||||
if (!options || (!options.target && !options.$$inline)) throw new Error(`'target' is a required option`);
|
|
||||||
super();
|
|
||||||
}
|
|
||||||
$destroy() {
|
|
||||||
super.$destroy();
|
|
||||||
this.$destroy = () => {
|
|
||||||
console.warn(`Component was already destroyed`); // eslint-disable-line no-console
|
|
||||||
};
|
|
||||||
}
|
|
||||||
$capture_state() {}
|
|
||||||
$inject_state() {}
|
|
||||||
}
|
|
||||||
Loading…
Reference in new issue