playhtml 2.0.0 → 2.0.2

package/dist/playhtml.es.js

@@ -19,7 +19,7 @@ const O = () => /* @__PURE__ */ new Map(), Tt = (s) => {
     if (e(n, t))
       return !0;
   return !1;
-}, ce = () => /* @__PURE__ */ new Set(), St = (s) => s[s.length - 1], fi = (s, e) => {
+}, ae = () => /* @__PURE__ */ new Set(), St = (s) => s[s.length - 1], fi = (s, e) => {
   for (let t = 0; t < e.length; t++)
     s.push(e[t]);
 }, ee = Array.from, gi = Array.isArray, pi = String.fromCharCode, ki = (s) => s.toLowerCase(), mi = /^\s*/g, bi = (s) => s.replace(mi, ""), wi = /([A-Z])/g, Ss = (s, e) => bi(s.replace(wi, (t) => `${e}${ki(t)}`)), yi = (s) => {
@@ -165,7 +165,7 @@ const Oi = () => {
   return R;
 }, Ot = (s) => Oi().has(s), Rt = (s) => Ds(_e ? process.env[s.toUpperCase()] : Xs.getItem(s)), Ri = (s) => Ot("--" + s) || Rt(s) !== null;
 Ri("production");
-const Es = _e && Ti(process.env.FORCE_COLOR, ["true", "1", "2"]), Ni = !Ot("no-colors") && (!_e || process.stdout.isTTY || Es) && (!_e || Ot("color") || Es || Rt("COLORTERM") !== null || (Rt("TERM") || "").includes("color")), K = Math.floor, tt = Math.abs, Wt = (s, e) => s < e ? s : e, ge = (s, e) => s > e ? s : e, Bi = Math.pow, Ps = (s) => s !== 0 ? s < 0 : 1 / s < 0, Cs = 1, vs = 2, Dt = 4, Et = 8, Ne = 32, q = 64, U = 128, gt = 31, Nt = 63, re = 127, Fi = 2147483647, Qs = Number.MAX_SAFE_INTEGER, Hi = Number.isInteger || ((s) => typeof s == "number" && isFinite(s) && K(s) === s);
+const Es = _e && Ti(process.env.FORCE_COLOR, ["true", "1", "2"]), Ni = !Ot("no-colors") && (!_e || process.stdout.isTTY || Es) && (!_e || Ot("color") || Es || Rt("COLORTERM") !== null || (Rt("TERM") || "").includes("color")), K = Math.floor, tt = Math.abs, Wt = (s, e) => s < e ? s : e, ge = (s, e) => s > e ? s : e, Bi = Math.pow, Ps = (s) => s !== 0 ? s < 0 : 1 / s < 0, Cs = 1, vs = 2, Dt = 4, Et = 8, Ne = 32, q = 64, U = 128, gt = 31, Nt = 63, oe = 127, Fi = 2147483647, Qs = Number.MAX_SAFE_INTEGER, Hi = Number.isInteger || ((s) => typeof s == "number" && isFinite(s) && K(s) === s);
 class Ke {
   constructor() {
     this.cpos = 0, this.cbuf = new Uint8Array(100), this.bufs = [];
@@ -191,13 +191,13 @@ const L = () => new Ke(), Pt = (s) => {
   const t = s.cbuf.length;
   s.cpos === t && (s.bufs.push(s.cbuf), s.cbuf = new Uint8Array(t * 2), s.cpos = 0), s.cbuf[s.cpos++] = e;
 }, Bt = v, p = (s, e) => {
-  for (; e > re; )
-    v(s, U | re & e), e = K(e / 128);
-  v(s, re & e);
+  for (; e > oe; )
+    v(s, U | oe & e), e = K(e / 128);
+  v(s, oe & e);
 }, Qt = (s, e) => {
   const t = Ps(e);
   for (t && (e = -e), v(s, (e > Nt ? U : 0) | (t ? q : 0) | Nt & e), e = K(e / 64); e > 0; )
-    v(s, (e > re ? U : 0) | re & e), e = K(e / 128);
+    v(s, (e > oe ? U : 0) | oe & e), e = K(e / 128);
 }, Ft = new Uint8Array(3e4), $i = Ft.length / 3, qi = (s, e) => {
   if (e.length < $i) {
     const t = Re.encodeInto(e, Ft).written || 0;
@@ -215,7 +215,7 @@ const L = () => new Ke(), Pt = (s) => {
       /** @type {number} */
       t.codePointAt(i)
     );
-}, oe = Re && /** @type {any} */
+}, ce = Re && /** @type {any} */
 Re.encodeInto ? qi : Ki, pt = (s, e) => {
   const t = s.cbuf.length, n = s.cpos, i = Wt(t - n, e.length), r = e.length - i;
   s.cbuf.set(e.subarray(0, i), n), s.cpos += i, r > 0 && (s.bufs.push(s.cbuf), s.cbuf = new Uint8Array(ge(t * 2, r)), s.cbuf.set(e.subarray(i)), s.cpos = r);
@@ -231,7 +231,7 @@ Re.encodeInto ? qi : Ki, pt = (s, e) => {
 ), xs = new DataView(new ArrayBuffer(4)), Gi = (s) => (xs.setFloat32(0, s), xs.getFloat32(0) === s), Be = (s, e) => {
   switch (typeof e) {
     case "string":
-      v(s, 119), oe(s, e);
+      v(s, 119), ce(s, e);
       break;
     case "number":
       Hi(e) && tt(e) <= Fi ? (v(s, 125), Qt(s, e)) : Gi(e) ? (v(s, 124), Yi(s, e)) : (v(s, 123), Ji(s, e));
@@ -254,7 +254,7 @@ Re.encodeInto ? qi : Ki, pt = (s, e) => {
         p(s, t.length);
         for (let n = 0; n < t.length; n++) {
           const i = t[n];
-          oe(s, i), Be(s, e[i]);
+          ce(s, i), Be(s, e[i]);
         }
       }
       break;
@@ -328,7 +328,7 @@ class Wi {
   }
   toUint8Array() {
     const e = new Ke();
-    return this.sarr.push(this.s), this.s = "", oe(e, this.sarr.join("")), pt(e, this.lensE.toUint8Array()), _(e);
+    return this.sarr.push(this.s), this.s = "", ce(e, this.sarr.join("")), pt(e, this.lensE.toUint8Array()), _(e);
   }
 }
 const Y = (s) => new Error(s), N = () => {
@@ -344,7 +344,7 @@ class kt {
     this.arr = e, this.pos = 0;
   }
 }
-const se = (s) => new kt(s), Pi = (s) => s.pos !== s.arr.length, Qi = (s, e) => {
+const ne = (s) => new kt(s), Pi = (s) => s.pos !== s.arr.length, Qi = (s, e) => {
   const t = ss(s.arr.buffer, s.pos + s.arr.byteOffset, e);
   return s.pos += e, t;
 }, I = (s) => Qi(s, k(s)), Se = (s) => s.arr[s.pos++], k = (s) => {
@@ -352,7 +352,7 @@ const se = (s) => new kt(s), Pi = (s) => s.pos !== s.arr.length, Qi = (s, e) =>
   const n = s.arr.length;
   for (; s.pos < n; ) {
     const i = s.arr[s.pos++];
-    if (e = e + (i & re) * t, t *= 128, i < U)
+    if (e = e + (i & oe) * t, t *= 128, i < U)
       return e;
     if (e > Qs)
       throw en;
@@ -365,7 +365,7 @@ const se = (s) => new kt(s), Pi = (s) => s.pos !== s.arr.length, Qi = (s, e) =>
     return i * t;
   const r = s.arr.length;
   for (; s.pos < r; ) {
-    if (e = s.arr[s.pos++], t = t + (e & re) * n, n *= 128, e < U)
+    if (e = s.arr[s.pos++], t = t + (e & oe) * n, n *= 128, e < U)
       return i * t;
     if (t > Qs)
       throw en;
@@ -535,7 +535,7 @@ class gr {
   }
 }
 const pr = typeof BroadcastChannel > "u" ? gr : BroadcastChannel, ns = (s) => J(sn, s, () => {
-  const e = ce(), t = new pr(s);
+  const e = ae(), t = new pr(s);
   return t.onmessage = (n) => e.forEach((i) => i(n.data, "broadcastchannel")), {
     bc: t,
     subs: e
@@ -546,7 +546,7 @@ const pr = typeof BroadcastChannel > "u" ? gr : BroadcastChannel, ns = (s) => J(
 }, me = (s, e, t = null) => {
   const n = ns(s);
   n.bc.postMessage(e), n.subs.forEach((i) => i(e, t));
-}, ae = Date.now;
+}, le = Date.now;
 class mt {
   constructor() {
     this._observers = O();
@@ -556,7 +556,7 @@ class mt {
    * @param {function} f
    */
   on(e, t) {
-    J(this._observers, e, ce).add(t);
+    J(this._observers, e, ae).add(t);
   }
   /**
    * @param {N} name
@@ -651,7 +651,7 @@ const Sr = (s) => ui(s, (e, t) => `${t}:${e};`).join(""), X = Symbol, rn = X(),
   return i;
 }, jr = Ni ? Lr : Ar, Mr = (...s) => {
   console.log(...jr(s)), Ur.forEach((e) => e.print(s));
-}, Ur = ce(), ln = (s) => ({
+}, Ur = ae(), ln = (s) => ({
   /**
    * @return {IterableIterator<T>}
    */
@@ -794,7 +794,7 @@ const hn = (s, e, t) => e.clients.forEach((n, i) => {
     }
   }
   if (n.clients.size > 0) {
-    const r = new le();
+    const r = new he();
     return p(r.restEncoder, 0), ve(r, n), r.toUint8Array();
   }
   return null;
@@ -935,7 +935,7 @@ class xe extends mt {
    * @public
    */
   getMap(e = "") {
-    return this.get(e, he);
+    return this.get(e, ue);
   }
   /**
    * @param {string} [name]
@@ -944,7 +944,7 @@ class xe extends mt {
    * @public
    */
   getXmlFragment(e = "") {
-    return this.get(e, ue);
+    return this.get(e, de);
   }
   /**
    * Converts the entire document into a js object, recursively traversing each yjs type
@@ -1273,7 +1273,7 @@ class Je extends pn {
    * @param {string} s
    */
   writeString(e) {
-    oe(this.restEncoder, e);
+    ce(this.restEncoder, e);
   }
   /**
    * @param {boolean} isYKey
@@ -1311,13 +1311,13 @@ class Je extends pn {
    * @param {any} embed
    */
   writeJSON(e) {
-    oe(this.restEncoder, JSON.stringify(e));
+    ce(this.restEncoder, JSON.stringify(e));
   }
   /**
    * @param {string} key
    */
   writeKey(e) {
-    oe(this.restEncoder, e);
+    ce(this.restEncoder, e);
   }
 }
 class kn {
@@ -1344,7 +1344,7 @@ class kn {
     e === 0 && F(), p(this.restEncoder, e - 1), this.dsCurrVal += e;
   }
 }
-class le extends kn {
+class he extends kn {
   constructor() {
     super(), this.keyMap = /* @__PURE__ */ new Map(), this.keyClock = 0, this.keyClockEncoder = new Ct(), this.clientEncoder = new st(), this.leftClockEncoder = new Ct(), this.rightClockEncoder = new Ct(), this.infoEncoder = new As(Bt), this.stringEncoder = new Wi(), this.parentInfoEncoder = new As(Bt), this.typeRefEncoder = new st(), this.lenEncoder = new st();
   }
@@ -1585,7 +1585,7 @@ const Fr = (s, e, t, n) => {
     }
   }
   if (c.clients.size > 0) {
-    const f = new le();
+    const f = new he();
     return cs(f, c, /* @__PURE__ */ new Map()), p(f.restEncoder, 0), { missing: a, update: f.toUint8Array() };
   }
   return null;
@@ -1610,7 +1610,7 @@ const Fr = (s, e, t, n) => {
     c.pendingStructs = l;
   const u = Ms(n, i, c);
   if (c.pendingDs) {
-    const d = new Ee(se(c.pendingDs));
+    const d = new Ee(ne(c.pendingDs));
     k(d.restDecoder);
     const f = Ms(d, i, c);
     u && f ? c.pendingDs = ct([u, f]) : c.pendingDs = u || f;
@@ -1624,18 +1624,18 @@ const Fr = (s, e, t, n) => {
     c.pendingStructs = null, mn(i.doc, d);
   }
 }, t, !1), mn = (s, e, t, n = Ee) => {
-  const i = se(e);
+  const i = ne(e);
   qr(i, s, t, new n(i));
 }, bn = (s, e, t) => mn(s, e, t, gn), Kr = (s, e, t = /* @__PURE__ */ new Map()) => {
   cs(s, e.store, t), ve(s, Nr(e.store));
-}, Yr = (s, e = new Uint8Array([0]), t = new le()) => {
+}, Yr = (s, e = new Uint8Array([0]), t = new he()) => {
   const n = wn(e);
   Kr(t, s, n);
   const i = [t.toUint8Array()];
   if (s.store.pendingDs && i.push(s.store.pendingDs), s.store.pendingStructs && i.push(co(s.store.pendingStructs.update, e)), i.length > 1) {
     if (t.constructor === Je)
       return ro(i.map((r, o) => o === 0 ? r : lo(r)));
-    if (t.constructor === le)
+    if (t.constructor === he)
       return ct(i);
   }
   return i[0];
@@ -1646,7 +1646,7 @@ const Fr = (s, e, t, n) => {
     e.set(i, r);
   }
   return e;
-}, wn = (s) => Jr(new fn(se(s))), yn = (s, e) => (p(s.restEncoder, e.size), ee(e.entries()).sort((t, n) => n[0] - t[0]).forEach(([t, n]) => {
+}, wn = (s) => Jr(new fn(ne(s))), yn = (s, e) => (p(s.restEncoder, e.size), ee(e.entries()).sort((t, n) => n[0] - t[0]).forEach(([t, n]) => {
   p(s.restEncoder, t), p(s.restEncoder, n);
 }), s), Xr = (s, e) => yn(s, bt(e.store)), Gr = (s, e = new kn()) => (s instanceof Map ? yn(e, s) : Xr(e, s), e.toUint8Array()), Wr = (s) => Gr(s, new pn());
 class Pr {
@@ -1673,7 +1673,7 @@ const Pe = (s, e) => s === e || s !== null && e !== null && s.client === e.clien
       return e;
   throw F();
 }, Me = (s, e) => e === void 0 ? !s.deleted : e.sv.has(s.id.client) && (e.sv.get(s.id.client) || 0) > s.id.clock && !un(e.ds, s.id), Ht = (s, e) => {
-  const t = J(s.meta, Ht, ce), n = s.doc.store;
+  const t = J(s.meta, Ht, ae), n = s.doc.store;
   t.has(e) || (e.sv.forEach((i, r) => {
     i < x(n, r) && te(s, w(r, i));
   }), hn(s, e.ds, (i) => {
@@ -1766,7 +1766,7 @@ class to {
 }
 const Rs = (s, e) => e.deleteSet.clients.size === 0 && !di(e.afterState, (t, n) => e.beforeState.get(n) !== t) ? !1 : (rs(e.deleteSet), $r(s, e), ve(s, e.deleteSet), !0), Ns = (s, e, t) => {
   const n = e._item;
-  (n === null || n.id.clock < (s.beforeState.get(n.id.client) || 0) && !n.deleted) && J(s.changed, e, ce).add(t);
+  (n === null || n.id.clock < (s.beforeState.get(n.id.client) || 0) && !n.deleted) && J(s.changed, e, ae).add(t);
 }, it = (s, e) => {
   let t = s[e], n = s[e - 1], i = e;
   for (; i > 0; t = n, n = s[--i - 1]) {
@@ -1854,7 +1854,7 @@ const Rs = (s, e) => e.deleteSet.clients.size === 0 && !di(e.afterState, (t, n)
         Rs(h, t) && n.emit("update", [h.toUint8Array(), t.origin, n, t]);
       }
       if (n._observers.has("updateV2")) {
-        const h = new le();
+        const h = new he();
         Rs(h, t) && n.emit("updateV2", [h.toUint8Array(), t.origin, n, t]);
       }
       const { subdocsAdded: c, subdocsLoaded: a, subdocsRemoved: l } = t;
@@ -1963,10 +1963,10 @@ const ro = (s) => ct(s, gn, Je), oo = (s, e) => {
       t.content.splice(e)
     );
   }
-}, ct = (s, e = Ee, t = le) => {
+}, ct = (s, e = Ee, t = he) => {
   if (s.length === 1)
     return s[0];
-  const n = s.map((h) => new e(se(h)));
+  const n = s.map((h) => new e(ne(h)));
   let i = n.map((h) => new ls(h, !0)), r = null;
   const o = new t(), c = new hs(o);
   for (; i = i.filter((d) => d.curr !== null), i.sort(
@@ -2022,8 +2022,8 @@ const ro = (s) => ct(s, gn, Je), oo = (s, e) => {
   r !== null && (W(c, r.struct, r.offset), r = null), us(c);
   const a = n.map((h) => os(h)), l = Or(a);
   return ve(o, l), o.toUint8Array();
-}, co = (s, e, t = Ee, n = le) => {
-  const i = wn(e), r = new n(), o = new hs(r), c = new t(se(s)), a = new ls(c, !1);
+}, co = (s, e, t = Ee, n = he) => {
+  const i = wn(e), r = new n(), o = new hs(r), c = new t(ne(s)), a = new ls(c, !1);
   for (; a.curr; ) {
     const h = a.curr, u = h.id.client, d = i.get(u) || 0;
     if (a.curr.constructor === T) {
@@ -2053,7 +2053,7 @@ const ro = (s) => ct(s, gn, Je), oo = (s, e) => {
     p(e, n.written), pt(e, n.restEncoder);
   }
 }, ao = (s, e, t, n) => {
-  const i = new t(se(s)), r = new ls(i, !1), o = new n(), c = new hs(o);
+  const i = new t(ne(s)), r = new ls(i, !1), o = new n(), c = new hs(o);
   for (let l = r.curr; l !== null; l = r.next())
     W(c, e(l), 0);
   us(c);
@@ -2170,7 +2170,7 @@ class wt {
     if (e === null) {
       if (this.transaction.doc._transactionCleanups.length === 0)
         throw Y(Bs);
-      const t = this.target, n = ce(), i = ce(), r = [];
+      const t = this.target, n = ae(), i = ae(), r = [];
       if (e = {
         added: n,
         deleted: i,
@@ -2461,7 +2461,7 @@ const In = (s, e, t) => {
   const r = s.doc, o = r.clientID, c = r.store, a = t === null ? e._start : t.right;
   let l = [];
   const h = () => {
-    l.length > 0 && (i = new E(w(o, x(c, o)), i, i && i.lastId, a, a && a.id, e, null, new de(l)), i.integrate(s, 0), l = []);
+    l.length > 0 && (i = new E(w(o, x(c, o)), i, i && i.lastId, a, a && a.id, e, null, new fe(l)), i.integrate(s, 0), l = []);
   };
   n.forEach((u) => {
     if (u === null)
@@ -2544,7 +2544,7 @@ const In = (s, e, t) => {
   const i = e._map.get(t) || null, r = s.doc, o = r.clientID;
   let c;
   if (n == null)
-    c = new de([n]);
+    c = new fe([n]);
   else
     switch (n.constructor) {
       case Number:
@@ -2552,7 +2552,7 @@ const In = (s, e, t) => {
       case Boolean:
       case Array:
       case String:
-        c = new de([n]);
+        c = new fe([n]);
         break;
       case Uint8Array:
         c = new Xe(
@@ -2805,7 +2805,7 @@ class wo extends wt {
     super(e, t), this.keysChanged = n;
   }
 }
-class he extends A {
+class ue extends A {
   /**
    *
    * @param {Iterable<readonly [string, any]>=} entries - an optional iterable to initialize the YMap
@@ -2832,13 +2832,13 @@ class he extends A {
    * @return {YMap<MapType>}
    */
   _copy() {
-    return new he();
+    return new ue();
   }
   /**
    * @return {YMap<MapType>}
    */
   clone() {
-    const e = new he();
+    const e = new ue();
     return this.forEach((t, n) => {
       e.set(n, t instanceof A ? (
         /** @type {typeof value} */
@@ -2998,7 +2998,7 @@ class he extends A {
     e.writeTypeRef(Vo);
   }
 }
-const yo = (s) => new he(), P = (s, e) => s === e || typeof s == "object" && typeof e == "object" && s && e && Mi(s, e);
+const yo = (s) => new ue(), P = (s, e) => s === e || typeof s == "object" && typeof e == "object" && s && e && Mi(s, e);
 class $t {
   /**
    * @param {Item|null} left
@@ -3737,7 +3737,7 @@ class Lt {
     if (e !== null && (!this._firstCall || e.deleted || !this._filter(t)))
       do
         if (t = /** @type {any} */
-        e.content.type, !e.deleted && (t.constructor === $e || t.constructor === ue) && t._start !== null)
+        e.content.type, !e.deleted && (t.constructor === $e || t.constructor === de) && t._start !== null)
           e = t._start;
         else
           for (; e !== null; )
@@ -3757,7 +3757,7 @@ class Lt {
     ), done: !1 });
   }
 }
-class ue extends A {
+class de extends A {
   constructor() {
     super(), this._prelimContent = [];
   }
@@ -3786,13 +3786,13 @@ class ue extends A {
     ), this._prelimContent = null;
   }
   _copy() {
-    return new ue();
+    return new de();
   }
   /**
    * @return {YXmlFragment}
    */
   clone() {
-    const e = new ue();
+    const e = new de();
     return e.insert(0, this.toArray().map((t) => t instanceof A ? t.clone() : t)), e;
   }
   get length() {
@@ -4011,8 +4011,8 @@ class ue extends A {
     e.writeTypeRef(Ko);
   }
 }
-const vo = (s) => new ue();
-class $e extends ue {
+const vo = (s) => new de();
+class $e extends de {
   constructor(e = "UNDEFINED") {
     super(), this.nodeName = e, this._prelimAttrs = /* @__PURE__ */ new Map();
   }
@@ -4216,7 +4216,7 @@ class Ao extends wt {
     });
   }
 }
-class ht extends he {
+class ht extends ue {
   /**
    * @param {string} hookName nodeName of the Dom Node.
    */
@@ -4921,7 +4921,7 @@ const Ro = (s) => {
   }
   return new dt(t);
 };
-class de {
+class fe {
   /**
    * @param {Array<any>} arr
    */
@@ -4950,14 +4950,14 @@ class de {
    * @return {ContentAny}
    */
   copy() {
-    return new de(this.arr);
+    return new fe(this.arr);
   }
   /**
    * @param {number} offset
    * @return {ContentAny}
    */
   splice(e) {
-    const t = new de(this.arr.slice(e));
+    const t = new fe(this.arr.slice(e));
     return this.arr = this.arr.slice(0, e), t;
   }
   /**
@@ -5006,7 +5006,7 @@ const No = (s) => {
   const e = s.readLen(), t = [];
   for (let n = 0; n < e; n++)
     t.push(s.readAny());
-  return new de(t);
+  return new fe(t);
 };
 class V {
   /**
@@ -5540,7 +5540,7 @@ class nc extends mt {
   constructor(e) {
     super(), this.doc = e, this.clientID = e.clientID, this.states = /* @__PURE__ */ new Map(), this.meta = /* @__PURE__ */ new Map(), this._checkInterval = /** @type {any} */
     setInterval(() => {
-      const t = ae();
+      const t = le();
       this.getLocalState() !== null && jt / 2 <= t - /** @type {{lastUpdated:number}} */
       this.meta.get(this.clientID).lastUpdated && this.setLocalState(this.getLocalState());
       const n = [];
@@ -5567,7 +5567,7 @@ class nc extends mt {
     const t = this.clientID, n = this.meta.get(t), i = n === void 0 ? 0 : n.clock + 1, r = this.states.get(t);
     e === null ? this.states.delete(t) : this.states.set(t, e), this.meta.set(t, {
       clock: i,
-      lastUpdated: ae()
+      lastUpdated: le()
     });
     const o = [], c = [], a = [], l = [];
     e === null ? l.push(t) : r == null ? e != null && o.push(t) : (c.push(t), Te(r, e) || a.push(t)), (o.length > 0 || a.length > 0 || l.length > 0) && this.emit("change", [{ added: o, updated: a, removed: l }, "local"]), this.emit("update", [{ added: o, updated: c, removed: l }, "local"]);
@@ -5602,7 +5602,7 @@ const ms = (s, e, t) => {
         );
         s.meta.set(r, {
           clock: o.clock + 1,
-          lastUpdated: ae()
+          lastUpdated: le()
         });
       }
       n.push(r);
@@ -5617,11 +5617,11 @@ const ms = (s, e, t) => {
       /** @type {MetaClientState} */
       s.meta.get(o).clock
     );
-    p(i, o), p(i, a), oe(i, JSON.stringify(c));
+    p(i, o), p(i, a), ce(i, JSON.stringify(c));
   }
   return _(i);
 }, ic = (s, e, t) => {
-  const n = se(e), i = ae(), r = [], o = [], c = [], a = [], l = k(n);
+  const n = ne(e), i = le(), r = [], o = [], c = [], a = [], l = k(n);
   for (let h = 0; h < l; h++) {
     const u = k(n);
     let d = k(n);
@@ -5641,14 +5641,14 @@ const ms = (s, e, t) => {
     removed: a
   }, t]);
 }, rc = (s) => Ii(s, (e, t) => `${encodeURIComponent(t)}=${encodeURIComponent(e)}`).join("&");
-var ie = 0, Wn = 3, ye = 1, oc = 2;
+var re = 0, Wn = 3, ye = 1, oc = 2;
 function cc(s, e) {
   if (!s)
     throw new Error(e);
 }
 var We = [];
-We[ie] = (s, e, t, n, i) => {
-  p(s, ie);
+We[re] = (s, e, t, n, i) => {
+  p(s, re);
   const r = ec(
     e,
     s,
@@ -5686,7 +5686,7 @@ function ac(s, e) {
 ${e}`);
 }
 function Pn(s, e, t) {
-  const n = se(e), i = L(), r = k(n), o = s.messageHandlers[r];
+  const n = ne(e), i = L(), r = k(n), o = s.messageHandlers[r];
   return /** @type {any} */ o ? o(i, n, s, t, r) : console.error("Unable to compute message"), i;
 }
 function Qn(s) {
@@ -5697,7 +5697,7 @@ function Qn(s) {
         e.send("pong");
         return;
       }
-      s.wsLastMessageReceived = ae();
+      s.wsLastMessageReceived = le();
       const n = Pn(s, new Uint8Array(t.data), !0);
       Pt(n) > 1 && e.send(_(n));
     }, e.onerror = (t) => {
@@ -5722,13 +5722,13 @@ function Qn(s) {
         s
       );
     }, e.onopen = () => {
-      s.wsLastMessageReceived = ae(), s.wsconnecting = !1, s.wsconnected = !0, s.wsUnsuccessfulReconnects = 0, s.emit("status", [
+      s.wsLastMessageReceived = le(), s.wsconnecting = !1, s.wsconnected = !0, s.wsUnsuccessfulReconnects = 0, s.emit("status", [
         {
           status: "connected"
         }
       ]);
       const t = L();
-      if (p(t, ie), qt(t, s.doc), e.send(_(t)), s.awareness.getLocalState() !== null) {
+      if (p(t, re), qt(t, s.doc), e.send(_(t)), s.awareness.getLocalState() !== null) {
         const n = L();
         p(n, ye), S(
           n,
@@ -5794,7 +5794,7 @@ var lc = class extends mt {
     setInterval(() => {
       if (this.ws && this.ws.readyState === WebSocket.OPEN) {
         const d = L();
-        p(d, ie), qt(d, n), this.ws.send(_(d));
+        p(d, re), qt(d, n), this.ws.send(_(d));
       }
     }, a)), this._bcSubscriber = (d, f) => {
       if (f !== this) {
@@ -5804,7 +5804,7 @@ var lc = class extends mt {
     }, this._updateHandler = (d, f) => {
       if (f !== this) {
         const g = L();
-        p(g, ie), Qo(g, d), Mt(this, _(g));
+        p(g, re), Qo(g, d), Mt(this, _(g));
       }
     }, this.doc.on("update", this._updateHandler), this._awarenessUpdateHandler = ({ added: d, updated: f, removed: g }, m) => {
       const j = d.concat(f).concat(g), Ie = L();
@@ -5820,7 +5820,7 @@ var lc = class extends mt {
       );
     }, typeof window < "u" ? window.addEventListener("unload", this._unloadHandler) : typeof process < "u" && process.on("exit", this._unloadHandler), r.on("update", this._awarenessUpdateHandler), this._checkInterval = /** @type {any} */
     setInterval(() => {
-      this.wsconnected && $s < ae() - this.wsLastMessageReceived && (cc(this.ws !== null, "ws must not be null"), this.ws.close());
+      this.wsconnected && $s < le() - this.wsLastMessageReceived && (cc(this.ws !== null, "ws must not be null"), this.ws.close());
     }, $s / 10), i && this.connect();
   }
   /**
@@ -5840,9 +5840,9 @@ var lc = class extends mt {
       return;
     this.bcconnected || (kr(this.bcChannel, this._bcSubscriber), this.bcconnected = !0);
     const e = L();
-    p(e, ie), qt(e, this.doc), me(this.bcChannel, _(e), this);
+    p(e, re), qt(e, this.doc), me(this.bcChannel, _(e), this);
     const t = L();
-    p(t, ie), Xn(t, this.doc), me(this.bcChannel, _(t), this);
+    p(t, re), Xn(t, this.doc), me(this.bcChannel, _(t), this);
     const n = L();
     p(n, Wn), me(
       this.bcChannel,
@@ -9119,17 +9119,17 @@ class Tc {
       u(M, this.getEventHandlerData());
     }), d && (e.addEventListener("touchstart", (M) => {
       M.preventDefault(), f && f(M, this.getEventHandlerData());
-      const Le = (ne) => {
-        ne.preventDefault(), d(ne, this.getEventHandlerData());
-      }, je = (ne) => {
+      const Le = (ie) => {
+        ie.preventDefault(), d(ie, this.getEventHandlerData());
+      }, je = (ie) => {
         document.removeEventListener("touchmove", Le), document.removeEventListener("touchend", je);
       };
       document.addEventListener("touchmove", Le), document.addEventListener("touchend", je);
     }), e.addEventListener("mousedown", (M) => {
       f && f(M, this.getEventHandlerData());
-      const Le = (ne) => {
-        ne.preventDefault(), d(ne, this.getEventHandlerData());
-      }, je = (ne) => {
+      const Le = (ie) => {
+        ie.preventDefault(), d(ie, this.getEventHandlerData());
+      }, je = (ie) => {
         document.removeEventListener("mousemove", Le), document.removeEventListener("mouseup", je);
       };
       document.addEventListener("mousemove", Le), document.addEventListener("mouseup", je);
@@ -9225,10 +9225,10 @@ class Tc {
   }
 }
 const Oc = "playhtml.spencerc99.partykit.dev", zt = new xe(), Rc = window.location.href;
-let fe, B, Z;
+let se, B, Z;
 const Ys = /* @__PURE__ */ new Map();
 let Yt = !0;
-function Nc({
+function ci({
   room: s = Rc,
   host: e = Oc
 } = {}) {
@@ -9244,41 +9244,46 @@ function Nc({
 ࿂࿂࿂࿂  https://playhtml.fun  ࿂࿂࿂࿂
 ࿂࿂࿂࿂   ࿂     ࿂     ࿂     ࿂   ࿂࿂࿂࿂
 ࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂࿂`
-  ), fe = new hc(t, s, zt), B = zt.getMap("playhtml-global"), Z = /* @__PURE__ */ new Map(), new Cc(s, zt), Jt.globalData = B, Jt.elementHandlers = Z, fe.on("sync", (n) => {
-    n || console.error("Issue connecting to yjs..."), ai();
+  ), se = new hc(t, s, zt), B = zt.getMap("playhtml-global"), Z = /* @__PURE__ */ new Map(), new Cc(s, zt), Jt.globalData = B, Jt.elementHandlers = Z, se.on("sync", (n) => {
+    n || console.error("Issue connecting to yjs..."), Vc();
   });
 }
-function Bc(s, e) {
-  const t = fe.awareness.getLocalState();
+setTimeout(() => {
+  se || (console.error(
+    "You are using a deprecated version of playhtml. Please call `playhtml.init()` explicitly rather than just importing the library. Refer to https://github.com/spencerc99/playhtml#usage for reference."
+  ), ci());
+}, 3e3);
+function Nc(s, e) {
+  const t = se.awareness.getLocalState();
   return ((t == null ? void 0 : t[s]) ?? {})[e];
 }
 function bs(s) {
   return s instanceof HTMLElement;
 }
-function Fc(s, e, t, n) {
+function Bc(s, e, t, n) {
   const i = B.get(e), r = {
     ...t,
     data: i.get(n) ?? t.defaultData,
-    awareness: Bc(e, n) ?? t.myDefaultAwareness !== void 0 ? [t.myDefaultAwareness] : void 0,
+    awareness: Nc(e, n) ?? t.myDefaultAwareness !== void 0 ? [t.myDefaultAwareness] : void 0,
     element: s,
     onChange: (o) => {
       i.get(n) !== o && i.set(n, o);
     },
     onAwarenessChange: (o) => {
       var a;
-      const c = ((a = fe.awareness.getLocalState()) == null ? void 0 : a[e]) || {};
-      c[n] !== o && (c[n] = o, fe.awareness.setLocalStateField(e, c));
+      const c = ((a = se.awareness.getLocalState()) == null ? void 0 : a[e]) || {};
+      c[n] !== o && (c[n] = o, se.awareness.setLocalStateField(e, c));
     },
     triggerAwarenessUpdate: () => {
-      ci();
+      ai();
     }
   };
   return new Tc(r);
 }
-function Hc(s) {
+function Fc(s) {
   return s.defaultData !== void 0 && s.updateElement !== void 0;
 }
-function Vc(s, e) {
+function Hc(s, e) {
   if (s === D.CanPlay) {
     const t = e;
     return {
@@ -9297,14 +9302,14 @@ function Vc(s, e) {
   }
   return oi[s];
 }
-function ci() {
+function ai() {
   const s = /* @__PURE__ */ new Map();
   function e(t, n, i, r) {
     s.has(t) || s.set(t, /* @__PURE__ */ new Map());
     const o = s.get(t);
     o.has(n) || o.set(n, /* @__PURE__ */ new Map()), o.get(n).set(i, r);
   }
-  fe.awareness.getStates().forEach((t, n) => {
+  se.awareness.getStates().forEach((t, n) => {
     var i;
     for (const [r, o] of Object.entries(t)) {
       const c = Z.get(r);
@@ -9334,7 +9339,7 @@ function ci() {
     }
   });
 }
-function ai() {
+function Vc() {
   console.log("[PLAYHTML]: Setting up elements... Time to have some fun 🛝");
   for (const s of Object.values(D)) {
     const e = Array.from(
@@ -9350,11 +9355,10 @@ function ai() {
     s.changes.keys.forEach((e, t) => {
       e.action === "add" && B.set(t, B.get(t));
     });
-  }), fe.awareness.on("change", () => ci()), Yt = !1);
+  }), se.awareness.on("change", () => ai()), Yt = !1);
 }
 const Jt = {
-  init: Nc,
-  setupElements: ai,
+  init: ci,
   setupPlayElement: Kc,
   globalData: void 0,
   elementHandlers: void 0
@@ -9363,7 +9367,7 @@ window.playhtml = Jt;
 function $c(s) {
   if (Z.has(s))
     return;
-  Z.set(s, /* @__PURE__ */ new Map()), s !== D.CanPlay && oi[s], B.get(s) || B.set(s, new he());
+  Z.set(s, /* @__PURE__ */ new Map()), s !== D.CanPlay && oi[s], B.get(s) || B.set(s, new ue());
   const e = B.get(s);
   e.observe((t) => {
     t.changes.keys.forEach((n, i) => {
@@ -9424,17 +9428,17 @@ function ws(s, e) {
   const n = Z.get(e);
   if (n.has(t))
     return;
-  const i = Vc(
+  const i = Hc(
     e,
     s
   );
-  if (!Hc(i)) {
+  if (!Fc(i)) {
     console.error(
       `Element ${t} does not have proper info to initial a playhtml element. Please refer to https://github.com/spencerc99/playhtml#can-play for troubleshooting help.`
     );
     return;
   }
-  const r = B.get(e), o = Fc(
+  const r = B.get(e), o = Bc(
     s,
     e,
     i,
@@ -9451,9 +9455,8 @@ function Kc(s) {
     s.hasAttribute(e) && ws(s, e);
 }
 export {
-  Nc as initPlayHTML,
+  ci as initPlayHTML,
   Jt as playhtml,
-  ai as setupElements,
   Kc as setupPlayElement,
   ws as setupPlayElementForTag
 };