82 Commits (56df761f95a2e26ce8d6f9fadc0b71b6a33214a4)

Author	SHA1	Message	Date
Simon H	d083f8a3f2	feat: custom elements rework (#8457) ... This is an overhaul of custom elements in Svelte. Instead of compiling to a custom element class, the Svelte component class is mostly preserved as-is. Instead a wrapper is introduced which wraps a Svelte component constructor and returns a HTML element constructor. This has a couple of advantages: - component can be used both as a custom element as well as a regular component. This allows creating one wrapper custom element and using regular Svelte components inside. Fixes #3594, fixes #3128, fixes #4274, fixes #5486, fixes #3422, fixes #2969, helps with https://github.com/sveltejs/kit/issues/4502 - all components are compiled with injected styles (inlined through Javascript), fixes #4274 - the wrapper instantiates the component in `connectedCallback` and disconnects it in `disconnectedCallback` (but only after one tick, because this could be a element move). Mount/destroy works as expected inside, fixes #5989, fixes #8191 - the wrapper forwards `addEventListener` calls to `component.$on`, which allows to listen to custom events, fixes #3119, closes #4142 - some things are hard to auto-configure, like attribute hyphen preferences or whether or not setting a property should reflect back to the attribute. This is why `<svelte:options customElement={..}>` can also take an object to modify such aspects. This option allows to specify whether setting a prop should be reflected back to the attribute (default `false`), what to use when converting the property to the attribute value and vice versa (through `type`, default `String`, or when `export let prop = false` then `Boolean`), and what the corresponding attribute for the property is (`attribute`, default lowercased prop name). These options are heavily inspired by lit: https://lit.dev/docs/components/properties. Closes #7638, fixes #5705 - adds a `shadowdom` option to control whether or not encapsulate the custom element. Closes #4330, closes #1748 Breaking changes: - Wrapped Svelte component now stays as a regular Svelte component (invokeing it like before with `new Component({ target: ..})` won't create a custom element). Its custom element constructor is now a static property named `element` on the class (`Component.element`) and should be regularly invoked through setting it in the html. - The timing of mount/destroy/update is different. Mount/destroy/updating a prop all happen after a tick, so `shadowRoot.innerHTML` won't immediately reflect the change (Lit does this too). If you rely on it, you need to await a promise	2 years ago
Jay Harris	4f42daeff7	feat: `trusted-types` CSP compatibility for Web Components (#8135)	2 years ago
Hofer Ivan	5cfefeb6e7	support rendering components in a shadow dom (#5870)	3 years ago
Pontus Lundin	d4f98fb63a	Call onMount when connected & clean up when disconnected for custom element (#4522) ... * call onDestroy when disconnected * lifecycle hooks and custom elements - Call onMount in connectedCallback for customElements - register onMount return values as on_disconnect-callbacks for customElements - run on_disconnect callbacks in disconnectedCallback * do not reset on_mount so that it can fire again if reinserted * simpler isCustomElement & skip extra function call - pass options.customElement down to mount_component - remove expensive isCustomElement check - only call add_render_callback if not customElement Co-authored-by: Pontus Lundin <pontus.lundin@ica.se>	4 years ago
Tan Li Hau	6fa3e91b5d	support $$props and $$restProps for custom elements (#5608)	4 years ago
Andreas Ehrencrona	ddf13211af	Updated to ESLint config 5.4.0 (#5541)	4 years ago
Richard Harris	d8b25afacd	update tests	5 years ago
Richard Harris	47a9811c1e	alternative fix for #3508	5 years ago
Rich Harris	b9f14846b0	Structured code generation (#3539)	5 years ago
Richard Harris	d2568aa583	skip observedAttributes where appropriate - fixes #2399	6 years ago
Rich Harris	a07eac432a	update API reference docs (#2206)	6 years ago
Rich Harris	21d56c9ee3	Tidy up (#2252)	6 years ago
Richard Harris	b162de80ce	update JS tests	6 years ago
Rich Harris	687e352209	rename .html files to .svelte	6 years ago
Conduitry	a270661d20	rename `<svelte:meta>` to `<svelte:options>` (#2017)	6 years ago
Rich Harris	c2e6d1bf0d	Better composition — implements https://github.com/sveltejs/rfcs/pull/12	6 years ago
Richard Harris	ed9df1fff3	dont use identity function to reflect props	6 years ago
Rich Harris	0ea3840046	Overhaul transitions - fixes #1906	6 years ago
Richard Harris	1d9ce0fff5	update tests	6 years ago
Rich Harris	1f46e23e1b	More conservative invalidation	6 years ago
Conduitry	df57e508f8	use extension-less import for svelte/internal	6 years ago
Rich Harris	f45e2b70fd	Implement reactive assignments (#1839) ... This also includes elements of RFCs 2 and 3	6 years ago
Rich Harris	4a88c9ccb5	remove -bundle files	6 years ago
Rich Harris	a18cec0ec6	not sure where that extra blank line came from	6 years ago
Rich Harris	c2f0ca3e2e	alternative approach to #1520	6 years ago
Jacob Wright	2c24c36120	Allows fragment updates to happen after state updates ... Proposed fix for #1520. Provides a starting point for discussion.	6 years ago
Rich Harris	d323f51e6c	update tests	6 years ago
Rich Harris	b94d7adfec	replace appendNode(node, parent) with append(parent, node) - easier to follow	6 years ago
Conduitry	e66d9ffae7	in .fire always set calling flag back to false (#1587) ... * in .fire always set calling flag back to false (#1573) * update expected bundles	6 years ago
Pavel Malyshev	52ece0b5f0	Fix for #1538	6 years ago
Rich Harris	c4937d271f	fix skipped intros	7 years ago
Rich Harris	042ec54f7f	nested component transitions	7 years ago
Rich Harris	44bb2da29b	add skipIntroByDefault compiler option (#547)	7 years ago
Rich Harris	103f278cfc	update tests	7 years ago
Rich Harris	a29e2733cd	update tests	7 years ago
Rich Harris	ef39f00902	assign custom methods to custom element prototype - fixes #1369	7 years ago
Rich Harris	86d3476b55	minor fixes, update various tests	7 years ago
Rich Harris	f8b076b2f3	set state to blank object on destroy, not null - fixes #1354	7 years ago
Rich Harris	df4e3678dc	update snapshot tests	7 years ago
Rich Harris	daa2635cd3	update snapshot tests	7 years ago
Rich Harris	c1573dbf2c	implement onstate and onupdate	7 years ago
Rich-Harris	36290cb6cd	component spread	7 years ago
Luke Edwards	a412f11907	update test samples’ expectants	7 years ago
ekhaled	2e9cd4742c	fix snapshots for the actual mounting code	7 years ago
ekhaled	270be984ac	fix bundle snapshots	7 years ago
ekhaled	2e3724f7d3	fix snapshots	7 years ago
Rich Harris	94c76308a1	update deps to get tests to pass again	7 years ago
Rich Harris	d162ce9968	Merge branch 'master' into gh-1122	7 years ago
Rich Harris	1b599bd57b	put _differs on prototype, remove runtime option	7 years ago
Rich Harris	c0292cbca1	update tests	7 years ago