svelte

Commit Graph

Author	SHA1	Message	Date
Jacob Wright	a669faca84	Allows actions to use any expression type Allow any expression to pass data to an action. Added a test for a ternary statement and a string template. Fixes #1676	8 years ago
Rich Harris	4c8e0922a9	separate hasOutros from hasOutroMethod - fixes #1492	8 years ago
Rich Harris	96d67b274d	groundwork for animations (#1431 )	8 years ago
Rich Harris	ff214ef8ab	SSR tests	8 years ago
Rich Harris	f8801feb2b	add codes to errors	8 years ago
Rich Harris	9235efb8dd	more tests, support svelte: elements	8 years ago
Jacob Wright	a5ed6cbe18	Adds actions to components Actions add additional functionality to elements within your component's template that may be difficult to add with other mechanisms. Examples of functionality which actions makes trivial to attach are: * tooltips * image lazy loaders * drag and drop functionality Actions can be added to an element with the `use` directive. ```html <img use:lazyload data-src="giant-photo.jpg> ``` Data may be passed to the action as an object literal (e.g. `use:b="{ setting: true }"`, a literal value (e.g. `use:b="'a string'"`), or a value or function from your component's state (e.g. `add:b="foo"` or `add:b="foo()"`). Actions are defined in a "actions" property on your component definition. ```html <script> export default { actions: { b(node, data) { // do something return { update(data) {}, destroy() {} } } } } </script> ``` A action is a function which receives a reference to an element and optionally the data if it is added in the HTML. This function can then attach listeners or alter the element as needed. The action can optionally return an object with the methods `update(data)` and `destroy()`. When data is added in the HTML and comes from state, the action's `update(data)` will be called if defined whenever the state is changed. When the element is removed from the DOM `destroy()` will be called if provided, allowing for cleanup of event listeners, etc. See https://github.com/sveltejs/svelte/issues/469 for discussion around this feature and more examples of how it could be used.	9 years ago
Rich Harris	b2c2a02f50	nicer error messages	9 years ago
Rich Harris	f06cf99434	error if ref:foo has a value	9 years ago
Rich Harris	7ee33246fa	dont treat :foo as a directive	9 years ago
Jacob Wright	0f9570a9b6	Refactor directive parsing for code reuse This removes the copy-pasta for directive parsing and removes the need for special if-else cases for each directive.	9 years ago
Conduitry	15e105392d	upgrade acorn and parse as ES2018	9 years ago
Rich Harris	224a3c0e96	start work on <slot>	9 years ago
Rich Harris	fedbab8839	more TS fixes	9 years ago
Rich Harris	e25a4d5882	event propagation shorthand for elements (#638 )	9 years ago
Rich Harris	ba0cbdb8d0	TS-ify spaces.js and deindent.js, so they get included in prettier task	9 years ago
Rich Harris	3cc89a0a95	add trailing commas to prettier config, only run on .ts files	9 years ago
Rich Harris	f92b33c130	run prettier on src, update tests	9 years ago
Rich Harris	4b08fe38f2	change error message for invalid bindings	9 years ago
Rich-Harris	8a5b11dd74	more typescript conversion	9 years ago
Rich-Harris	fd8b09eb2e	add a few type annotations	9 years ago
Rich-Harris	f06cb81c22	switch a few more files over	9 years ago

22 Commits (a669faca8492abc699f0549c9c8578c46408a115)