Create new
Bindings
Transitions
Animations
Easing
Component composition
Context API
Special elements
Module context
Debugging
Miscellaneous
App.svelte
runes
This component is in runes mode.
To disable runes mode, add the following to the top of your component:
<svelte:options runes={false} />
999
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
›
⌄
⌄
⌄
⌄
⌄
⌄
⌄
<script>
import { quintOut } from 'svelte/easing';
import { crossfade } from 'svelte/transition';
import { flip } from 'svelte/animate';
const [send, receive] = crossfade({
fallback(node, params) {
const style = getComputedStyle(node);
const transform = style.transform === 'none' ? '' : style.transform;
return {
duration: 600,
easing: quintOut,
css: (t) => `
transform: ${transform} scale(${t});
opacity: ${t}
`
};
}
});
let todos = $state([
{ id: 1, done: false, description: 'write some docs' },
{ id: 2, done: false, description: 'start writing JSConf talk' },
{ id: 3, done: true, description: 'buy some milk' },
{ id: 4, done: false, description: 'mow the lawn' },
{ id: 5, done: false, description: 'feed the turtle' },
{ id: 6, done: false, description: 'fix some bugs' }
]);
// svelte-ignore state_referenced_locally
let uid = todos.length + 1;
function add(input) {
const todo = {
id: uid++,
Error compiling component
WebAssembly.instantiateStreaming(): value type opcode @+13
999
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
›
⌄
⌄
⌄
⌄
⌄
⌄
import 'svelte/internal/disclose-version';
import * as $ from 'svelte/internal/client';
import { quintOut } from 'svelte/easing';
import { crossfade } from 'svelte/transition';
import { flip } from 'svelte/animate';
var on_keydown = (event, add) => event.key === 'Enter' && add(event.target);
var on_click = (_, remove, todo) => remove($.get(todo));
var root_1 = $.template(`<label class="svelte-353zn8"><input type="checkbox" class="svelte-353zn8"> <button class="svelte-353zn8">x</button></label>`);
var on_click_1 = (__1, remove, todo) => remove($.get(todo));
var root_2 = $.template(`<label class="svelte-353zn8"><input type="checkbox" class="svelte-353zn8"> <button class="svelte-353zn8">x</button></label>`);
var root = $.template(`<div class="board svelte-353zn8"><input class="new-todo svelte-353zn8" placeholder="what needs to be done?"> <div class="left svelte-353zn8"><h2 class="svelte-353zn8">todo</h2> <!></div> <div class="right svelte-353zn8"><h2 class="svelte-353zn8">done</h2> <!></div></div>`);
export default function App($$anchor, $$props) {
$.push($$props, true);
const [send, receive] = crossfade({
fallback(node, params) {
const style = getComputedStyle(node);
const transform = style.transform === 'none' ? '' : style.transform;
return {
duration: 600,
easing: quintOut,
css: (t) => `
transform: ${transform} scale(${t});
opacity: ${t}
`
};
}
});
let todos = $.state($.proxy([
{
id: 1,
done: false,
result = svelte.compile(source, {
generate: ,
});99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
›
.new-todo.svelte-353zn8 {
font-size: 1.4em;
width: 100%;
margin: 2em 0 1em 0;
}
.board.svelte-353zn8 {
max-width: 36em;
margin: 0 auto;
}
.left.svelte-353zn8,
.right.svelte-353zn8 {
float: left;
width: 50%;
padding: 0 1em 0 0;
box-sizing: border-box;
}
h2.svelte-353zn8 {
font-size: 2em;
font-weight: 200;
user-select: none;
}
label.svelte-353zn8 {
top: 0;
left: 0;
display: block;
font-size: 1em;
line-height: 1;
padding: 0.5em;
margin: 0 auto 0.5em auto;
border-radius: 2px;
background-color: #eee;
Root {
css: StyleSheet {...}
- type: "StyleSheet"
- start: 1999
- end: 2881
- attributes: []
children: [...] (9)
Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2008
- end: 2017
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2008
- end: 2017
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "new-todo"
- start: 2008
- end: 2017
}
]- start: 2008
- end: 2017
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2018
- end: 2080
children: [...] (3)
Declaration {...}
- type: "Declaration"
- start: 2022
- end: 2038
- property: "font-size"
- value: "1.4em"
} Declaration {...}
- type: "Declaration"
- start: 2042
- end: 2053
- property: "width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 2057
- end: 2076
- property: "margin"
- value: "2em 0 1em 0"
}
]
}- start: 2008
- end: 2080
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2083
- end: 2089
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2083
- end: 2089
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "board"
- start: 2083
- end: 2089
}
]- start: 2083
- end: 2089
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2090
- end: 2131
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 2094
- end: 2109
- property: "max-width"
- value: "36em"
} Declaration {...}
- type: "Declaration"
- start: 2113
- end: 2127
- property: "margin"
- value: "0 auto"
}
]
}- start: 2083
- end: 2131
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2134
- end: 2148
children: [...] (2)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2134
- end: 2139
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "left"
- start: 2134
- end: 2139
}
]- start: 2134
- end: 2139
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 2142
- end: 2148
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "right"
- start: 2142
- end: 2148
}
]- start: 2142
- end: 2148
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2149
- end: 2230
children: [...] (4)
Declaration {...}
- type: "Declaration"
- start: 2153
- end: 2164
- property: "float"
- value: "left"
} Declaration {...}
- type: "Declaration"
- start: 2168
- end: 2178
- property: "width"
- value: "50%"
} Declaration {...}
- type: "Declaration"
- start: 2182
- end: 2200
- property: "padding"
- value: "0 1em 0 0"
} Declaration {...}
- type: "Declaration"
- start: 2204
- end: 2226
- property: "box-sizing"
- value: "border-box"
}
]
}- start: 2134
- end: 2230
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2233
- end: 2235
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2233
- end: 2235
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "h2"
- start: 2233
- end: 2235
}
]- start: 2233
- end: 2235
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2236
- end: 2299
children: [...] (3)
Declaration {...}
- type: "Declaration"
- start: 2240
- end: 2254
- property: "font-size"
- value: "2em"
} Declaration {...}
- type: "Declaration"
- start: 2258
- end: 2274
- property: "font-weight"
- value: "200"
} Declaration {...}
- type: "Declaration"
- start: 2278
- end: 2295
- property: "user-select"
- value: "none"
}
]
}- start: 2233
- end: 2299
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2302
- end: 2307
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2302
- end: 2307
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "label"
- start: 2302
- end: 2307
}
]- start: 2302
- end: 2307
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2308
- end: 2519
children: [...] (11)
Declaration {...}
- type: "Declaration"
- start: 2312
- end: 2318
- property: "top"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 2322
- end: 2329
- property: "left"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 2333
- end: 2347
- property: "display"
- value: "block"
} Declaration {...}
- type: "Declaration"
- start: 2351
- end: 2365
- property: "font-size"
- value: "1em"
} Declaration {...}
- type: "Declaration"
- start: 2369
- end: 2383
- property: "line-height"
- value: "1"
} Declaration {...}
- type: "Declaration"
- start: 2387
- end: 2401
- property: "padding"
- value: "0.5em"
} Declaration {...}
- type: "Declaration"
- start: 2405
- end: 2430
- property: "margin"
- value: "0 auto 0.5em auto"
} Declaration {...}
- type: "Declaration"
- start: 2434
- end: 2452
- property: "border-radius"
- value: "2px"
} Declaration {...}
- type: "Declaration"
- start: 2456
- end: 2478
- property: "background-color"
- value: "#eee"
} Declaration {...}
- type: "Declaration"
- start: 2482
- end: 2499
- property: "user-select"
- value: "none"
} Declaration {...}
- type: "Declaration"
- start: 2503
- end: 2515
- property: "color"
- value: "black"
}
]
}- start: 2302
- end: 2519
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2522
- end: 2527
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2522
- end: 2527
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "input"
- start: 2522
- end: 2527
}
]- start: 2522
- end: 2527
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2528
- end: 2545
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2532
- end: 2541
- property: "margin"
- value: "0"
}
]
}- start: 2522
- end: 2545
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2548
- end: 2560
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2548
- end: 2560
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "right"
- start: 2548
- end: 2554
}
]- start: 2548
- end: 2554
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: " "
- start: 2554
- end: 2555
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "label"
- start: 2555
- end: 2560
}
]- start: 2554
- end: 2560
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2561
- end: 2605
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2565
- end: 2601
- property: "background-color"
- value: "rgb(180, 240, 100)"
}
]
}- start: 2548
- end: 2605
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2608
- end: 2614
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2608
- end: 2614
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "button"
- start: 2608
- end: 2614
}
]- start: 2608
- end: 2614
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2615
- end: 2832
children: [...] (10)
Declaration {...}
- type: "Declaration"
- start: 2619
- end: 2631
- property: "float"
- value: "right"
} Declaration {...}
- type: "Declaration"
- start: 2635
- end: 2646
- property: "height"
- value: "1em"
} Declaration {...}
- type: "Declaration"
- start: 2650
- end: 2672
- property: "box-sizing"
- value: "border-box"
} Declaration {...}
- type: "Declaration"
- start: 2676
- end: 2692
- property: "padding"
- value: "0 0.5em"
} Declaration {...}
- type: "Declaration"
- start: 2696
- end: 2710
- property: "line-height"
- value: "1"
} Declaration {...}
- type: "Declaration"
- start: 2714
- end: 2743
- property: "background-color"
- value: "transparent"
} Declaration {...}
- type: "Declaration"
- start: 2747
- end: 2759
- property: "border"
- value: "none"
} Declaration {...}
- type: "Declaration"
- start: 2763
- end: 2786
- property: "color"
- value: "rgb(170, 30, 30)"
} Declaration {...}
- type: "Declaration"
- start: 2790
- end: 2800
- property: "opacity"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 2804
- end: 2828
- property: "transition"
- value: "opacity 0.2s"
}
]
}- start: 2608
- end: 2832
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2835
- end: 2853
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2835
- end: 2853
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (2)
TypeSelector {...}
- type: "TypeSelector"
- name: "label"
- start: 2835
- end: 2840
} PseudoClassSelector {...}
- type: "PseudoClassSelector"
- name: "hover"
- args: null
- start: 2840
- end: 2846
}
]- start: 2835
- end: 2846
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: " "
- start: 2846
- end: 2847
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "button"
- start: 2847
- end: 2853
}
]- start: 2846
- end: 2853
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2854
- end: 2872
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2858
- end: 2868
- property: "opacity"
- value: "1"
}
]
}- start: 2835
- end: 2872
}
]content: {...}
- start: 2006
- end: 2873
- styles: "\n\t.new-todo {\n\t\tfont-size: 1.4em;\n\t\twidth: 100%;\n\t\tmargin: 2em 0 1em 0;\n\t}\n\n\t.board {\n\t\tmax-width: 36em;\n\t\tmargin: 0 auto;\n\t}\n\n\t.left,\n\t.right {\n\t\tfloat: left;\n\t\twidth: 50%;\n\t\tpadding: 0 1em 0 0;\n\t\tbox-sizing: border-box;\n\t}\n\n\th2 {\n\t\tfont-size: 2em;\n\t\tfont-weight: 200;\n\t\tuser-select: none;\n\t}\n\n\tlabel {\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tdisplay: block;\n\t\tfont-size: 1em;\n\t\tline-height: 1;\n\t\tpadding: 0.5em;\n\t\tmargin: 0 auto 0.5em auto;\n\t\tborder-radius: 2px;\n\t\tbackground-color: #eee;\n\t\tuser-select: none;\n\t\tcolor: black;\n\t}\n\n\tinput {\n\t\tmargin: 0;\n\t}\n\n\t.right label {\n\t\tbackground-color: rgb(180, 240, 100);\n\t}\n\n\tbutton {\n\t\tfloat: right;\n\t\theight: 1em;\n\t\tbox-sizing: border-box;\n\t\tpadding: 0 0.5em;\n\t\tline-height: 1;\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tcolor: rgb(170, 30, 30);\n\t\topacity: 0;\n\t\ttransition: opacity 0.2s;\n\t}\n\n\tlabel:hover button {\n\t\topacity: 1;\n\t}\n"
- comment: null
}
}- js: []
- start: 1161
- end: 1997
- type: "Root"
fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 1159
- end: 1161
- raw: "\n\n"
- data: "\n\n"
} RegularElement {...}
- type: "RegularElement"
- start: 1161
- end: 1997
- name: "div"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 1166
- end: 1179
- name: "class"
value: [...] (1)
Text {...}
- start: 1173
- end: 1178
- type: "Text"
- raw: "board"
- data: "board svelte-353zn8"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (7)
Text {...}
- type: "Text"
- start: 1180
- end: 1182
- raw: "\n\t"
- data: "\n\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1182
- end: 1318
- name: "input"
attributes: [...] (3)
Attribute {...}
- type: "Attribute"
- start: 1191
- end: 1207
- name: "class"
value: [...] (1)
Text {...}
- start: 1198
- end: 1206
- type: "Text"
- raw: "new-todo"
- data: "new-todo svelte-353zn8"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1210
- end: 1246
- name: "placeholder"
value: [...] (1)
Text {...}
- start: 1223
- end: 1245
- type: "Text"
- raw: "what needs to be done?"
- data: "what needs to be done?"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1249
- end: 1314
- name: "onkeydown"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 1259
- end: 1314
expression: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 1260
- end: 1313
loc: {...}
start: {...}
- line: 54
- column: 13
}end: {...}
- line: 54
- column: 66
}
}- id: null
- expression: true
- generator: false
- async: false
params: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 1261
- end: 1266
loc: {...}
start: {...}
- line: 54
- column: 14
}end: {...}
- line: 54
- column: 19
}
}- name: "event"
}
]body: LogicalExpression {...}
- type: "LogicalExpression"
- start: 1271
- end: 1313
loc: {...}
start: {...}
- line: 54
- column: 24
}end: {...}
- line: 54
- column: 66
}
}left: BinaryExpression {...}
- type: "BinaryExpression"
- start: 1271
- end: 1292
loc: {...}
start: {...}
- line: 54
- column: 24
}end: {...}
- line: 54
- column: 45
}
}left: MemberExpression {...}
- type: "MemberExpression"
- start: 1271
- end: 1280
loc: {...}
start: {...}
- line: 54
- column: 24
}end: {...}
- line: 54
- column: 33
}
}object: Identifier {...}
- type: "Identifier"
- start: 1271
- end: 1276
loc: {...}
start: {...}
- line: 54
- column: 24
}end: {...}
- line: 54
- column: 29
}
}- name: "event"
}property: Identifier {...}
- type: "Identifier"
- start: 1277
- end: 1280
loc: {...}
start: {...}
- line: 54
- column: 30
}end: {...}
- line: 54
- column: 33
}
}- name: "key"
}- computed: false
- optional: false
}- operator: "==="
right: Literal {...}
- type: "Literal"
- start: 1285
- end: 1292
loc: {...}
start: {...}
- line: 54
- column: 38
}end: {...}
- line: 54
- column: 45
}
}- value: "Enter"
- raw: "'Enter'"
}
}- operator: "&&"
right: CallExpression {...}
- type: "CallExpression"
- start: 1296
- end: 1313
loc: {...}
start: {...}
- line: 54
- column: 49
}end: {...}
- line: 54
- column: 66
}
}callee: Identifier {...}
- type: "Identifier"
- start: 1296
- end: 1299
loc: {...}
start: {...}
- line: 54
- column: 49
}end: {...}
- line: 54
- column: 52
}
}- name: "add"
}arguments: [...] (1)
MemberExpression {...}
- type: "MemberExpression"
- start: 1300
- end: 1312
loc: {...}
start: {...}
- line: 54
- column: 53
}end: {...}
- line: 54
- column: 65
}
}object: Identifier {...}
- type: "Identifier"
- start: 1300
- end: 1305
loc: {...}
start: {...}
- line: 54
- column: 53
}end: {...}
- line: 54
- column: 58
}
}- name: "event"
}property: Identifier {...}
- type: "Identifier"
- start: 1306
- end: 1312
loc: {...}
start: {...}
- line: 54
- column: 59
}end: {...}
- line: 54
- column: 65
}
}- name: "target"
}- computed: false
- optional: false
}
]- optional: false
}
}
}
}
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 1318
- end: 1321
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 1321
- end: 1654
- name: "div"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 1326
- end: 1338
- name: "class"
value: [...] (1)
Text {...}
- start: 1333
- end: 1337
- type: "Text"
- raw: "left"
- data: "left svelte-353zn8"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (5)
Text {...}
- type: "Text"
- start: 1339
- end: 1342
- raw: "\n\t\t"
- data: "\n\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1342
- end: 1355
- name: "h2"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-353zn8"
- raw: "svelte-353zn8"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
Text {...}
- type: "Text"
- start: 1346
- end: 1350
- raw: "todo"
- data: "todo"
}
]
}
} Text {...}
- type: "Text"
- start: 1355
- end: 1358
- raw: " "
- data: " "
} EachBlock {...}
- type: "EachBlock"
- start: 1358
- end: 1646
expression: CallExpression {...}
- type: "CallExpression"
- start: 1365
- end: 1393
loc: {...}
start: {...}
- line: 59
- column: 9
}end: {...}
- line: 59
- column: 37
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 1365
- end: 1377
loc: {...}
start: {...}
- line: 59
- column: 9
}end: {...}
- line: 59
- column: 21
}
}object: Identifier {...}
- type: "Identifier"
- start: 1365
- end: 1370
loc: {...}
start: {...}
- line: 59
- column: 9
}end: {...}
- line: 59
- column: 14
}
}- name: "todos"
}property: Identifier {...}
- type: "Identifier"
- start: 1371
- end: 1377
loc: {...}
start: {...}
- line: 59
- column: 15
}end: {...}
- line: 59
- column: 21
}
}- name: "filter"
}- computed: false
- optional: false
}arguments: [...] (1)
ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 1378
- end: 1392
loc: {...}
start: {...}
- line: 59
- column: 22
}end: {...}
- line: 59
- column: 36
}
}- id: null
- expression: true
- generator: false
- async: false
params: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 1379
- end: 1380
loc: {...}
start: {...}
- line: 59
- column: 23
}end: {...}
- line: 59
- column: 24
}
}- name: "t"
}
]body: UnaryExpression {...}
- type: "UnaryExpression"
- start: 1385
- end: 1392
loc: {...}
start: {...}
- line: 59
- column: 29
}end: {...}
- line: 59
- column: 36
}
}- operator: "!"
- prefix: true
argument: MemberExpression {...}
- type: "MemberExpression"
- start: 1386
- end: 1392
loc: {...}
start: {...}
- line: 59
- column: 30
}end: {...}
- line: 59
- column: 36
}
}object: Identifier {...}
- type: "Identifier"
- start: 1386
- end: 1387
loc: {...}
start: {...}
- line: 59
- column: 30
}end: {...}
- line: 59
- column: 31
}
}- name: "t"
}property: Identifier {...}
- type: "Identifier"
- start: 1388
- end: 1392
loc: {...}
start: {...}
- line: 59
- column: 32
}end: {...}
- line: 59
- column: 36
}
}- name: "done"
}- computed: false
- optional: false
}
}
}
]- optional: false
}body: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 1412
- end: 1416
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1416
- end: 1636
- name: "label"
attributes: [...] (4)
TransitionDirective {...}
- start: 1423
- end: 1452
- type: "TransitionDirective"
- name: "receive"
expression: ObjectExpression {...}
- type: "ObjectExpression"
- start: 1435
- end: 1451
loc: {...}
start: {...}
- line: 60
- column: 22
}end: {...}
- line: 60
- column: 38
}
}properties: [...] (1)
Property {...}
- type: "Property"
- start: 1437
- end: 1449
loc: {...}
start: {...}
- line: 60
- column: 24
}end: {...}
- line: 60
- column: 36
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1437
- end: 1440
loc: {...}
start: {...}
- line: 60
- column: 24
}end: {...}
- line: 60
- column: 27
}
}- name: "key"
}value: MemberExpression {...}
- type: "MemberExpression"
- start: 1442
- end: 1449
loc: {...}
start: {...}
- line: 60
- column: 29
}end: {...}
- line: 60
- column: 36
}
}object: Identifier {...}
- type: "Identifier"
- start: 1442
- end: 1446
loc: {...}
start: {...}
- line: 60
- column: 29
}end: {...}
- line: 60
- column: 33
}
}- name: "todo"
}property: Identifier {...}
- type: "Identifier"
- start: 1447
- end: 1449
loc: {...}
start: {...}
- line: 60
- column: 34
}end: {...}
- line: 60
- column: 36
}
}- name: "id"
}- computed: false
- optional: false
}- kind: "init"
}
]
}- modifiers: []
- intro: true
- outro: false
} TransitionDirective {...}
- start: 1453
- end: 1480
- type: "TransitionDirective"
- name: "send"
expression: ObjectExpression {...}
- type: "ObjectExpression"
- start: 1463
- end: 1479
loc: {...}
start: {...}
- line: 60
- column: 50
}end: {...}
- line: 60
- column: 66
}
}properties: [...] (1)
Property {...}
- type: "Property"
- start: 1465
- end: 1477
loc: {...}
start: {...}
- line: 60
- column: 52
}end: {...}
- line: 60
- column: 64
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1465
- end: 1468
loc: {...}
start: {...}
- line: 60
- column: 52
}end: {...}
- line: 60
- column: 55
}
}- name: "key"
}value: MemberExpression {...}
- type: "MemberExpression"
- start: 1470
- end: 1477
loc: {...}
start: {...}
- line: 60
- column: 57
}end: {...}
- line: 60
- column: 64
}
}object: Identifier {...}
- type: "Identifier"
- start: 1470
- end: 1474
loc: {...}
start: {...}
- line: 60
- column: 57
}end: {...}
- line: 60
- column: 61
}
}- name: "todo"
}property: Identifier {...}
- type: "Identifier"
- start: 1475
- end: 1477
loc: {...}
start: {...}
- line: 60
- column: 62
}end: {...}
- line: 60
- column: 64
}
}- name: "id"
}- computed: false
- optional: false
}- kind: "init"
}
]
}- modifiers: []
- intro: false
- outro: true
} AnimateDirective {...}
- start: 1481
- end: 1493
- type: "AnimateDirective"
- name: "flip"
- expression: null
- modifiers: []
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-353zn8"
- raw: "svelte-353zn8"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (7)
Text {...}
- type: "Text"
- start: 1494
- end: 1499
- raw: "\n\t\t\t\t"
- data: "\n\t\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1499
- end: 1549
- name: "input"
attributes: [...] (3)
Attribute {...}
- type: "Attribute"
- start: 1506
- end: 1521
- name: "type"
value: [...] (1)
Text {...}
- start: 1512
- end: 1520
- type: "Text"
- raw: "checkbox"
- data: "checkbox"
}
]
} BindDirective {...}
- start: 1522
- end: 1546
- type: "BindDirective"
- name: "checked"
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 1536
- end: 1545
loc: {...}
start: {...}
- line: 61
- column: 41
}end: {...}
- line: 61
- column: 50
}
}object: Identifier {...}
- type: "Identifier"
- start: 1536
- end: 1540
loc: {...}
start: {...}
- line: 61
- column: 41
}end: {...}
- line: 61
- column: 45
}
}- name: "todo"
}property: Identifier {...}
- type: "Identifier"
- start: 1541
- end: 1545
loc: {...}
start: {...}
- line: 61
- column: 46
}end: {...}
- line: 61
- column: 50
}
}- name: "done"
}- computed: false
- optional: false
}- modifiers: []
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-353zn8"
- raw: "svelte-353zn8"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 1549
- end: 1554
- raw: " "
- data: " "
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1554
- end: 1572
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 1555
- end: 1571
loc: {...}
start: {...}
- line: 62
- column: 5
}end: {...}
- line: 62
- column: 21
}
}object: Identifier {...}
- type: "Identifier"
- start: 1555
- end: 1559
loc: {...}
start: {...}
- line: 62
- column: 5
}end: {...}
- line: 62
- column: 9
}
}- name: "todo"
}property: Identifier {...}
- type: "Identifier"
- start: 1560
- end: 1571
loc: {...}
start: {...}
- line: 62
- column: 10
}end: {...}
- line: 62
- column: 21
}
}- name: "description"
}- computed: false
- optional: false
}
} Text {...}
- type: "Text"
- start: 1572
- end: 1577
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 1577
- end: 1624
- name: "button"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 1585
- end: 1613
- name: "onclick"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 1593
- end: 1613
expression: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 1594
- end: 1612
loc: {...}
start: {...}
- line: 63
- column: 21
}end: {...}
- line: 63
- column: 39
}
}- id: null
- expression: true
- generator: false
- async: false
- params: []
body: CallExpression {...}
- type: "CallExpression"
- start: 1600
- end: 1612
loc: {...}
start: {...}
- line: 63
- column: 27
}end: {...}
- line: 63
- column: 39
}
}callee: Identifier {...}
- type: "Identifier"
- start: 1600
- end: 1606
loc: {...}
start: {...}
- line: 63
- column: 27
}end: {...}
- line: 63
- column: 33
}
}- name: "remove"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 1607
- end: 1611
loc: {...}
start: {...}
- line: 63
- column: 34
}end: {...}
- line: 63
- column: 38
}
}- name: "todo"
}
]- optional: false
}
}
}
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-353zn8"
- raw: "svelte-353zn8"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
Text {...}
- type: "Text"
- start: 1614
- end: 1615
- raw: "x"
- data: "x"
}
]
}
} Text {...}
- type: "Text"
- start: 1624
- end: 1628
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1636
- end: 1639
- raw: "\n\t\t"
- data: "\n\t\t"
}
]
}context: Identifier {...}
- type: "Identifier"
- name: "todo"
- start: 1397
loc: {...}
start: {...}
- line: 59
- column: 41
- character: 1397
}end: {...}
- line: 59
- column: 45
- character: 1401
}
}- end: 1401
- typeAnnotation: undefined
}- index: undefined
key: MemberExpression {...}
- type: "MemberExpression"
- start: 1403
- end: 1410
loc: {...}
start: {...}
- line: 59
- column: 47
}end: {...}
- line: 59
- column: 54
}
}object: Identifier {...}
- type: "Identifier"
- start: 1403
- end: 1407
loc: {...}
start: {...}
- line: 59
- column: 47
}end: {...}
- line: 59
- column: 51
}
}- name: "todo"
}property: Identifier {...}
- type: "Identifier"
- start: 1408
- end: 1410
loc: {...}
start: {...}
- line: 59
- column: 52
}end: {...}
- line: 59
- column: 54
}
}- name: "id"
}- computed: false
- optional: false
}
} Text {...}
- type: "Text"
- start: 1646
- end: 1648
- raw: "\n\t"
- data: "\n\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1654
- end: 1657
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 1657
- end: 1990
- name: "div"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 1662
- end: 1675
- name: "class"
value: [...] (1)
Text {...}
- start: 1669
- end: 1674
- type: "Text"
- raw: "right"
- data: "right svelte-353zn8"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (5)
Text {...}
- type: "Text"
- start: 1676
- end: 1679
- raw: "\n\t\t"
- data: "\n\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1679
- end: 1692
- name: "h2"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-353zn8"
- raw: "svelte-353zn8"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
Text {...}
- type: "Text"
- start: 1683
- end: 1687
- raw: "done"
- data: "done"
}
]
}
} Text {...}
- type: "Text"
- start: 1692
- end: 1695
- raw: " "
- data: " "
} EachBlock {...}
- type: "EachBlock"
- start: 1695
- end: 1982
expression: CallExpression {...}
- type: "CallExpression"
- start: 1702
- end: 1729
loc: {...}
start: {...}
- line: 70
- column: 9
}end: {...}
- line: 70
- column: 36
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 1702
- end: 1714
loc: {...}
start: {...}
- line: 70
- column: 9
}end: {...}
- line: 70
- column: 21
}
}object: Identifier {...}
- type: "Identifier"
- start: 1702
- end: 1707
loc: {...}
start: {...}
- line: 70
- column: 9
}end: {...}
- line: 70
- column: 14
}
}- name: "todos"
}property: Identifier {...}
- type: "Identifier"
- start: 1708
- end: 1714
loc: {...}
start: {...}
- line: 70
- column: 15
}end: {...}
- line: 70
- column: 21
}
}- name: "filter"
}- computed: false
- optional: false
}arguments: [...] (1)
ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 1715
- end: 1728
loc: {...}
start: {...}
- line: 70
- column: 22
}end: {...}
- line: 70
- column: 35
}
}- id: null
- expression: true
- generator: false
- async: false
params: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 1716
- end: 1717
loc: {...}
start: {...}
- line: 70
- column: 23
}end: {...}
- line: 70
- column: 24
}
}- name: "t"
}
]body: MemberExpression {...}
- type: "MemberExpression"
- start: 1722
- end: 1728
loc: {...}
start: {...}
- line: 70
- column: 29
}end: {...}
- line: 70
- column: 35
}
}object: Identifier {...}
- type: "Identifier"
- start: 1722
- end: 1723
loc: {...}
start: {...}
- line: 70
- column: 29
}end: {...}
- line: 70
- column: 30
}
}- name: "t"
}property: Identifier {...}
- type: "Identifier"
- start: 1724
- end: 1728
loc: {...}
start: {...}
- line: 70
- column: 31
}end: {...}
- line: 70
- column: 35
}
}- name: "done"
}- computed: false
- optional: false
}
}
]- optional: false
}body: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 1748
- end: 1752
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1752
- end: 1972
- name: "label"
attributes: [...] (4)
TransitionDirective {...}
- start: 1759
- end: 1788
- type: "TransitionDirective"
- name: "receive"
expression: ObjectExpression {...}
- type: "ObjectExpression"
- start: 1771
- end: 1787
loc: {...}
start: {...}
- line: 71
- column: 22
}end: {...}
- line: 71
- column: 38
}
}properties: [...] (1)
Property {...}
- type: "Property"
- start: 1773
- end: 1785
loc: {...}
start: {...}
- line: 71
- column: 24
}end: {...}
- line: 71
- column: 36
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1773
- end: 1776
loc: {...}
start: {...}
- line: 71
- column: 24
}end: {...}
- line: 71
- column: 27
}
}- name: "key"
}value: MemberExpression {...}
- type: "MemberExpression"
- start: 1778
- end: 1785
loc: {...}
start: {...}
- line: 71
- column: 29
}end: {...}
- line: 71
- column: 36
}
}object: Identifier {...}
- type: "Identifier"
- start: 1778
- end: 1782
loc: {...}
start: {...}
- line: 71
- column: 29
}end: {...}
- line: 71
- column: 33
}
}- name: "todo"
}property: Identifier {...}
- type: "Identifier"
- start: 1783
- end: 1785
loc: {...}
start: {...}
- line: 71
- column: 34
}end: {...}
- line: 71
- column: 36
}
}- name: "id"
}- computed: false
- optional: false
}- kind: "init"
}
]
}- modifiers: []
- intro: true
- outro: false
} TransitionDirective {...}
- start: 1789
- end: 1816
- type: "TransitionDirective"
- name: "send"
expression: ObjectExpression {...}
- type: "ObjectExpression"
- start: 1799
- end: 1815
loc: {...}
start: {...}
- line: 71
- column: 50
}end: {...}
- line: 71
- column: 66
}
}properties: [...] (1)
Property {...}
- type: "Property"
- start: 1801
- end: 1813
loc: {...}
start: {...}
- line: 71
- column: 52
}end: {...}
- line: 71
- column: 64
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1801
- end: 1804
loc: {...}
start: {...}
- line: 71
- column: 52
}end: {...}
- line: 71
- column: 55
}
}- name: "key"
}value: MemberExpression {...}
- type: "MemberExpression"
- start: 1806
- end: 1813
loc: {...}
start: {...}
- line: 71
- column: 57
}end: {...}
- line: 71
- column: 64
}
}object: Identifier {...}
- type: "Identifier"
- start: 1806
- end: 1810
loc: {...}
start: {...}
- line: 71
- column: 57
}end: {...}
- line: 71
- column: 61
}
}- name: "todo"
}property: Identifier {...}
- type: "Identifier"
- start: 1811
- end: 1813
loc: {...}
start: {...}
- line: 71
- column: 62
}end: {...}
- line: 71
- column: 64
}
}- name: "id"
}- computed: false
- optional: false
}- kind: "init"
}
]
}- modifiers: []
- intro: false
- outro: true
} AnimateDirective {...}
- start: 1817
- end: 1829
- type: "AnimateDirective"
- name: "flip"
- expression: null
- modifiers: []
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-353zn8"
- raw: "svelte-353zn8"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (7)
Text {...}
- type: "Text"
- start: 1830
- end: 1835
- raw: "\n\t\t\t\t"
- data: "\n\t\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1835
- end: 1885
- name: "input"
attributes: [...] (3)
Attribute {...}
- type: "Attribute"
- start: 1842
- end: 1857
- name: "type"
value: [...] (1)
Text {...}
- start: 1848
- end: 1856
- type: "Text"
- raw: "checkbox"
- data: "checkbox"
}
]
} BindDirective {...}
- start: 1858
- end: 1882
- type: "BindDirective"
- name: "checked"
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 1872
- end: 1881
loc: {...}
start: {...}
- line: 72
- column: 41
}end: {...}
- line: 72
- column: 50
}
}object: Identifier {...}
- type: "Identifier"
- start: 1872
- end: 1876
loc: {...}
start: {...}
- line: 72
- column: 41
}end: {...}
- line: 72
- column: 45
}
}- name: "todo"
}property: Identifier {...}
- type: "Identifier"
- start: 1877
- end: 1881
loc: {...}
start: {...}
- line: 72
- column: 46
}end: {...}
- line: 72
- column: 50
}
}- name: "done"
}- computed: false
- optional: false
}- modifiers: []
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-353zn8"
- raw: "svelte-353zn8"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 1885
- end: 1890
- raw: " "
- data: " "
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1890
- end: 1908
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 1891
- end: 1907
loc: {...}
start: {...}
- line: 73
- column: 5
}end: {...}
- line: 73
- column: 21
}
}object: Identifier {...}
- type: "Identifier"
- start: 1891
- end: 1895
loc: {...}
start: {...}
- line: 73
- column: 5
}end: {...}
- line: 73
- column: 9
}
}- name: "todo"
}property: Identifier {...}
- type: "Identifier"
- start: 1896
- end: 1907
loc: {...}
start: {...}
- line: 73
- column: 10
}end: {...}
- line: 73
- column: 21
}
}- name: "description"
}- computed: false
- optional: false
}
} Text {...}
- type: "Text"
- start: 1908
- end: 1913
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 1913
- end: 1960
- name: "button"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 1921
- end: 1949
- name: "onclick"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 1929
- end: 1949
expression: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 1930
- end: 1948
loc: {...}
start: {...}
- line: 74
- column: 21
}end: {...}
- line: 74
- column: 39
}
}- id: null
- expression: true
- generator: false
- async: false
- params: []
body: CallExpression {...}
- type: "CallExpression"
- start: 1936
- end: 1948
loc: {...}
start: {...}
- line: 74
- column: 27
}end: {...}
- line: 74
- column: 39
}
}callee: Identifier {...}
- type: "Identifier"
- start: 1936
- end: 1942
loc: {...}
start: {...}
- line: 74
- column: 27
}end: {...}
- line: 74
- column: 33
}
}- name: "remove"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 1943
- end: 1947
loc: {...}
start: {...}
- line: 74
- column: 34
}end: {...}
- line: 74
- column: 38
}
}- name: "todo"
}
]- optional: false
}
}
}
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-353zn8"
- raw: "svelte-353zn8"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
Text {...}
- type: "Text"
- start: 1950
- end: 1951
- raw: "x"
- data: "x"
}
]
}
} Text {...}
- type: "Text"
- start: 1960
- end: 1964
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1972
- end: 1975
- raw: "\n\t\t"
- data: "\n\t\t"
}
]
}context: Identifier {...}
- type: "Identifier"
- name: "todo"
- start: 1733
loc: {...}
start: {...}
- line: 70
- column: 40
- character: 1733
}end: {...}
- line: 70
- column: 44
- character: 1737
}
}- end: 1737
- typeAnnotation: undefined
}- index: undefined
key: MemberExpression {...}
- type: "MemberExpression"
- start: 1739
- end: 1746
loc: {...}
start: {...}
- line: 70
- column: 46
}end: {...}
- line: 70
- column: 53
}
}object: Identifier {...}
- type: "Identifier"
- start: 1739
- end: 1743
loc: {...}
start: {...}
- line: 70
- column: 46
}end: {...}
- line: 70
- column: 50
}
}- name: "todo"
}property: Identifier {...}
- type: "Identifier"
- start: 1744
- end: 1746
loc: {...}
start: {...}
- line: 70
- column: 51
}end: {...}
- line: 70
- column: 53
}
}- name: "id"
}- computed: false
- optional: false
}
} Text {...}
- type: "Text"
- start: 1982
- end: 1984
- raw: "\n\t"
- data: "\n\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1990
- end: 1991
- raw: "\n"
- data: "\n"
}
]
}
} Text {...}
- type: "Text"
- start: 1997
- end: 1999
- raw: "\n\n"
- data: "\n\n"
}
]
}- options: null
instance: Script {...}
- type: "Script"
- start: 0
- end: 1159
- context: "default"
content: Program {...}
- type: "Program"
- start: 8
- end: 1150
loc: {...}
start: {...}
- line: 1
- column: 0
}end: {...}
- line: 48
- column: 0
}
}body: [...] (8)
ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 10
- end: 51
loc: {...}
start: {...}
- line: 2
- column: 1
}end: {...}
- line: 2
- column: 42
}
}specifiers: [...] (1)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 19
- end: 27
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 18
}
}imported: Identifier {...}
- type: "Identifier"
- start: 19
- end: 27
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 18
}
}- name: "quintOut"
}local: Identifier {...}
- type: "Identifier"
- start: 19
- end: 27
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 18
}
}- name: "quintOut"
}
}
]source: Literal {...}
- type: "Literal"
- start: 35
- end: 50
loc: {...}
start: {...}
- line: 2
- column: 26
}end: {...}
- line: 2
- column: 41
}
}- value: "svelte/easing"
- raw: "'svelte/easing'"
}
} ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 53
- end: 99
loc: {...}
start: {...}
- line: 3
- column: 1
}end: {...}
- line: 3
- column: 47
}
}specifiers: [...] (1)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 62
- end: 71
loc: {...}
start: {...}
- line: 3
- column: 10
}end: {...}
- line: 3
- column: 19
}
}imported: Identifier {...}
- type: "Identifier"
- start: 62
- end: 71
loc: {...}
start: {...}
- line: 3
- column: 10
}end: {...}
- line: 3
- column: 19
}
}- name: "crossfade"
}local: Identifier {...}
- type: "Identifier"
- start: 62
- end: 71
loc: {...}
start: {...}
- line: 3
- column: 10
}end: {...}
- line: 3
- column: 19
}
}- name: "crossfade"
}
}
]source: Literal {...}
- type: "Literal"
- start: 79
- end: 98
loc: {...}
start: {...}
- line: 3
- column: 27
}end: {...}
- line: 3
- column: 46
}
}- value: "svelte/transition"
- raw: "'svelte/transition'"
}
} ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 101
- end: 139
loc: {...}
start: {...}
- line: 4
- column: 1
}end: {...}
- line: 4
- column: 39
}
}specifiers: [...] (1)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 110
- end: 114
loc: {...}
start: {...}
- line: 4
- column: 10
}end: {...}
- line: 4
- column: 14
}
}imported: Identifier {...}
- type: "Identifier"
- start: 110
- end: 114
loc: {...}
start: {...}
- line: 4
- column: 10
}end: {...}
- line: 4
- column: 14
}
}- name: "flip"
}local: Identifier {...}
- type: "Identifier"
- start: 110
- end: 114
loc: {...}
start: {...}
- line: 4
- column: 10
}end: {...}
- line: 4
- column: 14
}
}- name: "flip"
}
}
]source: Literal {...}
- type: "Literal"
- start: 122
- end: 138
loc: {...}
start: {...}
- line: 4
- column: 22
}end: {...}
- line: 4
- column: 38
}
}- value: "svelte/animate"
- raw: "'svelte/animate'"
}
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 142
- end: 471
loc: {...}
start: {...}
- line: 6
- column: 1
}end: {...}
- line: 20
- column: 4
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 148
- end: 470
loc: {...}
start: {...}
- line: 6
- column: 7
}end: {...}
- line: 20
- column: 3
}
}id: ArrayPattern {...}
- type: "ArrayPattern"
- start: 148
- end: 163
loc: {...}
start: {...}
- line: 6
- column: 7
}end: {...}
- line: 6
- column: 22
}
}elements: [...] (2)
Identifier {...}
- type: "Identifier"
- start: 149
- end: 153
loc: {...}
start: {...}
- line: 6
- column: 8
}end: {...}
- line: 6
- column: 12
}
}- name: "send"
} Identifier {...}
- type: "Identifier"
- start: 155
- end: 162
loc: {...}
start: {...}
- line: 6
- column: 14
}end: {...}
- line: 6
- column: 21
}
}- name: "receive"
}
]
}init: CallExpression {...}
- type: "CallExpression"
- start: 166
- end: 470
loc: {...}
start: {...}
- line: 6
- column: 25
}end: {...}
- line: 20
- column: 3
}
}callee: Identifier {...}
- type: "Identifier"
- start: 166
- end: 175
loc: {...}
start: {...}
- line: 6
- column: 25
}end: {...}
- line: 6
- column: 34
}
}- name: "crossfade"
}arguments: [...] (1)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 176
- end: 469
loc: {...}
start: {...}
- line: 6
- column: 35
}end: {...}
- line: 20
- column: 2
}
}properties: [...] (1)
Property {...}
- type: "Property"
- start: 180
- end: 466
loc: {...}
start: {...}
- line: 7
- column: 2
}end: {...}
- line: 19
- column: 3
}
}- method: true
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 180
- end: 188
loc: {...}
start: {...}
- line: 7
- column: 2
}end: {...}
- line: 7
- column: 10
}
}- name: "fallback"
}- kind: "init"
value: FunctionExpression {...}
- type: "FunctionExpression"
- start: 188
- end: 466
loc: {...}
start: {...}
- line: 7
- column: 10
}end: {...}
- line: 19
- column: 3
}
}- id: null
- expression: false
- generator: false
- async: false
params: [...] (2)
Identifier {...}
- type: "Identifier"
- start: 189
- end: 193
loc: {...}
start: {...}
- line: 7
- column: 11
}end: {...}
- line: 7
- column: 15
}
}- name: "node"
} Identifier {...}
- type: "Identifier"
- start: 195
- end: 201
loc: {...}
start: {...}
- line: 7
- column: 17
}end: {...}
- line: 7
- column: 23
}
}- name: "params"
}
]body: BlockStatement {...}
- type: "BlockStatement"
- start: 203
- end: 466
loc: {...}
start: {...}
- line: 7
- column: 25
}end: {...}
- line: 19
- column: 3
}
}body: [...] (3)
VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 208
- end: 245
loc: {...}
start: {...}
- line: 8
- column: 3
}end: {...}
- line: 8
- column: 40
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 214
- end: 244
loc: {...}
start: {...}
- line: 8
- column: 9
}end: {...}
- line: 8
- column: 39
}
}id: Identifier {...}
- type: "Identifier"
- start: 214
- end: 219
loc: {...}
start: {...}
- line: 8
- column: 9
}end: {...}
- line: 8
- column: 14
}
}- name: "style"
}init: CallExpression {...}
- type: "CallExpression"
- start: 222
- end: 244
loc: {...}
start: {...}
- line: 8
- column: 17
}end: {...}
- line: 8
- column: 39
}
}callee: Identifier {...}
- type: "Identifier"
- start: 222
- end: 238
loc: {...}
start: {...}
- line: 8
- column: 17
}end: {...}
- line: 8
- column: 33
}
}- name: "getComputedStyle"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 239
- end: 243
loc: {...}
start: {...}
- line: 8
- column: 34
}end: {...}
- line: 8
- column: 38
}
}- name: "node"
}
]- optional: false
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 249
- end: 317
loc: {...}
start: {...}
- line: 9
- column: 3
}end: {...}
- line: 9
- column: 71
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 255
- end: 316
loc: {...}
start: {...}
- line: 9
- column: 9
}end: {...}
- line: 9
- column: 70
}
}id: Identifier {...}
- type: "Identifier"
- start: 255
- end: 264
loc: {...}
start: {...}
- line: 9
- column: 9
}end: {...}
- line: 9
- column: 18
}
}- name: "transform"
}init: ConditionalExpression {...}
- type: "ConditionalExpression"
- start: 267
- end: 316
loc: {...}
start: {...}
- line: 9
- column: 21
}end: {...}
- line: 9
- column: 70
}
}test: BinaryExpression {...}
- type: "BinaryExpression"
- start: 267
- end: 293
loc: {...}
start: {...}
- line: 9
- column: 21
}end: {...}
- line: 9
- column: 47
}
}left: MemberExpression {...}
- type: "MemberExpression"
- start: 267
- end: 282
loc: {...}
start: {...}
- line: 9
- column: 21
}end: {...}
- line: 9
- column: 36
}
}object: Identifier {...}
- type: "Identifier"
- start: 267
- end: 272
loc: {...}
start: {...}
- line: 9
- column: 21
}end: {...}
- line: 9
- column: 26
}
}- name: "style"
}property: Identifier {...}
- type: "Identifier"
- start: 273
- end: 282
loc: {...}
start: {...}
- line: 9
- column: 27
}end: {...}
- line: 9
- column: 36
}
}- name: "transform"
}- computed: false
- optional: false
}- operator: "==="
right: Literal {...}
- type: "Literal"
- start: 287
- end: 293
loc: {...}
start: {...}
- line: 9
- column: 41
}end: {...}
- line: 9
- column: 47
}
}- value: "none"
- raw: "'none'"
}
}consequent: Literal {...}
- type: "Literal"
- start: 296
- end: 298
loc: {...}
start: {...}
- line: 9
- column: 50
}end: {...}
- line: 9
- column: 52
}
}- value: ""
- raw: "''"
}alternate: MemberExpression {...}
- type: "MemberExpression"
- start: 301
- end: 316
loc: {...}
start: {...}
- line: 9
- column: 55
}end: {...}
- line: 9
- column: 70
}
}object: Identifier {...}
- type: "Identifier"
- start: 301
- end: 306
loc: {...}
start: {...}
- line: 9
- column: 55
}end: {...}
- line: 9
- column: 60
}
}- name: "style"
}property: Identifier {...}
- type: "Identifier"
- start: 307
- end: 316
loc: {...}
start: {...}
- line: 9
- column: 61
}end: {...}
- line: 9
- column: 70
}
}- name: "transform"
}- computed: false
- optional: false
}
}
}
]- kind: "const"
} ReturnStatement {...}
- type: "ReturnStatement"
- start: 322
- end: 462
loc: {...}
start: {...}
- line: 11
- column: 3
}end: {...}
- line: 18
- column: 5
}
}argument: ObjectExpression {...}
- type: "ObjectExpression"
- start: 329
- end: 461
loc: {...}
start: {...}
- line: 11
- column: 10
}end: {...}
- line: 18
- column: 4
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 335
- end: 348
loc: {...}
start: {...}
- line: 12
- column: 4
}end: {...}
- line: 12
- column: 17
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 335
- end: 343
loc: {...}
start: {...}
- line: 12
- column: 4
}end: {...}
- line: 12
- column: 12
}
}- name: "duration"
}value: Literal {...}
- type: "Literal"
- start: 345
- end: 348
loc: {...}
start: {...}
- line: 12
- column: 14
}end: {...}
- line: 12
- column: 17
}
}- value: 600
- raw: "600"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 354
- end: 370
loc: {...}
start: {...}
- line: 13
- column: 4
}end: {...}
- line: 13
- column: 20
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 354
- end: 360
loc: {...}
start: {...}
- line: 13
- column: 4
}end: {...}
- line: 13
- column: 10
}
}- name: "easing"
}value: Identifier {...}
- type: "Identifier"
- start: 362
- end: 370
loc: {...}
start: {...}
- line: 13
- column: 12
}end: {...}
- line: 13
- column: 20
}
}- name: "quintOut"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 376
- end: 456
loc: {...}
start: {...}
- line: 14
- column: 4
}end: {...}
- line: 17
- column: 5
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 376
- end: 379
loc: {...}
start: {...}
- line: 14
- column: 4
}end: {...}
- line: 14
- column: 7
}
}- name: "css"
}value: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 381
- end: 456
loc: {...}
start: {...}
- line: 14
- column: 9
}end: {...}
- line: 17
- column: 5
}
}- id: null
- expression: true
- generator: false
- async: false
params: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 382
- end: 383
loc: {...}
start: {...}
- line: 14
- column: 10
}end: {...}
- line: 14
- column: 11
}
}- name: "t"
}
]body: TemplateLiteral {...}
- type: "TemplateLiteral"
- start: 388
- end: 456
loc: {...}
start: {...}
- line: 14
- column: 16
}end: {...}
- line: 17
- column: 5
}
}expressions: [...] (3)
Identifier {...}
- type: "Identifier"
- start: 408
- end: 417
loc: {...}
start: {...}
- line: 15
- column: 18
}end: {...}
- line: 15
- column: 27
}
}- name: "transform"
} Identifier {...}
- type: "Identifier"
- start: 427
- end: 428
loc: {...}
start: {...}
- line: 15
- column: 37
}end: {...}
- line: 15
- column: 38
}
}- name: "t"
} Identifier {...}
- type: "Identifier"
- start: 448
- end: 449
loc: {...}
start: {...}
- line: 16
- column: 16
}end: {...}
- line: 16
- column: 17
}
}- name: "t"
}
]quasis: [...] (4)
TemplateElement {...}
- type: "TemplateElement"
- start: 389
- end: 406
loc: {...}
start: {...}
- line: 14
- column: 17
}end: {...}
- line: 15
- column: 16
}
}value: {...}
- raw: "\n\t\t\t\t\ttransform: "
- cooked: "\n\t\t\t\t\ttransform: "
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 418
- end: 425
loc: {...}
start: {...}
- line: 15
- column: 28
}end: {...}
- line: 15
- column: 35
}
}value: {...}
- raw: " scale("
- cooked: " scale("
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 429
- end: 446
loc: {...}
start: {...}
- line: 15
- column: 39
}end: {...}
- line: 16
- column: 14
}
}value: {...}
- raw: ");\n\t\t\t\t\topacity: "
- cooked: ");\n\t\t\t\t\topacity: "
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 450
- end: 455
loc: {...}
start: {...}
- line: 16
- column: 18
}end: {...}
- line: 17
- column: 4
}
}value: {...}
- raw: "\n\t\t\t\t"
- cooked: "\n\t\t\t\t"
}- tail: true
}
]
}
}- kind: "init"
}
]
}
}
]
}
}
}
]
}
]- optional: false
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 474
- end: 848
loc: {...}
start: {...}
- line: 22
- column: 1
}end: {...}
- line: 29
- column: 4
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 478
- end: 847
loc: {...}
start: {...}
- line: 22
- column: 5
}end: {...}
- line: 29
- column: 3
}
}id: Identifier {...}
- type: "Identifier"
- start: 478
- end: 483
loc: {...}
start: {...}
- line: 22
- column: 5
}end: {...}
- line: 22
- column: 10
}
}- name: "todos"
}init: CallExpression {...}
- type: "CallExpression"
- start: 486
- end: 847
loc: {...}
start: {...}
- line: 22
- column: 13
}end: {...}
- line: 29
- column: 3
}
}callee: Identifier {...}
- type: "Identifier"
- start: 486
- end: 492
loc: {...}
start: {...}
- line: 22
- column: 13
}end: {...}
- line: 22
- column: 19
}
}- name: "$state"
}arguments: [...] (1)
ArrayExpression {...}
- type: "ArrayExpression"
- start: 493
- end: 846
loc: {...}
start: {...}
- line: 22
- column: 20
}end: {...}
- line: 29
- column: 2
}
}elements: [...] (6)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 497
- end: 551
loc: {...}
start: {...}
- line: 23
- column: 2
}end: {...}
- line: 23
- column: 56
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 499
- end: 504
loc: {...}
start: {...}
- line: 23
- column: 4
}end: {...}
- line: 23
- column: 9
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 499
- end: 501
loc: {...}
start: {...}
- line: 23
- column: 4
}end: {...}
- line: 23
- column: 6
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 503
- end: 504
loc: {...}
start: {...}
- line: 23
- column: 8
}end: {...}
- line: 23
- column: 9
}
}- value: 1
- raw: "1"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 506
- end: 517
loc: {...}
start: {...}
- line: 23
- column: 11
}end: {...}
- line: 23
- column: 22
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 506
- end: 510
loc: {...}
start: {...}
- line: 23
- column: 11
}end: {...}
- line: 23
- column: 15
}
}- name: "done"
}value: Literal {...}
- type: "Literal"
- start: 512
- end: 517
loc: {...}
start: {...}
- line: 23
- column: 17
}end: {...}
- line: 23
- column: 22
}
}- value: false
- raw: "false"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 519
- end: 549
loc: {...}
start: {...}
- line: 23
- column: 24
}end: {...}
- line: 23
- column: 54
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 519
- end: 530
loc: {...}
start: {...}
- line: 23
- column: 24
}end: {...}
- line: 23
- column: 35
}
}- name: "description"
}value: Literal {...}
- type: "Literal"
- start: 532
- end: 549
loc: {...}
start: {...}
- line: 23
- column: 37
}end: {...}
- line: 23
- column: 54
}
}- value: "write some docs"
- raw: "'write some docs'"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 555
- end: 619
loc: {...}
start: {...}
- line: 24
- column: 2
}end: {...}
- line: 24
- column: 66
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 557
- end: 562
loc: {...}
start: {...}
- line: 24
- column: 4
}end: {...}
- line: 24
- column: 9
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 557
- end: 559
loc: {...}
start: {...}
- line: 24
- column: 4
}end: {...}
- line: 24
- column: 6
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 561
- end: 562
loc: {...}
start: {...}
- line: 24
- column: 8
}end: {...}
- line: 24
- column: 9
}
}- value: 2
- raw: "2"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 564
- end: 575
loc: {...}
start: {...}
- line: 24
- column: 11
}end: {...}
- line: 24
- column: 22
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 564
- end: 568
loc: {...}
start: {...}
- line: 24
- column: 11
}end: {...}
- line: 24
- column: 15
}
}- name: "done"
}value: Literal {...}
- type: "Literal"
- start: 570
- end: 575
loc: {...}
start: {...}
- line: 24
- column: 17
}end: {...}
- line: 24
- column: 22
}
}- value: false
- raw: "false"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 577
- end: 617
loc: {...}
start: {...}
- line: 24
- column: 24
}end: {...}
- line: 24
- column: 64
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 577
- end: 588
loc: {...}
start: {...}
- line: 24
- column: 24
}end: {...}
- line: 24
- column: 35
}
}- name: "description"
}value: Literal {...}
- type: "Literal"
- start: 590
- end: 617
loc: {...}
start: {...}
- line: 24
- column: 37
}end: {...}
- line: 24
- column: 64
}
}- value: "start writing JSConf talk"
- raw: "'start writing JSConf talk'"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 623
- end: 674
loc: {...}
start: {...}
- line: 25
- column: 2
}end: {...}
- line: 25
- column: 53
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 625
- end: 630
loc: {...}
start: {...}
- line: 25
- column: 4
}end: {...}
- line: 25
- column: 9
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 625
- end: 627
loc: {...}
start: {...}
- line: 25
- column: 4
}end: {...}
- line: 25
- column: 6
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 629
- end: 630
loc: {...}
start: {...}
- line: 25
- column: 8
}end: {...}
- line: 25
- column: 9
}
}- value: 3
- raw: "3"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 632
- end: 642
loc: {...}
start: {...}
- line: 25
- column: 11
}end: {...}
- line: 25
- column: 21
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 632
- end: 636
loc: {...}
start: {...}
- line: 25
- column: 11
}end: {...}
- line: 25
- column: 15
}
}- name: "done"
}value: Literal {...}
- type: "Literal"
- start: 638
- end: 642
loc: {...}
start: {...}
- line: 25
- column: 17
}end: {...}
- line: 25
- column: 21
}
}- value: true
- raw: "true"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 644
- end: 672
loc: {...}
start: {...}
- line: 25
- column: 23
}end: {...}
- line: 25
- column: 51
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 644
- end: 655
loc: {...}
start: {...}
- line: 25
- column: 23
}end: {...}
- line: 25
- column: 34
}
}- name: "description"
}value: Literal {...}
- type: "Literal"
- start: 657
- end: 672
loc: {...}
start: {...}
- line: 25
- column: 36
}end: {...}
- line: 25
- column: 51
}
}- value: "buy some milk"
- raw: "'buy some milk'"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 678
- end: 729
loc: {...}
start: {...}
- line: 26
- column: 2
}end: {...}
- line: 26
- column: 53
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 680
- end: 685
loc: {...}
start: {...}
- line: 26
- column: 4
}end: {...}
- line: 26
- column: 9
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 680
- end: 682
loc: {...}
start: {...}
- line: 26
- column: 4
}end: {...}
- line: 26
- column: 6
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 684
- end: 685
loc: {...}
start: {...}
- line: 26
- column: 8
}end: {...}
- line: 26
- column: 9
}
}- value: 4
- raw: "4"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 687
- end: 698
loc: {...}
start: {...}
- line: 26
- column: 11
}end: {...}
- line: 26
- column: 22
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 687
- end: 691
loc: {...}
start: {...}
- line: 26
- column: 11
}end: {...}
- line: 26
- column: 15
}
}- name: "done"
}value: Literal {...}
- type: "Literal"
- start: 693
- end: 698
loc: {...}
start: {...}
- line: 26
- column: 17
}end: {...}
- line: 26
- column: 22
}
}- value: false
- raw: "false"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 700
- end: 727
loc: {...}
start: {...}
- line: 26
- column: 24
}end: {...}
- line: 26
- column: 51
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 700
- end: 711
loc: {...}
start: {...}
- line: 26
- column: 24
}end: {...}
- line: 26
- column: 35
}
}- name: "description"
}value: Literal {...}
- type: "Literal"
- start: 713
- end: 727
loc: {...}
start: {...}
- line: 26
- column: 37
}end: {...}
- line: 26
- column: 51
}
}- value: "mow the lawn"
- raw: "'mow the lawn'"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 733
- end: 787
loc: {...}
start: {...}
- line: 27
- column: 2
}end: {...}
- line: 27
- column: 56
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 735
- end: 740
loc: {...}
start: {...}
- line: 27
- column: 4
}end: {...}
- line: 27
- column: 9
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 735
- end: 737
loc: {...}
start: {...}
- line: 27
- column: 4
}end: {...}
- line: 27
- column: 6
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 739
- end: 740
loc: {...}
start: {...}
- line: 27
- column: 8
}end: {...}
- line: 27
- column: 9
}
}- value: 5
- raw: "5"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 742
- end: 753
loc: {...}
start: {...}
- line: 27
- column: 11
}end: {...}
- line: 27
- column: 22
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 742
- end: 746
loc: {...}
start: {...}
- line: 27
- column: 11
}end: {...}
- line: 27
- column: 15
}
}- name: "done"
}value: Literal {...}
- type: "Literal"
- start: 748
- end: 753
loc: {...}
start: {...}
- line: 27
- column: 17
}end: {...}
- line: 27
- column: 22
}
}- value: false
- raw: "false"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 755
- end: 785
loc: {...}
start: {...}
- line: 27
- column: 24
}end: {...}
- line: 27
- column: 54
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 755
- end: 766
loc: {...}
start: {...}
- line: 27
- column: 24
}end: {...}
- line: 27
- column: 35
}
}- name: "description"
}value: Literal {...}
- type: "Literal"
- start: 768
- end: 785
loc: {...}
start: {...}
- line: 27
- column: 37
}end: {...}
- line: 27
- column: 54
}
}- value: "feed the turtle"
- raw: "'feed the turtle'"
}- kind: "init"
}
]
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 791
- end: 843
loc: {...}
start: {...}
- line: 28
- column: 2
}end: {...}
- line: 28
- column: 54
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 793
- end: 798
loc: {...}
start: {...}
- line: 28
- column: 4
}end: {...}
- line: 28
- column: 9
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 793
- end: 795
loc: {...}
start: {...}
- line: 28
- column: 4
}end: {...}
- line: 28
- column: 6
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 797
- end: 798
loc: {...}
start: {...}
- line: 28
- column: 8
}end: {...}
- line: 28
- column: 9
}
}- value: 6
- raw: "6"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 800
- end: 811
loc: {...}
start: {...}
- line: 28
- column: 11
}end: {...}
- line: 28
- column: 22
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 800
- end: 804
loc: {...}
start: {...}
- line: 28
- column: 11
}end: {...}
- line: 28
- column: 15
}
}- name: "done"
}value: Literal {...}
- type: "Literal"
- start: 806
- end: 811
loc: {...}
start: {...}
- line: 28
- column: 17
}end: {...}
- line: 28
- column: 22
}
}- value: false
- raw: "false"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 813
- end: 841
loc: {...}
start: {...}
- line: 28
- column: 24
}end: {...}
- line: 28
- column: 52
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 813
- end: 824
loc: {...}
start: {...}
- line: 28
- column: 24
}end: {...}
- line: 28
- column: 35
}
}- name: "description"
}value: Literal {...}
- type: "Literal"
- start: 826
- end: 841
loc: {...}
start: {...}
- line: 28
- column: 37
}end: {...}
- line: 28
- column: 52
}
}- value: "fix some bugs"
- raw: "'fix some bugs'"
}- kind: "init"
}
]
}
]
}
]- optional: false
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 894
- end: 921
loc: {...}
start: {...}
- line: 32
- column: 1
}end: {...}
- line: 32
- column: 28
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 898
- end: 920
loc: {...}
start: {...}
- line: 32
- column: 5
}end: {...}
- line: 32
- column: 27
}
}id: Identifier {...}
- type: "Identifier"
- start: 898
- end: 901
loc: {...}
start: {...}
- line: 32
- column: 5
}end: {...}
- line: 32
- column: 8
}
}- name: "uid"
}init: BinaryExpression {...}
- type: "BinaryExpression"
- start: 904
- end: 920
loc: {...}
start: {...}
- line: 32
- column: 11
}end: {...}
- line: 32
- column: 27
}
}left: MemberExpression {...}
- type: "MemberExpression"
- start: 904
- end: 916
loc: {...}
start: {...}
- line: 32
- column: 11
}end: {...}
- line: 32
- column: 23
}
}object: Identifier {...}
- type: "Identifier"
- start: 904
- end: 909
loc: {...}
start: {...}
- line: 32
- column: 11
}end: {...}
- line: 32
- column: 16
}
}- name: "todos"
}property: Identifier {...}
- type: "Identifier"
- start: 910
- end: 916
loc: {...}
start: {...}
- line: 32
- column: 17
}end: {...}
- line: 32
- column: 23
}
}- name: "length"
}- computed: false
- optional: false
}- operator: "+"
right: Literal {...}
- type: "Literal"
- start: 919
- end: 920
loc: {...}
start: {...}
- line: 32
- column: 26
}end: {...}
- line: 32
- column: 27
}
}- value: 1
- raw: "1"
}
}
}
]- kind: "let"
leadingComments: [...] (1)
Line {...}
- type: "Line"
- value: " svelte-ignore state_referenced_locally"
- start: 851
- end: 892
}
]
} FunctionDeclaration {...}
- type: "FunctionDeclaration"
- start: 924
- end: 1077
loc: {...}
start: {...}
- line: 34
- column: 1
}end: {...}
- line: 43
- column: 2
}
}id: Identifier {...}
- type: "Identifier"
- start: 933
- end: 936
loc: {...}
start: {...}
- line: 34
- column: 10
}end: {...}
- line: 34
- column: 13
}
}- name: "add"
}- expression: false
- generator: false
- async: false
params: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 937
- end: 942
loc: {...}
start: {...}
- line: 34
- column: 14
}end: {...}
- line: 34
- column: 19
}
}- name: "input"
}
]body: BlockStatement {...}
- type: "BlockStatement"
- start: 944
- end: 1077
loc: {...}
start: {...}
- line: 34
- column: 21
}end: {...}
- line: 43
- column: 2
}
}body: [...] (3)
VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 948
- end: 1025
loc: {...}
start: {...}
- line: 35
- column: 2
}end: {...}
- line: 39
- column: 4
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 954
- end: 1024
loc: {...}
start: {...}
- line: 35
- column: 8
}end: {...}
- line: 39
- column: 3
}
}id: Identifier {...}
- type: "Identifier"
- start: 954
- end: 958
loc: {...}
start: {...}
- line: 35
- column: 8
}end: {...}
- line: 35
- column: 12
}
}- name: "todo"
}init: ObjectExpression {...}
- type: "ObjectExpression"
- start: 961
- end: 1024
loc: {...}
start: {...}
- line: 35
- column: 15
}end: {...}
- line: 39
- column: 3
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 966
- end: 975
loc: {...}
start: {...}
- line: 36
- column: 3
}end: {...}
- line: 36
- column: 12
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 966
- end: 968
loc: {...}
start: {...}
- line: 36
- column: 3
}end: {...}
- line: 36
- column: 5
}
}- name: "id"
}value: UpdateExpression {...}
- type: "UpdateExpression"
- start: 970
- end: 975
loc: {...}
start: {...}
- line: 36
- column: 7
}end: {...}
- line: 36
- column: 12
}
}- operator: "++"
- prefix: false
argument: Identifier {...}
- type: "Identifier"
- start: 970
- end: 973
loc: {...}
start: {...}
- line: 36
- column: 7
}end: {...}
- line: 36
- column: 10
}
}- name: "uid"
}
}- kind: "init"
} Property {...}
- type: "Property"
- start: 980
- end: 991
loc: {...}
start: {...}
- line: 37
- column: 3
}end: {...}
- line: 37
- column: 14
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 980
- end: 984
loc: {...}
start: {...}
- line: 37
- column: 3
}end: {...}
- line: 37
- column: 7
}
}- name: "done"
}value: Literal {...}
- type: "Literal"
- start: 986
- end: 991
loc: {...}
start: {...}
- line: 37
- column: 9
}end: {...}
- line: 37
- column: 14
}
}- value: false
- raw: "false"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 996
- end: 1020
loc: {...}
start: {...}
- line: 38
- column: 3
}end: {...}
- line: 38
- column: 27
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 996
- end: 1007
loc: {...}
start: {...}
- line: 38
- column: 3
}end: {...}
- line: 38
- column: 14
}
}- name: "description"
}value: MemberExpression {...}
- type: "MemberExpression"
- start: 1009
- end: 1020
loc: {...}
start: {...}
- line: 38
- column: 16
}end: {...}
- line: 38
- column: 27
}
}object: Identifier {...}
- type: "Identifier"
- start: 1009
- end: 1014
loc: {...}
start: {...}
- line: 38
- column: 16
}end: {...}
- line: 38
- column: 21
}
}- name: "input"
}property: Identifier {...}
- type: "Identifier"
- start: 1015
- end: 1020
loc: {...}
start: {...}
- line: 38
- column: 22
}end: {...}
- line: 38
- column: 27
}
}- name: "value"
}- computed: false
- optional: false
}- kind: "init"
}
]
}
}
]- kind: "const"
} ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 1029
- end: 1054
loc: {...}
start: {...}
- line: 41
- column: 2
}end: {...}
- line: 41
- column: 27
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 1029
- end: 1053
loc: {...}
start: {...}
- line: 41
- column: 2
}end: {...}
- line: 41
- column: 26
}
}- operator: "="
left: Identifier {...}
- type: "Identifier"
- start: 1029
- end: 1034
loc: {...}
start: {...}
- line: 41
- column: 2
}end: {...}
- line: 41
- column: 7
}
}- name: "todos"
}right: ArrayExpression {...}
- type: "ArrayExpression"
- start: 1037
- end: 1053
loc: {...}
start: {...}
- line: 41
- column: 10
}end: {...}
- line: 41
- column: 26
}
}elements: [...] (2)
Identifier {...}
- type: "Identifier"
- start: 1038
- end: 1042
loc: {...}
start: {...}
- line: 41
- column: 11
}end: {...}
- line: 41
- column: 15
}
}- name: "todo"
} SpreadElement {...}
- type: "SpreadElement"
- start: 1044
- end: 1052
loc: {...}
start: {...}
- line: 41
- column: 17
}end: {...}
- line: 41
- column: 25
}
}argument: Identifier {...}
- type: "Identifier"
- start: 1047
- end: 1052
loc: {...}
start: {...}
- line: 41
- column: 20
}end: {...}
- line: 41
- column: 25
}
}- name: "todos"
}
}
]
}
}
} ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 1057
- end: 1074
loc: {...}
start: {...}
- line: 42
- column: 2
}end: {...}
- line: 42
- column: 19
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 1057
- end: 1073
loc: {...}
start: {...}
- line: 42
- column: 2
}end: {...}
- line: 42
- column: 18
}
}- operator: "="
left: MemberExpression {...}
- type: "MemberExpression"
- start: 1057
- end: 1068
loc: {...}
start: {...}
- line: 42
- column: 2
}end: {...}
- line: 42
- column: 13
}
}object: Identifier {...}
- type: "Identifier"
- start: 1057
- end: 1062
loc: {...}
start: {...}
- line: 42
- column: 2
}end: {...}
- line: 42
- column: 7
}
}- name: "input"
}property: Identifier {...}
- type: "Identifier"
- start: 1063
- end: 1068
loc: {...}
start: {...}
- line: 42
- column: 8
}end: {...}
- line: 42
- column: 13
}
}- name: "value"
}- computed: false
- optional: false
}right: Literal {...}
- type: "Literal"
- start: 1071
- end: 1073
loc: {...}
start: {...}
- line: 42
- column: 16
}end: {...}
- line: 42
- column: 18
}
}- value: ""
- raw: "''"
}
}
}
]
}
} FunctionDeclaration {...}
- type: "FunctionDeclaration"
- start: 1080
- end: 1149
loc: {...}
start: {...}
- line: 45
- column: 1
}end: {...}
- line: 47
- column: 2
}
}id: Identifier {...}
- type: "Identifier"
- start: 1089
- end: 1095
loc: {...}
start: {...}
- line: 45
- column: 10
}end: {...}
- line: 45
- column: 16
}
}- name: "remove"
}- expression: false
- generator: false
- async: false
params: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 1096
- end: 1100
loc: {...}
start: {...}
- line: 45
- column: 17
}end: {...}
- line: 45
- column: 21
}
}- name: "todo"
}
]body: BlockStatement {...}
- type: "BlockStatement"
- start: 1102
- end: 1149
loc: {...}
start: {...}
- line: 45
- column: 23
}end: {...}
- line: 47
- column: 2
}
}body: [...] (1)
ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 1106
- end: 1146
loc: {...}
start: {...}
- line: 46
- column: 2
}end: {...}
- line: 46
- column: 42
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 1106
- end: 1145
loc: {...}
start: {...}
- line: 46
- column: 2
}end: {...}
- line: 46
- column: 41
}
}- operator: "="
left: Identifier {...}
- type: "Identifier"
- start: 1106
- end: 1111
loc: {...}
start: {...}
- line: 46
- column: 2
}end: {...}
- line: 46
- column: 7
}
}- name: "todos"
}right: CallExpression {...}
- type: "CallExpression"
- start: 1114
- end: 1145
loc: {...}
start: {...}
- line: 46
- column: 10
}end: {...}
- line: 46
- column: 41
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 1114
- end: 1126
loc: {...}
start: {...}
- line: 46
- column: 10
}end: {...}
- line: 46
- column: 22
}
}object: Identifier {...}
- type: "Identifier"
- start: 1114
- end: 1119
loc: {...}
start: {...}
- line: 46
- column: 10
}end: {...}
- line: 46
- column: 15
}
}- name: "todos"
}property: Identifier {...}
- type: "Identifier"
- start: 1120
- end: 1126
loc: {...}
start: {...}
- line: 46
- column: 16
}end: {...}
- line: 46
- column: 22
}
}- name: "filter"
}- computed: false
- optional: false
}arguments: [...] (1)
ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 1127
- end: 1144
loc: {...}
start: {...}
- line: 46
- column: 23
}end: {...}
- line: 46
- column: 40
}
}- id: null
- expression: true
- generator: false
- async: false
params: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 1128
- end: 1129
loc: {...}
start: {...}
- line: 46
- column: 24
}end: {...}
- line: 46
- column: 25
}
}- name: "t"
}
]body: BinaryExpression {...}
- type: "BinaryExpression"
- start: 1134
- end: 1144
loc: {...}
start: {...}
- line: 46
- column: 30
}end: {...}
- line: 46
- column: 40
}
}left: Identifier {...}
- type: "Identifier"
- start: 1134
- end: 1135
loc: {...}
start: {...}
- line: 46
- column: 30
}end: {...}
- line: 46
- column: 31
}
}- name: "t"
}- operator: "!=="
right: Identifier {...}
- type: "Identifier"
- start: 1140
- end: 1144
loc: {...}
start: {...}
- line: 46
- column: 36
}end: {...}
- line: 46
- column: 40
}
}- name: "todo"
}
}
}
]- optional: false
}
}
}
]
}
}
]- sourceType: "module"
}- attributes: []
}
}
The AST is not public API and may change at any point in time