Skip to main content
Create new
Introduction
Reactivity
Props
Logic
Events
Bindings
Lifecycle
Stores
Motion
Transitions
Animations
Easing
SVG
Actions
Classes
Component composition
Context API
Special elements
Module context
Debugging
7GUIs
Miscellaneous
App.svelte
<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
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: ,
});

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
Clock • Playground • Svelte