Astro

HTML

<script src="https://cdn.jsdelivr.net/npm/@astrojs/svelte@7.1.0/+esm"></script>
<script src="https://cdn.jsdelivr.net/npm/astro@5.11.0/+esm"></script>
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> 
 <h1 data-astro-source-file="/home/projects/github-ch9tapzs-msmz1naf/src/pages/index.astro"
  data-astro-source-loc="14:7">Astro</h1>
   <astro-island uid="2uEa2u" 
   component-url="/home/projects/github-ch9tapzs-msmz1naf/src/components/test.svelte"
    component-export="default" renderer-url="@astrojs/svelte/client.js" 
    props="{}" ssr client="load" before-hydration-url="astro:scripts/before-hydration.js" opts="{&quot;name&quot;:&quot;TestComponent&quot;,&quot;value&quot;:true}" await-children><!--[--><div>test component <span>0</span> <button>inc</button></div><!--]--><!--astro:end--></astro-island>

CSS

astro-island,astro-slot,astro-static-slot{display:contents}

JavaScript

;(() => {
  var e = async (t) => {
    await (
      await t()
    )()
  }
  ;(self.Astro || (self.Astro = {})).load = e
  window.dispatchEvent(new Event("astro:load"))
})()
;(() => {
  var A = Object.defineProperty
  var g = (i, o, a) =>
    o in i
      ? A(i, o, { enumerable: !0, configurable: !0, writable: !0, value: a })
      : (i[o] = a)
  var d = (i, o, a) => g(i, typeof o != "symbol" ? o + "" : o, a)
  {
    let i = {
        0: (t) => m(t),
        1: (t) => a(t),
        2: (t) => new RegExp(t),
        3: (t) => new Date(t),
        4: (t) => new Map(a(t)),
        5: (t) => new Set(a(t)),
        6: (t) => BigInt(t),
        7: (t) => new URL(t),
        8: (t) => new Uint8Array(t),
        9: (t) => new Uint16Array(t),
        10: (t) => new Uint32Array(t),
        11: (t) => (1 / 0) * t,
      },
      o = (t) => {
        let [l, e] = t
        return l in i ? i[l](e) : void 0
      },
      a = (t) => t.map(o),
      m = (t) =>
        typeof t != "object" || t === null
          ? t
          : Object.fromEntries(Object.entries(t).map(([l, e]) => [l, o(e)]))
    class y extends HTMLElement {
      constructor() {
        super(...arguments)
        d(this, "Component")
        d(this, "hydrator")
        d(this, "hydrate", async () => {
          var b
          if (!this.hydrator || !this.isConnected) return
          let e =
            (b = this.parentElement) == null
              ? void 0
              : b.closest("astro-island[ssr]")
          if (e) {
            e.addEventListener("astro:hydrate", this.hydrate, { once: !0 })
            return
          }
          let c = this.querySelectorAll("astro-slot"),
            n = {},
            h = this.querySelectorAll("template[data-astro-template]")
          for (let r of h) {
            let s = r.closest(this.tagName)
            s != null &&
              s.isSameNode(this) &&
             ...