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} />
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
›
⌄
⌄
⌄
⌄
⌄
⌄
⌄
<script>
import { onMount } from 'svelte';
let time = $state(new Date());
// these automatically update when `time`
// changes, because of the `$:` prefix
let hours = $derived(time.getHours());
let minutes = $derived(time.getMinutes());
let seconds = $derived(time.getSeconds());
onMount(() => {
const interval = setInterval(() => {
time = new Date();
}, 1000);
return () => {
clearInterval(interval);
};
});
</script>
<svg viewBox="-50 -50 100 100">
<circle class="clock-face" r="48" />
<!-- markers -->
{#each [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55] as minute}
<line class="major" y1="35" y2="45" transform="rotate({30 * minute})" />
{#each [1, 2, 3, 4] as offset}
<line class="minor" y1="42" y2="45" transform="rotate({6 * (minute + offset)})" />
{/each}
{/each}
<!-- hour hand -->
<line class="hour" y1="2" y2="-20" transform="rotate({30 * hours + minutes / 2})" />
Error compiling component
WebAssembly.instantiateStreaming(): value type opcode @+13
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
›
⌄
⌄
⌄
⌄
import 'svelte/internal/disclose-version';
import * as $ from 'svelte/internal/client';
import { onMount } from 'svelte';
var root_2 = $.ns_template(`<line class="minor svelte-1kjtqer" y1="42" y2="45"></line>`);
var root_1 = $.ns_template(`<line class="major svelte-1kjtqer" y1="35" y2="45"></line><!>`, 1);
var root = $.ns_template(`<svg viewBox="-50 -50 100 100" class="svelte-1kjtqer"><circle class="clock-face svelte-1kjtqer" r="48"></circle><!><line class="hour svelte-1kjtqer" y1="2" y2="-20"></line><line class="minute svelte-1kjtqer" y1="4" y2="-30"></line><g><line class="second svelte-1kjtqer" y1="10" y2="-38"></line><line class="second-counterweight svelte-1kjtqer" y1="10" y2="2"></line></g></svg>`);
export default function App($$anchor, $$props) {
$.push($$props, true);
let time = $.state($.proxy(new Date()));
// these automatically update when `time`
// changes, because of the `$:` prefix
let hours = $.derived(() => $.get(time).getHours());
let minutes = $.derived(() => $.get(time).getMinutes());
let seconds = $.derived(() => $.get(time).getSeconds());
onMount(() => {
const interval = setInterval(
() => {
$.set(time, $.proxy(new Date()));
},
1000
);
return () => {
clearInterval(interval);
};
});
var svg = root();
var node = $.sibling($.child(svg));
$.each(
node,
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
›
svg.svelte-1kjtqer {
width: 100%;
height: 100%;
}
.clock-face.svelte-1kjtqer {
stroke: #333;
fill: white;
}
.minor.svelte-1kjtqer {
stroke: #999;
stroke-width: 0.5;
}
.major.svelte-1kjtqer {
stroke: #333;
stroke-width: 1;
}
.hour.svelte-1kjtqer {
stroke: #333;
}
.minute.svelte-1kjtqer {
stroke: #666;
}
.second.svelte-1kjtqer,
.second-counterweight.svelte-1kjtqer {
stroke: rgb(180, 0, 0);
}
.second-counterweight.svelte-1kjtqer {
stroke-width: 3;
Root {
css: StyleSheet {...}
- type: "StyleSheet"
- start: 1210
- end: 1590
- attributes: []
children: [...] (8)
Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1219
- end: 1222
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1219
- end: 1222
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "svg"
- start: 1219
- end: 1222
}
]- start: 1219
- end: 1222
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1223
- end: 1258
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 1227
- end: 1238
- property: "width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 1242
- end: 1254
- property: "height"
- value: "100%"
}
]
}- start: 1219
- end: 1258
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1261
- end: 1272
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1261
- end: 1272
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "clock-face"
- start: 1261
- end: 1272
}
]- start: 1261
- end: 1272
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1273
- end: 1308
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 1277
- end: 1289
- property: "stroke"
- value: "#333"
} Declaration {...}
- type: "Declaration"
- start: 1293
- end: 1304
- property: "fill"
- value: "white"
}
]
}- start: 1261
- end: 1308
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1311
- end: 1317
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1311
- end: 1317
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "minor"
- start: 1311
- end: 1317
}
]- start: 1311
- end: 1317
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1318
- end: 1359
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 1322
- end: 1334
- property: "stroke"
- value: "#999"
} Declaration {...}
- type: "Declaration"
- start: 1338
- end: 1355
- property: "stroke-width"
- value: "0.5"
}
]
}- start: 1311
- end: 1359
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1362
- end: 1368
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1362
- end: 1368
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "major"
- start: 1362
- end: 1368
}
]- start: 1362
- end: 1368
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1369
- end: 1408
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 1373
- end: 1385
- property: "stroke"
- value: "#333"
} Declaration {...}
- type: "Declaration"
- start: 1389
- end: 1404
- property: "stroke-width"
- value: "1"
}
]
}- start: 1362
- end: 1408
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1411
- end: 1416
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1411
- end: 1416
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "hour"
- start: 1411
- end: 1416
}
]- start: 1411
- end: 1416
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1417
- end: 1437
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 1421
- end: 1433
- property: "stroke"
- value: "#333"
}
]
}- start: 1411
- end: 1437
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1440
- end: 1447
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1440
- end: 1447
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "minute"
- start: 1440
- end: 1447
}
]- start: 1440
- end: 1447
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1448
- end: 1468
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 1452
- end: 1464
- property: "stroke"
- value: "#666"
}
]
}- start: 1440
- end: 1468
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1471
- end: 1502
children: [...] (2)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1471
- end: 1478
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "second"
- start: 1471
- end: 1478
}
]- start: 1471
- end: 1478
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 1481
- end: 1502
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "second-counterweight"
- start: 1481
- end: 1502
}
]- start: 1481
- end: 1502
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1503
- end: 1533
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 1507
- end: 1529
- property: "stroke"
- value: "rgb(180, 0, 0)"
}
]
}- start: 1471
- end: 1533
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1536
- end: 1557
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1536
- end: 1557
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "second-counterweight"
- start: 1536
- end: 1557
}
]- start: 1536
- end: 1557
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1558
- end: 1581
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 1562
- end: 1577
- property: "stroke-width"
- value: "3"
}
]
}- start: 1536
- end: 1581
}
]content: {...}
- start: 1217
- end: 1582
- styles: "\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.clock-face {\n\t\tstroke: #333;\n\t\tfill: white;\n\t}\n\n\t.minor {\n\t\tstroke: #999;\n\t\tstroke-width: 0.5;\n\t}\n\n\t.major {\n\t\tstroke: #333;\n\t\tstroke-width: 1;\n\t}\n\n\t.hour {\n\t\tstroke: #333;\n\t}\n\n\t.minute {\n\t\tstroke: #666;\n\t}\n\n\t.second,\n\t.second-counterweight {\n\t\tstroke: rgb(180, 0, 0);\n\t}\n\n\t.second-counterweight {\n\t\tstroke-width: 3;\n\t}\n"
- comment: null
}
}- js: []
- start: 447
- end: 1208
- type: "Root"
fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 445
- end: 447
- raw: "\n\n"
- data: "\n\n"
} RegularElement {...}
- type: "RegularElement"
- start: 447
- end: 1208
- name: "svg"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 452
- end: 477
- name: "viewBox"
value: [...] (1)
Text {...}
- start: 461
- end: 476
- type: "Text"
- raw: "-50 -50 100 100"
- data: "-50 -50 100 100"
}
]
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-1kjtqer"
- raw: "svelte-1kjtqer"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (19)
Text {...}
- type: "Text"
- start: 478
- end: 480
- raw: "\n\t"
- data: "\n\t"
} RegularElement {...}
- type: "RegularElement"
- start: 480
- end: 516
- name: "circle"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 488
- end: 506
- name: "class"
value: [...] (1)
Text {...}
- start: 495
- end: 505
- type: "Text"
- raw: "clock-face"
- data: "clock-face svelte-1kjtqer"
}
]
} Attribute {...}
- type: "Attribute"
- start: 507
- end: 513
- name: "r"
value: [...] (1)
Text {...}
- start: 510
- end: 512
- type: "Text"
- raw: "48"
- data: "48"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 516
- end: 519
- raw: " "
- data: " "
} Comment {...}
- type: "Comment"
- start: 519
- end: 535
- data: " markers "
} Text {...}
- type: "Text"
- start: 535
- end: 537
- raw: ""
- data: ""
} EachBlock {...}
- type: "EachBlock"
- start: 537
- end: 815
expression: ArrayExpression {...}
- type: "ArrayExpression"
- start: 544
- end: 590
loc: {...}
start: {...}
- line: 27
- column: 8
}end: {...}
- line: 27
- column: 54
}
}elements: [...] (12)
Literal {...}
- type: "Literal"
- start: 545
- end: 546
loc: {...}
start: {...}
- line: 27
- column: 9
}end: {...}
- line: 27
- column: 10
}
}- value: 0
- raw: "0"
} Literal {...}
- type: "Literal"
- start: 548
- end: 549
loc: {...}
start: {...}
- line: 27
- column: 12
}end: {...}
- line: 27
- column: 13
}
}- value: 5
- raw: "5"
} Literal {...}
- type: "Literal"
- start: 551
- end: 553
loc: {...}
start: {...}
- line: 27
- column: 15
}end: {...}
- line: 27
- column: 17
}
}- value: 10
- raw: "10"
} Literal {...}
- type: "Literal"
- start: 555
- end: 557
loc: {...}
start: {...}
- line: 27
- column: 19
}end: {...}
- line: 27
- column: 21
}
}- value: 15
- raw: "15"
} Literal {...}
- type: "Literal"
- start: 559
- end: 561
loc: {...}
start: {...}
- line: 27
- column: 23
}end: {...}
- line: 27
- column: 25
}
}- value: 20
- raw: "20"
} Literal {...}
- type: "Literal"
- start: 563
- end: 565
loc: {...}
start: {...}
- line: 27
- column: 27
}end: {...}
- line: 27
- column: 29
}
}- value: 25
- raw: "25"
} Literal {...}
- type: "Literal"
- start: 567
- end: 569
loc: {...}
start: {...}
- line: 27
- column: 31
}end: {...}
- line: 27
- column: 33
}
}- value: 30
- raw: "30"
} Literal {...}
- type: "Literal"
- start: 571
- end: 573
loc: {...}
start: {...}
- line: 27
- column: 35
}end: {...}
- line: 27
- column: 37
}
}- value: 35
- raw: "35"
} Literal {...}
- type: "Literal"
- start: 575
- end: 577
loc: {...}
start: {...}
- line: 27
- column: 39
}end: {...}
- line: 27
- column: 41
}
}- value: 40
- raw: "40"
} Literal {...}
- type: "Literal"
- start: 579
- end: 581
loc: {...}
start: {...}
- line: 27
- column: 43
}end: {...}
- line: 27
- column: 45
}
}- value: 45
- raw: "45"
} Literal {...}
- type: "Literal"
- start: 583
- end: 585
loc: {...}
start: {...}
- line: 27
- column: 47
}end: {...}
- line: 27
- column: 49
}
}- value: 50
- raw: "50"
} Literal {...}
- type: "Literal"
- start: 587
- end: 589
loc: {...}
start: {...}
- line: 27
- column: 51
}end: {...}
- line: 27
- column: 53
}
}- value: 55
- raw: "55"
}
]
}body: Fragment {...}
- type: "Fragment"
nodes: [...] (5)
Text {...}
- type: "Text"
- start: 601
- end: 604
- raw: "\n\t\t"
- data: "\n\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 604
- end: 676
- name: "line"
attributes: [...] (4)
Attribute {...}
- type: "Attribute"
- start: 610
- end: 623
- name: "class"
value: [...] (1)
Text {...}
- start: 617
- end: 622
- type: "Text"
- raw: "major"
- data: "major svelte-1kjtqer"
}
]
} Attribute {...}
- type: "Attribute"
- start: 624
- end: 631
- name: "y1"
value: [...] (1)
Text {...}
- start: 628
- end: 630
- type: "Text"
- raw: "35"
- data: "35"
}
]
} Attribute {...}
- type: "Attribute"
- start: 632
- end: 639
- name: "y2"
value: [...] (1)
Text {...}
- start: 636
- end: 638
- type: "Text"
- raw: "45"
- data: "45"
}
]
} Attribute {...}
- type: "Attribute"
- start: 640
- end: 673
- name: "transform"
value: [...] (3)
Text {...}
- start: 651
- end: 658
- type: "Text"
- raw: "rotate("
- data: "rotate("
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 658
- end: 671
expression: BinaryExpression {...}
- type: "BinaryExpression"
- start: 659
- end: 670
loc: {...}
start: {...}
- line: 28
- column: 57
}end: {...}
- line: 28
- column: 68
}
}left: Literal {...}
- type: "Literal"
- start: 659
- end: 661
loc: {...}
start: {...}
- line: 28
- column: 57
}end: {...}
- line: 28
- column: 59
}
}- value: 30
- raw: "30"
}- operator: "*"
right: Identifier {...}
- type: "Identifier"
- start: 664
- end: 670
loc: {...}
start: {...}
- line: 28
- column: 62
}end: {...}
- line: 28
- column: 68
}
}- name: "minute"
}
}
} Text {...}
- start: 671
- end: 672
- type: "Text"
- raw: ")"
- data: ")"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 676
- end: 680
- raw: " "
- data: " "
} EachBlock {...}
- type: "EachBlock"
- start: 680
- end: 806
expression: ArrayExpression {...}
- type: "ArrayExpression"
- start: 687
- end: 699
loc: {...}
start: {...}
- line: 30
- column: 9
}end: {...}
- line: 30
- column: 21
}
}elements: [...] (4)
Literal {...}
- type: "Literal"
- start: 688
- end: 689
loc: {...}
start: {...}
- line: 30
- column: 10
}end: {...}
- line: 30
- column: 11
}
}- value: 1
- raw: "1"
} Literal {...}
- type: "Literal"
- start: 691
- end: 692
loc: {...}
start: {...}
- line: 30
- column: 13
}end: {...}
- line: 30
- column: 14
}
}- value: 2
- raw: "2"
} Literal {...}
- type: "Literal"
- start: 694
- end: 695
loc: {...}
start: {...}
- line: 30
- column: 16
}end: {...}
- line: 30
- column: 17
}
}- value: 3
- raw: "3"
} Literal {...}
- type: "Literal"
- start: 697
- end: 698
loc: {...}
start: {...}
- line: 30
- column: 19
}end: {...}
- line: 30
- column: 20
}
}- value: 4
- raw: "4"
}
]
}body: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 710
- end: 714
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 714
- end: 796
- name: "line"
attributes: [...] (4)
Attribute {...}
- type: "Attribute"
- start: 720
- end: 733
- name: "class"
value: [...] (1)
Text {...}
- start: 727
- end: 732
- type: "Text"
- raw: "minor"
- data: "minor svelte-1kjtqer"
}
]
} Attribute {...}
- type: "Attribute"
- start: 734
- end: 741
- name: "y1"
value: [...] (1)
Text {...}
- start: 738
- end: 740
- type: "Text"
- raw: "42"
- data: "42"
}
]
} Attribute {...}
- type: "Attribute"
- start: 742
- end: 749
- name: "y2"
value: [...] (1)
Text {...}
- start: 746
- end: 748
- type: "Text"
- raw: "45"
- data: "45"
}
]
} Attribute {...}
- type: "Attribute"
- start: 750
- end: 793
- name: "transform"
value: [...] (3)
Text {...}
- start: 761
- end: 768
- type: "Text"
- raw: "rotate("
- data: "rotate("
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 768
- end: 791
expression: BinaryExpression {...}
- type: "BinaryExpression"
- start: 769
- end: 790
loc: {...}
start: {...}
- line: 31
- column: 58
}end: {...}
- line: 31
- column: 79
}
}left: Literal {...}
- type: "Literal"
- start: 769
- end: 770
loc: {...}
start: {...}
- line: 31
- column: 58
}end: {...}
- line: 31
- column: 59
}
}- value: 6
- raw: "6"
}- operator: "*"
right: BinaryExpression {...}
- type: "BinaryExpression"
- start: 774
- end: 789
loc: {...}
start: {...}
- line: 31
- column: 63
}end: {...}
- line: 31
- column: 78
}
}left: Identifier {...}
- type: "Identifier"
- start: 774
- end: 780
loc: {...}
start: {...}
- line: 31
- column: 63
}end: {...}
- line: 31
- column: 69
}
}- name: "minute"
}- operator: "+"
right: Identifier {...}
- type: "Identifier"
- start: 783
- end: 789
loc: {...}
start: {...}
- line: 31
- column: 72
}end: {...}
- line: 31
- column: 78
}
}- name: "offset"
}
}
}
} Text {...}
- start: 791
- end: 792
- type: "Text"
- raw: ")"
- data: ")"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 796
- end: 799
- raw: "\n\t\t"
- data: "\n\t\t"
}
]
}context: Identifier {...}
- type: "Identifier"
- name: "offset"
- start: 703
loc: {...}
start: {...}
- line: 30
- column: 25
- character: 703
}end: {...}
- line: 30
- column: 31
- character: 709
}
}- end: 709
- typeAnnotation: undefined
}- index: undefined
- key: undefined
} Text {...}
- type: "Text"
- start: 806
- end: 808
- raw: "\n\t"
- data: "\n\t"
}
]
}context: Identifier {...}
- type: "Identifier"
- name: "minute"
- start: 594
loc: {...}
start: {...}
- line: 27
- column: 58
- character: 594
}end: {...}
- line: 27
- column: 64
- character: 600
}
}- end: 600
- typeAnnotation: undefined
}- index: undefined
- key: undefined
} Text {...}
- type: "Text"
- start: 815
- end: 818
- raw: " "
- data: " "
} Comment {...}
- type: "Comment"
- start: 818
- end: 836
- data: " hour hand "
} Text {...}
- type: "Text"
- start: 836
- end: 838
- raw: ""
- data: ""
} RegularElement {...}
- type: "RegularElement"
- start: 838
- end: 922
- name: "line"
attributes: [...] (4)
Attribute {...}
- type: "Attribute"
- start: 844
- end: 856
- name: "class"
value: [...] (1)
Text {...}
- start: 851
- end: 855
- type: "Text"
- raw: "hour"
- data: "hour svelte-1kjtqer"
}
]
} Attribute {...}
- type: "Attribute"
- start: 857
- end: 863
- name: "y1"
value: [...] (1)
Text {...}
- start: 861
- end: 862
- type: "Text"
- raw: "2"
- data: "2"
}
]
} Attribute {...}
- type: "Attribute"
- start: 864
- end: 872
- name: "y2"
value: [...] (1)
Text {...}
- start: 868
- end: 871
- type: "Text"
- raw: "-20"
- data: "-20"
}
]
} Attribute {...}
- type: "Attribute"
- start: 873
- end: 919
- name: "transform"
value: [...] (3)
Text {...}
- start: 884
- end: 891
- type: "Text"
- raw: "rotate("
- data: "rotate("
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 891
- end: 917
expression: BinaryExpression {...}
- type: "BinaryExpression"
- start: 892
- end: 916
loc: {...}
start: {...}
- line: 36
- column: 55
}end: {...}
- line: 36
- column: 79
}
}left: BinaryExpression {...}
- type: "BinaryExpression"
- start: 892
- end: 902
loc: {...}
start: {...}
- line: 36
- column: 55
}end: {...}
- line: 36
- column: 65
}
}left: Literal {...}
- type: "Literal"
- start: 892
- end: 894
loc: {...}
start: {...}
- line: 36
- column: 55
}end: {...}
- line: 36
- column: 57
}
}- value: 30
- raw: "30"
}- operator: "*"
right: Identifier {...}
- type: "Identifier"
- start: 897
- end: 902
loc: {...}
start: {...}
- line: 36
- column: 60
}end: {...}
- line: 36
- column: 65
}
}- name: "hours"
}
}- operator: "+"
right: BinaryExpression {...}
- type: "BinaryExpression"
- start: 905
- end: 916
loc: {...}
start: {...}
- line: 36
- column: 68
}end: {...}
- line: 36
- column: 79
}
}left: Identifier {...}
- type: "Identifier"
- start: 905
- end: 912
loc: {...}
start: {...}
- line: 36
- column: 68
}end: {...}
- line: 36
- column: 75
}
}- name: "minutes"
}- operator: "/"
right: Literal {...}
- type: "Literal"
- start: 915
- end: 916
loc: {...}
start: {...}
- line: 36
- column: 78
}end: {...}
- line: 36
- column: 79
}
}- value: 2
- raw: "2"
}
}
}
} Text {...}
- start: 917
- end: 918
- type: "Text"
- raw: ")"
- data: ")"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 922
- end: 925
- raw: " "
- data: " "
} Comment {...}
- type: "Comment"
- start: 925
- end: 945
- data: " minute hand "
} Text {...}
- type: "Text"
- start: 945
- end: 947
- raw: ""
- data: ""
} RegularElement {...}
- type: "RegularElement"
- start: 947
- end: 1035
- name: "line"
attributes: [...] (4)
Attribute {...}
- type: "Attribute"
- start: 953
- end: 967
- name: "class"
value: [...] (1)
Text {...}
- start: 960
- end: 966
- type: "Text"
- raw: "minute"
- data: "minute svelte-1kjtqer"
}
]
} Attribute {...}
- type: "Attribute"
- start: 968
- end: 974
- name: "y1"
value: [...] (1)
Text {...}
- start: 972
- end: 973
- type: "Text"
- raw: "4"
- data: "4"
}
]
} Attribute {...}
- type: "Attribute"
- start: 975
- end: 983
- name: "y2"
value: [...] (1)
Text {...}
- start: 979
- end: 982
- type: "Text"
- raw: "-30"
- data: "-30"
}
]
} Attribute {...}
- type: "Attribute"
- start: 984
- end: 1032
- name: "transform"
value: [...] (3)
Text {...}
- start: 995
- end: 1002
- type: "Text"
- raw: "rotate("
- data: "rotate("
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1002
- end: 1030
expression: BinaryExpression {...}
- type: "BinaryExpression"
- start: 1003
- end: 1029
loc: {...}
start: {...}
- line: 39
- column: 57
}end: {...}
- line: 39
- column: 83
}
}left: BinaryExpression {...}
- type: "BinaryExpression"
- start: 1003
- end: 1014
loc: {...}
start: {...}
- line: 39
- column: 57
}end: {...}
- line: 39
- column: 68
}
}left: Literal {...}
- type: "Literal"
- start: 1003
- end: 1004
loc: {...}
start: {...}
- line: 39
- column: 57
}end: {...}
- line: 39
- column: 58
}
}- value: 6
- raw: "6"
}- operator: "*"
right: Identifier {...}
- type: "Identifier"
- start: 1007
- end: 1014
loc: {...}
start: {...}
- line: 39
- column: 61
}end: {...}
- line: 39
- column: 68
}
}- name: "minutes"
}
}- operator: "+"
right: BinaryExpression {...}
- type: "BinaryExpression"
- start: 1017
- end: 1029
loc: {...}
start: {...}
- line: 39
- column: 71
}end: {...}
- line: 39
- column: 83
}
}left: Identifier {...}
- type: "Identifier"
- start: 1017
- end: 1024
loc: {...}
start: {...}
- line: 39
- column: 71
}end: {...}
- line: 39
- column: 78
}
}- name: "seconds"
}- operator: "/"
right: Literal {...}
- type: "Literal"
- start: 1027
- end: 1029
loc: {...}
start: {...}
- line: 39
- column: 81
}end: {...}
- line: 39
- column: 83
}
}- value: 10
- raw: "10"
}
}
}
} Text {...}
- start: 1030
- end: 1031
- type: "Text"
- raw: ")"
- data: ")"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 1035
- end: 1038
- raw: " "
- data: " "
} Comment {...}
- type: "Comment"
- start: 1038
- end: 1058
- data: " second hand "
} Text {...}
- type: "Text"
- start: 1058
- end: 1060
- raw: ""
- data: ""
} RegularElement {...}
- type: "RegularElement"
- start: 1060
- end: 1201
- name: "g"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 1063
- end: 1096
- name: "transform"
value: [...] (3)
Text {...}
- start: 1074
- end: 1081
- type: "Text"
- raw: "rotate("
- data: "rotate("
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1081
- end: 1094
expression: BinaryExpression {...}
- type: "BinaryExpression"
- start: 1082
- end: 1093
loc: {...}
start: {...}
- line: 42
- column: 23
}end: {...}
- line: 42
- column: 34
}
}left: Literal {...}
- type: "Literal"
- start: 1082
- end: 1083
loc: {...}
start: {...}
- line: 42
- column: 23
}end: {...}
- line: 42
- column: 24
}
}- value: 6
- raw: "6"
}- operator: "*"
right: Identifier {...}
- type: "Identifier"
- start: 1086
- end: 1093
loc: {...}
start: {...}
- line: 42
- column: 27
}end: {...}
- line: 42
- column: 34
}
}- name: "seconds"
}
}
} Text {...}
- start: 1094
- end: 1095
- type: "Text"
- raw: ")"
- data: ")"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (5)
Text {...}
- type: "Text"
- start: 1097
- end: 1100
- raw: "\n\t\t"
- data: "\n\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1100
- end: 1140
- name: "line"
attributes: [...] (3)
Attribute {...}
- type: "Attribute"
- start: 1106
- end: 1120
- name: "class"
value: [...] (1)
Text {...}
- start: 1113
- end: 1119
- type: "Text"
- raw: "second"
- data: "second svelte-1kjtqer"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1121
- end: 1128
- name: "y1"
value: [...] (1)
Text {...}
- start: 1125
- end: 1127
- type: "Text"
- raw: "10"
- data: "10"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1129
- end: 1137
- name: "y2"
value: [...] (1)
Text {...}
- start: 1133
- end: 1136
- type: "Text"
- raw: "-38"
- data: "-38"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 1140
- end: 1143
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 1143
- end: 1195
- name: "line"
attributes: [...] (3)
Attribute {...}
- type: "Attribute"
- start: 1149
- end: 1177
- name: "class"
value: [...] (1)
Text {...}
- start: 1156
- end: 1176
- type: "Text"
- raw: "second-counterweight"
- data: "second-counterweight svelte-1kjtqer"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1178
- end: 1185
- name: "y1"
value: [...] (1)
Text {...}
- start: 1182
- end: 1184
- type: "Text"
- raw: "10"
- data: "10"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1186
- end: 1192
- name: "y2"
value: [...] (1)
Text {...}
- start: 1190
- end: 1191
- type: "Text"
- raw: "2"
- data: "2"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 1195
- end: 1197
- raw: "\n\t"
- data: "\n\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1201
- end: 1202
- raw: "\n"
- data: "\n"
}
]
}
} Text {...}
- type: "Text"
- start: 1208
- end: 1210
- raw: "\n\n"
- data: "\n\n"
}
]
}- options: null
instance: Script {...}
- type: "Script"
- start: 0
- end: 445
- context: "default"
content: Program {...}
- type: "Program"
- start: 8
- end: 436
loc: {...}
start: {...}
- line: 1
- column: 0
}end: {...}
- line: 21
- column: 0
}
}body: [...] (6)
ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 10
- end: 43
loc: {...}
start: {...}
- line: 2
- column: 1
}end: {...}
- line: 2
- column: 34
}
}specifiers: [...] (1)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 19
- end: 26
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 17
}
}imported: Identifier {...}
- type: "Identifier"
- start: 19
- end: 26
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 17
}
}- name: "onMount"
}local: Identifier {...}
- type: "Identifier"
- start: 19
- end: 26
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 17
}
}- name: "onMount"
}
}
]source: Literal {...}
- type: "Literal"
- start: 34
- end: 42
loc: {...}
start: {...}
- line: 2
- column: 25
}end: {...}
- line: 2
- column: 33
}
}- value: "svelte"
- raw: "'svelte'"
}
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 46
- end: 76
loc: {...}
start: {...}
- line: 4
- column: 1
}end: {...}
- line: 4
- column: 31
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 50
- end: 75
loc: {...}
start: {...}
- line: 4
- column: 5
}end: {...}
- line: 4
- column: 30
}
}id: Identifier {...}
- type: "Identifier"
- start: 50
- end: 54
loc: {...}
start: {...}
- line: 4
- column: 5
}end: {...}
- line: 4
- column: 9
}
}- name: "time"
}init: CallExpression {...}
- type: "CallExpression"
- start: 57
- end: 75
loc: {...}
start: {...}
- line: 4
- column: 12
}end: {...}
- line: 4
- column: 30
}
}callee: Identifier {...}
- type: "Identifier"
- start: 57
- end: 63
loc: {...}
start: {...}
- line: 4
- column: 12
}end: {...}
- line: 4
- column: 18
}
}- name: "$state"
}arguments: [...] (1)
NewExpression {...}
- type: "NewExpression"
- start: 64
- end: 74
loc: {...}
start: {...}
- line: 4
- column: 19
}end: {...}
- line: 4
- column: 29
}
}callee: Identifier {...}
- type: "Identifier"
- start: 68
- end: 72
loc: {...}
start: {...}
- line: 4
- column: 23
}end: {...}
- line: 4
- column: 27
}
}- name: "Date"
}- arguments: []
}
]- optional: false
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 162
- end: 200
loc: {...}
start: {...}
- line: 8
- column: 1
}end: {...}
- line: 8
- column: 39
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 166
- end: 199
loc: {...}
start: {...}
- line: 8
- column: 5
}end: {...}
- line: 8
- column: 38
}
}id: Identifier {...}
- type: "Identifier"
- start: 166
- end: 171
loc: {...}
start: {...}
- line: 8
- column: 5
}end: {...}
- line: 8
- column: 10
}
}- name: "hours"
}init: CallExpression {...}
- type: "CallExpression"
- start: 174
- end: 199
loc: {...}
start: {...}
- line: 8
- column: 13
}end: {...}
- line: 8
- column: 38
}
}callee: Identifier {...}
- type: "Identifier"
- start: 174
- end: 182
loc: {...}
start: {...}
- line: 8
- column: 13
}end: {...}
- line: 8
- column: 21
}
}- name: "$derived"
}arguments: [...] (1)
CallExpression {...}
- type: "CallExpression"
- start: 183
- end: 198
loc: {...}
start: {...}
- line: 8
- column: 22
}end: {...}
- line: 8
- column: 37
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 183
- end: 196
loc: {...}
start: {...}
- line: 8
- column: 22
}end: {...}
- line: 8
- column: 35
}
}object: Identifier {...}
- type: "Identifier"
- start: 183
- end: 187
loc: {...}
start: {...}
- line: 8
- column: 22
}end: {...}
- line: 8
- column: 26
}
}- name: "time"
}property: Identifier {...}
- type: "Identifier"
- start: 188
- end: 196
loc: {...}
start: {...}
- line: 8
- column: 27
}end: {...}
- line: 8
- column: 35
}
}- name: "getHours"
}- computed: false
- optional: false
}- arguments: []
- optional: false
}
]- optional: false
}
}
]- kind: "let"
leadingComments: [...] (2)
Line {...}
- type: "Line"
- value: " these automatically update when `time`"
- start: 79
- end: 120
} Line {...}
- type: "Line"
- value: " changes, because of the `$:` prefix"
- start: 122
- end: 160
}
]
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 202
- end: 244
loc: {...}
start: {...}
- line: 9
- column: 1
}end: {...}
- line: 9
- column: 43
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 206
- end: 243
loc: {...}
start: {...}
- line: 9
- column: 5
}end: {...}
- line: 9
- column: 42
}
}id: Identifier {...}
- type: "Identifier"
- start: 206
- end: 213
loc: {...}
start: {...}
- line: 9
- column: 5
}end: {...}
- line: 9
- column: 12
}
}- name: "minutes"
}init: CallExpression {...}
- type: "CallExpression"
- start: 216
- end: 243
loc: {...}
start: {...}
- line: 9
- column: 15
}end: {...}
- line: 9
- column: 42
}
}callee: Identifier {...}
- type: "Identifier"
- start: 216
- end: 224
loc: {...}
start: {...}
- line: 9
- column: 15
}end: {...}
- line: 9
- column: 23
}
}- name: "$derived"
}arguments: [...] (1)
CallExpression {...}
- type: "CallExpression"
- start: 225
- end: 242
loc: {...}
start: {...}
- line: 9
- column: 24
}end: {...}
- line: 9
- column: 41
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 225
- end: 240
loc: {...}
start: {...}
- line: 9
- column: 24
}end: {...}
- line: 9
- column: 39
}
}object: Identifier {...}
- type: "Identifier"
- start: 225
- end: 229
loc: {...}
start: {...}
- line: 9
- column: 24
}end: {...}
- line: 9
- column: 28
}
}- name: "time"
}property: Identifier {...}
- type: "Identifier"
- start: 230
- end: 240
loc: {...}
start: {...}
- line: 9
- column: 29
}end: {...}
- line: 9
- column: 39
}
}- name: "getMinutes"
}- computed: false
- optional: false
}- arguments: []
- optional: false
}
]- optional: false
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 246
- end: 288
loc: {...}
start: {...}
- line: 10
- column: 1
}end: {...}
- line: 10
- column: 43
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 250
- end: 287
loc: {...}
start: {...}
- line: 10
- column: 5
}end: {...}
- line: 10
- column: 42
}
}id: Identifier {...}
- type: "Identifier"
- start: 250
- end: 257
loc: {...}
start: {...}
- line: 10
- column: 5
}end: {...}
- line: 10
- column: 12
}
}- name: "seconds"
}init: CallExpression {...}
- type: "CallExpression"
- start: 260
- end: 287
loc: {...}
start: {...}
- line: 10
- column: 15
}end: {...}
- line: 10
- column: 42
}
}callee: Identifier {...}
- type: "Identifier"
- start: 260
- end: 268
loc: {...}
start: {...}
- line: 10
- column: 15
}end: {...}
- line: 10
- column: 23
}
}- name: "$derived"
}arguments: [...] (1)
CallExpression {...}
- type: "CallExpression"
- start: 269
- end: 286
loc: {...}
start: {...}
- line: 10
- column: 24
}end: {...}
- line: 10
- column: 41
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 269
- end: 284
loc: {...}
start: {...}
- line: 10
- column: 24
}end: {...}
- line: 10
- column: 39
}
}object: Identifier {...}
- type: "Identifier"
- start: 269
- end: 273
loc: {...}
start: {...}
- line: 10
- column: 24
}end: {...}
- line: 10
- column: 28
}
}- name: "time"
}property: Identifier {...}
- type: "Identifier"
- start: 274
- end: 284
loc: {...}
start: {...}
- line: 10
- column: 29
}end: {...}
- line: 10
- column: 39
}
}- name: "getSeconds"
}- computed: false
- optional: false
}- arguments: []
- optional: false
}
]- optional: false
}
}
]- kind: "let"
} ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 291
- end: 435
loc: {...}
start: {...}
- line: 12
- column: 1
}end: {...}
- line: 20
- column: 4
}
}expression: CallExpression {...}
- type: "CallExpression"
- start: 291
- end: 434
loc: {...}
start: {...}
- line: 12
- column: 1
}end: {...}
- line: 20
- column: 3
}
}callee: Identifier {...}
- type: "Identifier"
- start: 291
- end: 298
loc: {...}
start: {...}
- line: 12
- column: 1
}end: {...}
- line: 12
- column: 8
}
}- name: "onMount"
}arguments: [...] (1)
ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 299
- end: 433
loc: {...}
start: {...}
- line: 12
- column: 9
}end: {...}
- line: 20
- column: 2
}
}- id: null
- expression: false
- generator: false
- async: false
- params: []
body: BlockStatement {...}
- type: "BlockStatement"
- start: 305
- end: 433
loc: {...}
start: {...}
- line: 12
- column: 15
}end: {...}
- line: 20
- column: 2
}
}body: [...] (2)
VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 309
- end: 379
loc: {...}
start: {...}
- line: 13
- column: 2
}end: {...}
- line: 15
- column: 11
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 315
- end: 378
loc: {...}
start: {...}
- line: 13
- column: 8
}end: {...}
- line: 15
- column: 10
}
}id: Identifier {...}
- type: "Identifier"
- start: 315
- end: 323
loc: {...}
start: {...}
- line: 13
- column: 8
}end: {...}
- line: 13
- column: 16
}
}- name: "interval"
}init: CallExpression {...}
- type: "CallExpression"
- start: 326
- end: 378
loc: {...}
start: {...}
- line: 13
- column: 19
}end: {...}
- line: 15
- column: 10
}
}callee: Identifier {...}
- type: "Identifier"
- start: 326
- end: 337
loc: {...}
start: {...}
- line: 13
- column: 19
}end: {...}
- line: 13
- column: 30
}
}- name: "setInterval"
}arguments: [...] (2)
ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 338
- end: 371
loc: {...}
start: {...}
- line: 13
- column: 31
}end: {...}
- line: 15
- column: 3
}
}- id: null
- expression: false
- generator: false
- async: false
- params: []
body: BlockStatement {...}
- type: "BlockStatement"
- start: 344
- end: 371
loc: {...}
start: {...}
- line: 13
- column: 37
}end: {...}
- line: 15
- column: 3
}
}body: [...] (1)
ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 349
- end: 367
loc: {...}
start: {...}
- line: 14
- column: 3
}end: {...}
- line: 14
- column: 21
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 349
- end: 366
loc: {...}
start: {...}
- line: 14
- column: 3
}end: {...}
- line: 14
- column: 20
}
}- operator: "="
left: Identifier {...}
- type: "Identifier"
- start: 349
- end: 353
loc: {...}
start: {...}
- line: 14
- column: 3
}end: {...}
- line: 14
- column: 7
}
}- name: "time"
}right: NewExpression {...}
- type: "NewExpression"
- start: 356
- end: 366
loc: {...}
start: {...}
- line: 14
- column: 10
}end: {...}
- line: 14
- column: 20
}
}callee: Identifier {...}
- type: "Identifier"
- start: 360
- end: 364
loc: {...}
start: {...}
- line: 14
- column: 14
}end: {...}
- line: 14
- column: 18
}
}- name: "Date"
}- arguments: []
}
}
}
]
}
} Literal {...}
- type: "Literal"
- start: 373
- end: 377
loc: {...}
start: {...}
- line: 15
- column: 5
}end: {...}
- line: 15
- column: 9
}
}- value: 1000
- raw: "1000"
}
]- optional: false
}
}
]- kind: "const"
} ReturnStatement {...}
- type: "ReturnStatement"
- start: 383
- end: 430
loc: {...}
start: {...}
- line: 17
- column: 2
}end: {...}
- line: 19
- column: 4
}
}argument: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 390
- end: 429
loc: {...}
start: {...}
- line: 17
- column: 9
}end: {...}
- line: 19
- column: 3
}
}- id: null
- expression: false
- generator: false
- async: false
- params: []
body: BlockStatement {...}
- type: "BlockStatement"
- start: 396
- end: 429
loc: {...}
start: {...}
- line: 17
- column: 15
}end: {...}
- line: 19
- column: 3
}
}body: [...] (1)
ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 401
- end: 425
loc: {...}
start: {...}
- line: 18
- column: 3
}end: {...}
- line: 18
- column: 27
}
}expression: CallExpression {...}
- type: "CallExpression"
- start: 401
- end: 424
loc: {...}
start: {...}
- line: 18
- column: 3
}end: {...}
- line: 18
- column: 26
}
}callee: Identifier {...}
- type: "Identifier"
- start: 401
- end: 414
loc: {...}
start: {...}
- line: 18
- column: 3
}end: {...}
- line: 18
- column: 16
}
}- name: "clearInterval"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 415
- end: 423
loc: {...}
start: {...}
- line: 18
- column: 17
}end: {...}
- line: 18
- column: 25
}
}- name: "interval"
}
]- optional: false
}
}
]
}
}
}
]
}
}
]- optional: false
}
}
]- sourceType: "module"
}- attributes: []
}
}
The AST is not public API and may change at any point in time