@iamjulianacosta/mobx-data 1.1.0 → 1.4.0

package/dist/inspector/index.js

@@ -0,0 +1,896 @@
+import { reaction as C } from "mobx";
+import { M as D } from "../MdqlMemoryExecutor-BWMP31zG.js";
+const L = /* @__PURE__ */ new Set([
+  "where",
+  "and",
+  "or",
+  "not",
+  "order",
+  "by",
+  "sort",
+  "limit",
+  "offset",
+  "is",
+  "null",
+  "in",
+  "between",
+  "asc",
+  "desc",
+  "contains",
+  "startswith",
+  "endswith"
+]), S = {
+  "=": "equals",
+  "==": "equals",
+  "!=": "notEquals",
+  "<>": "notEquals",
+  ">": "greaterThan",
+  ">=": "greaterThanOrEquals",
+  "<": "lessThan",
+  "<=": "lessThanOrEquals",
+  "~": "contains",
+  "^=": "startsWith",
+  "$=": "endsWith",
+  contains: "contains",
+  startswith: "startsWith",
+  endswith: "endsWith"
+}, $ = /* @__PURE__ */ new Set(["=", "!", "<", ">", "~", "^", "$"]);
+class b {
+  static parse(e) {
+    return new b(e).parseQuery();
+  }
+  constructor(e) {
+    this.tokens = b.tokenize(e), this.position = 0;
+  }
+  static tokenize(e) {
+    const s = [];
+    let t = 0;
+    for (; t < e.length; ) {
+      if (e[t] === " " || e[t] === "	") {
+        t++;
+        continue;
+      }
+      if (e[t] === "[" || e[t] === "]" || e[t] === ",") {
+        s.push({ type: "bracket", value: e[t], raw: e[t] }), t++;
+        continue;
+      }
+      if (e[t] === '"' || e[t] === "'") {
+        const o = e[t];
+        let i = "";
+        for (t++; t < e.length && e[t] !== o; )
+          e[t] === "\\" && t + 1 < e.length && t++, i += e[t], t++;
+        t++, s.push({ type: "string", value: i, raw: i });
+        continue;
+      }
+      if ($.has(e[t])) {
+        let o = "";
+        for (; t < e.length && $.has(e[t]); )
+          o += e[t], t++;
+        s.push({ type: "operator", value: o, raw: o });
+        continue;
+      }
+      let r = "";
+      for (; t < e.length && e[t] !== " " && e[t] !== "	" && !$.has(e[t]) && e[t] !== "[" && e[t] !== "]" && e[t] !== ","; )
+        r += e[t], t++;
+      if (r === "") {
+        t++;
+        continue;
+      }
+      const n = r.toLowerCase();
+      if (n === "null")
+        s.push({ type: "null", value: "null", raw: null });
+      else if (L.has(n))
+        s.push({ type: "keyword", value: n, raw: r });
+      else {
+        const o = Number(r);
+        !Number.isNaN(o) && r !== "" ? s.push({ type: "number", value: r, raw: o }) : s.push({ type: "identifier", value: r, raw: r });
+      }
+    }
+    return s;
+  }
+  peek() {
+    return this.tokens[this.position] ?? null;
+  }
+  advance() {
+    const e = this.tokens[this.position] ?? null;
+    return this.position++, e;
+  }
+  expect(e, s) {
+    const t = this.advance();
+    if (!t || t.type !== e || s !== void 0 && t.value !== s) {
+      const r = t ? `${t.type}:${t.value}` : "end of input";
+      throw new Error(`Expected ${e}${s ? `:${s}` : ""}, got ${r}`);
+    }
+    return t;
+  }
+  expectNullToken() {
+    const e = this.advance();
+    if (!e || e.type !== "null" && e.value !== "null") {
+      const s = e ? `${e.type}:${e.value}` : "end of input";
+      throw new Error(`Expected null, got ${s}`);
+    }
+  }
+  matchKeyword(e) {
+    const s = this.peek();
+    return (s == null ? void 0 : s.type) === "keyword" && s.value === e ? (this.advance(), !0) : !1;
+  }
+  parseQuery() {
+    const e = this.advance();
+    if (!e) throw new Error("Expected model name");
+    const s = e.value;
+    let t = { kind: "and", children: [] };
+    const r = [];
+    let n = null, o = null;
+    return this.matchKeyword("where") && (t = this.parseFilterExpression()), this.matchKeyword("order") ? (this.expect("keyword", "by"), this.parseOrderBy(r)) : this.matchKeyword("sort") && this.parseOrderBy(r), this.matchKeyword("limit") && (n = this.expect("number").raw), this.matchKeyword("offset") && (o = this.expect("number").raw), { modelName: s, filters: t, orderBy: r, limit: n, offset: o, includes: [] };
+  }
+  parseFilterExpression() {
+    const e = this.parseCondition(), s = [e];
+    let t = "and";
+    for (; this.peek(); ) {
+      const r = this.peek();
+      if (r.type === "keyword" && r.value === "and")
+        this.advance(), t = "and", s.push(this.parseCondition());
+      else if (r.type === "keyword" && r.value === "or")
+        this.advance(), t = "or", s.push(this.parseCondition());
+      else
+        break;
+    }
+    return s.length === 1 && e.kind !== "condition" ? e : { kind: t, children: s };
+  }
+  parseCondition() {
+    var o, i, l, h, p, u;
+    if (this.matchKeyword("not"))
+      return { kind: "not", children: [this.parseCondition()] };
+    const e = this.advance();
+    if (!e) throw new Error("Expected field name");
+    const s = e.value;
+    if (((o = this.peek()) == null ? void 0 : o.type) === "keyword" && ((i = this.peek()) == null ? void 0 : i.value) === "is")
+      return this.advance(), this.matchKeyword("not") ? (this.expectNullToken(), { kind: "condition", field: s, operator: "isNotNull", value: void 0 }) : (this.expectNullToken(), { kind: "condition", field: s, operator: "isNull", value: void 0 });
+    if (((l = this.peek()) == null ? void 0 : l.type) === "keyword" && ((h = this.peek()) == null ? void 0 : h.value) === "in") {
+      this.advance();
+      const f = this.parseArray();
+      return { kind: "condition", field: s, operator: "in", value: f };
+    }
+    if (((p = this.peek()) == null ? void 0 : p.type) === "keyword" && ((u = this.peek()) == null ? void 0 : u.value) === "between") {
+      this.advance();
+      const f = this.parseValue(), _ = this.parseValue();
+      return { kind: "condition", field: s, operator: "between", value: [f, _] };
+    }
+    const t = this.advance();
+    if (!t) throw new Error(`Expected operator after field "${s}"`);
+    let r;
+    if (t.type === "operator") {
+      if (r = S[t.value], !r) throw new Error(`Unknown operator: ${t.value}`);
+    } else if (t.type === "keyword" && S[t.value])
+      r = S[t.value];
+    else
+      throw new Error(`Expected operator, got ${t.type}:${t.value}`);
+    const n = this.parseValue();
+    return { kind: "condition", field: s, operator: r, value: n };
+  }
+  parseOrderBy(e) {
+    var t, r;
+    const s = this.advance();
+    if (!s) throw new Error("Expected field name after order by / sort");
+    for (e.push({
+      field: s.value,
+      direction: this.parseDirection()
+    }); ((t = this.peek()) == null ? void 0 : t.type) === "bracket" && ((r = this.peek()) == null ? void 0 : r.value) === ","; ) {
+      this.advance();
+      const n = this.advance();
+      if (!n) break;
+      e.push({
+        field: n.value,
+        direction: this.parseDirection()
+      });
+    }
+  }
+  parseDirection() {
+    const e = this.peek();
+    return (e == null ? void 0 : e.type) === "keyword" && (e.value === "asc" || e.value === "desc") ? (this.advance(), e.value) : "asc";
+  }
+  parseValue() {
+    const e = this.advance();
+    if (!e) throw new Error("Expected value");
+    if (e.type === "string" || e.type === "number") return e.raw;
+    if (e.type === "null" || e.type === "keyword" && e.value === "null") return null;
+    if (e.type === "identifier") return e.value;
+    throw new Error(`Unexpected value token: ${e.type}:${e.value}`);
+  }
+  parseArray() {
+    var s, t, r, n, o, i, l, h, p, u, f;
+    const e = [];
+    if (((s = this.peek()) == null ? void 0 : s.type) === "bracket" && ((t = this.peek()) == null ? void 0 : t.value) === "[") {
+      for (this.advance(); this.peek() && !(((r = this.peek()) == null ? void 0 : r.type) === "bracket" && ((n = this.peek()) == null ? void 0 : n.value) === "]"); ) {
+        if (((o = this.peek()) == null ? void 0 : o.type) === "bracket" && ((i = this.peek()) == null ? void 0 : i.value) === ",") {
+          this.advance();
+          continue;
+        }
+        e.push(this.parseValue());
+      }
+      ((l = this.peek()) == null ? void 0 : l.type) === "bracket" && ((h = this.peek()) == null ? void 0 : h.value) === "]" && this.advance();
+    } else
+      for (; this.peek() && ((p = this.peek()) == null ? void 0 : p.type) !== "keyword"; ) {
+        if (((u = this.peek()) == null ? void 0 : u.type) === "bracket" && ((f = this.peek()) == null ? void 0 : f.value) === ",") {
+          this.advance();
+          continue;
+        }
+        e.push(this.parseValue());
+      }
+    return e;
+  }
+}
+function y(a) {
+  return {
+    modelName: a.modelName,
+    id: a.id,
+    clientId: a._clientId,
+    currentState: a.currentState,
+    isNew: a.isNew,
+    isDirty: a.isDirty,
+    isDeleted: a.isDeleted,
+    isError: a.isError,
+    isLoading: a.isLoading,
+    isSaving: a.isSaving,
+    hasDirtyAttributes: a.hasDirtyAttributes,
+    hasErrors: !a.isValid
+  };
+}
+function E(a) {
+  const e = a, s = {};
+  if (e._relationships)
+    for (const [o, i] of e._relationships)
+      s[o] = i;
+  const t = [];
+  for (const [o, i] of a.errors)
+    t.push({
+      attribute: o,
+      messages: i.map((l) => l.message)
+    });
+  const r = /* @__PURE__ */ Object.create(null);
+  for (const o of Object.keys(e._data))
+    o === "__proto__" || o === "constructor" || (r[o] = e._data[o]);
+  const n = /* @__PURE__ */ Object.create(null);
+  for (const o of Object.keys(e._originalData))
+    o === "__proto__" || o === "constructor" || (n[o] = e._originalData[o]);
+  return {
+    ...y(a),
+    attributes: r,
+    originalAttributes: n,
+    changedAttributes: a.changedAttributes(),
+    relationships: s,
+    errors: t
+  };
+}
+function I(a, e) {
+  const s = a.schema.attributesDefinitionFor(e), t = a.schema.relationshipsDefinitionFor(e), r = a.schema.discriminatorFor(e), n = [];
+  for (const [i, l] of s)
+    n.push({ name: i, type: l.type });
+  const o = [];
+  for (const [i, l] of t)
+    o.push({
+      name: i,
+      kind: l.kind,
+      type: l.type,
+      async: l.options.async ?? !1,
+      inverse: l.options.inverse ?? null,
+      polymorphic: l.options.polymorphic ?? !1
+    });
+  return {
+    modelName: e,
+    isAbstract: a.schema.isAbstract(e),
+    discriminator: r ? { key: r.key } : null,
+    attributes: n,
+    relationships: o
+  };
+}
+class q {
+  constructor(e) {
+    this.store = e;
+  }
+  summary() {
+    const e = [];
+    let s = 0;
+    for (const t of this.store.schema.registeredNames()) {
+      const r = this.store.peekAll(t).length;
+      r > 0 && e.push({ modelName: t, count: r }), s += r;
+    }
+    return e.sort((t, r) => t.modelName.localeCompare(r.modelName)), { types: e, totalRecords: s };
+  }
+  records(e) {
+    return this.store.peekAll(e).toArray().map(y);
+  }
+  record(e, s) {
+    const t = this.store.identityMap.get(e, s);
+    return t ? E(t) : null;
+  }
+  dirty() {
+    return this.allRecordsWhere((e) => e.isDirty);
+  }
+  newRecords() {
+    return this.allRecordsWhere((e) => e.isNew);
+  }
+  errored() {
+    return this.allRecordsWhere((e) => e.isError || !e.isValid);
+  }
+  saving() {
+    return this.allRecordsWhere((e) => e.isSaving);
+  }
+  schema(e) {
+    return I(this.store, e);
+  }
+  types() {
+    return this.store.schema.registeredNames().sort();
+  }
+  query(e) {
+    const s = b.parse(e), t = this.store.peekAll(s.modelName).toArray();
+    return D.executeMany(t, s);
+  }
+  queryWithMeta(e) {
+    const s = b.parse(e), t = this.store.peekAll(s.modelName).toArray();
+    return {
+      modelName: s.modelName,
+      results: D.executeMany(t, s)
+    };
+  }
+  liveModels(e) {
+    return this.store.peekAll(e).toArray();
+  }
+  liveModel(e, s) {
+    return this.store.peekRecord(e, s);
+  }
+  snapshot() {
+    return this.store.serialize();
+  }
+  observe(e) {
+    let s = this.captureState();
+    return C(
+      () => this.captureState(),
+      (t) => {
+        this.diffAndEmit(s, t, e), s = t;
+      },
+      { delay: 100 }
+    );
+  }
+  allRecordsWhere(e) {
+    const s = [];
+    for (const t of this.store.schema.registeredNames())
+      for (const r of this.store.peekAll(t).toArray())
+        e(r) && s.push(y(r));
+    return s;
+  }
+  captureState() {
+    const e = /* @__PURE__ */ new Map();
+    for (const [s, t] of this.store.identityMap._buckets) {
+      const r = /* @__PURE__ */ new Map();
+      for (const [n, o] of t)
+        r.set(n, o.currentState);
+      e.set(s, r);
+    }
+    return e;
+  }
+  diffAndEmit(e, s, t) {
+    for (const [r, n] of s) {
+      const o = e.get(r);
+      for (const [i, l] of n)
+        o != null && o.has(i) ? o.get(i) !== l && t({ type: "updated", modelName: r, id: i }) : t({ type: "added", modelName: r, id: i });
+    }
+    for (const [r, n] of e) {
+      const o = s.get(r);
+      for (const [i] of n)
+        o != null && o.has(i) || t({ type: "removed", modelName: r, id: i });
+    }
+  }
+}
+const m = "color: #2196f3; font-weight: bold", d = "color: #ff9800; font-weight: bold", w = "color: #f44336; font-weight: bold", v = "color: #4caf50", c = "color: inherit";
+function k(a) {
+  return a.isError ? "ERROR" : a.isSaving ? "SAVING" : a.isNew ? "NEW" : a.isDirty ? "DIRTY" : a.isDeleted ? "DELETED" : a.isLoading ? "LOADING" : "SAVED";
+}
+function j(a) {
+  return a.isError || a.hasErrors ? w : a.isDirty || a.isNew ? d : v;
+}
+const A = /* @__PURE__ */ new Set(["show", "toJSON", "inspect", "summary"]);
+function V(a, e) {
+  const s = {
+    show() {
+      e(a);
+    },
+    toJSON() {
+      const t = E(a);
+      return { ...t.attributes, id: t.id, _state: t.currentState };
+    },
+    inspect() {
+      return E(a);
+    },
+    summary() {
+      return y(a);
+    }
+  };
+  return new Proxy(a, {
+    get(t, r) {
+      return typeof r == "string" && A.has(r) ? s[r] : Reflect.get(t, r);
+    },
+    has(t, r) {
+      return typeof r == "string" && A.has(r) ? !0 : Reflect.has(t, r);
+    }
+  });
+}
+class P {
+  constructor(e, s = "default") {
+    this.inspector = new q(e), this.storeName = s;
+  }
+  summary() {
+    const e = this.inspector.summary(), s = this;
+    return Object.assign(e, {
+      show() {
+        s.renderSummary(e);
+      }
+    });
+  }
+  records(e) {
+    const s = this.inspector.liveModels(e);
+    return this.createResultSet(s, () => this.renderRecords(e, this.inspector.records(e)));
+  }
+  record(e, s) {
+    const t = this.inspector.liveModel(e, s);
+    return t ? this.wrapModel(t) : null;
+  }
+  query(e) {
+    const { modelName: s, results: t } = this.inspector.queryWithMeta(e);
+    return this.createResultSet(t, () => {
+      const r = this.inspector.records(s), n = new Map(r.map((i) => [i.id, i])), o = t.map((i) => n.get(i.id)).filter(Boolean);
+      this.renderRecords(`${s} (query)`, o.length > 0 ? o : r);
+    });
+  }
+  dirty() {
+    const e = this.collectModels((s) => s.isDirty);
+    return this.createResultSet(e, () => this.renderFilteredRecords("Dirty records", e.map(y)));
+  }
+  newRecords() {
+    const e = this.collectModels((s) => s.isNew);
+    return this.createResultSet(e, () => this.renderFilteredRecords("New records", e.map(y)));
+  }
+  saving() {
+    const e = this.collectModels((s) => s.isSaving);
+    return this.createResultSet(e, () => this.renderFilteredRecords("Saving records", e.map(y)));
+  }
+  errored() {
+    const e = this.collectModels((s) => s.isError || !s.isValid);
+    return this.createResultSet(e, () => this.renderFilteredRecords("Errored records", e.map(y)));
+  }
+  collectModels(e) {
+    const s = [];
+    for (const t of this.inspector.types())
+      for (const r of this.inspector.liveModels(t))
+        e(r) && s.push(r);
+    return s;
+  }
+  schema(e) {
+    const s = this.inspector.schema(e), t = this;
+    return Object.assign(s, {
+      show() {
+        t.renderSchema(e, s);
+      }
+    });
+  }
+  types() {
+    const e = this.inspector.types(), s = this, t = [...e];
+    return t.show = () => {
+      const r = s.inspector.summary(), n = new Map(r.types.map((o) => [o.modelName, o.count]));
+      console.log(`%c[mobx-data] Registered types (${e.length})`, m);
+      for (const o of e)
+        console.log(`  ${o} (${n.get(o) ?? 0})`);
+    }, t;
+  }
+  snapshot() {
+    return this.inspector.snapshot();
+  }
+  observe() {
+    return console.log("%c[mobx-data] Live observation started. Call the returned function to stop.", m), this.inspector.observe((e) => {
+      const s = e.type === "removed" ? w : e.type === "added" ? v : d, t = e.type.toUpperCase(), r = e.id ?? "(new)", n = e.record ? ` [${k(e.record)}]` : "";
+      console.log(`%c[mobx-data] %c${t}%c ${e.modelName}:${r}${n}`, m, s, c);
+    });
+  }
+  raw() {
+    return this.inspector;
+  }
+  command(e) {
+    var o;
+    const s = e.trim();
+    if (this.isQueryCommand(s)) {
+      const i = this.query(s);
+      return i.show(), i;
+    }
+    const t = s.split(/\s+/), r = ((o = t[0]) == null ? void 0 : o.toLowerCase()) ?? "", n = t[1];
+    switch (r) {
+      case "help":
+      case "h":
+      case "?":
+        this.help();
+        return;
+      case "summary":
+      case "s": {
+        const i = this.summary();
+        return i.show(), i;
+      }
+      case "types":
+      case "t": {
+        const i = this.types();
+        return i.show(), i;
+      }
+      case "dirty":
+      case "d": {
+        const i = this.dirty();
+        return i.show(), i;
+      }
+      case "saving": {
+        const i = this.saving();
+        return i.show(), i;
+      }
+      case "errored":
+      case "errors":
+      case "e": {
+        const i = this.errored();
+        return i.show(), i;
+      }
+      case "schema":
+        if (n) {
+          const i = this.schema(n);
+          return i.show(), i;
+        }
+        console.log("%c[mobx-data] Usage: schema <type>", w);
+        return;
+      case "snap":
+      case "snapshot":
+        return this.snapshot();
+      case "watch":
+      case "observe":
+        return this.observe();
+      default:
+        return this.resolveModelCommand(r, n);
+    }
+  }
+  help() {
+    console.log("%c[mobx-data] CLI commands:", m), console.log(
+      `
+  %c$m('help')%c                          Show this help
+  %c$m('summary')%c                       Overview of all types and counts
+  %c$m('types')%c                         List registered model names
+  %c$m('user')%c                          All records (returns live refs)
+  %c$m('user 1')%c                        Single record (live ref)
+  %c$m('user where age > 25')%c           Query with filters
+  %c$m('user where name ~ "Al"')%c        Contains search
+  %c$m('post where title ~ h sort title')%c  Query + sort
+  %c$m('dirty')%c                         All dirty records
+  %c$m('saving')%c                        All records being saved
+  %c$m('errored')%c                       All records with errors
+  %c$m('schema user')%c                   Attribute/relationship metadata
+  %c$m('snapshot')%c                      Full store snapshot
+  %c$m('watch')%c                         Live change logging (returns stop fn)
+`,
+      d,
+      c,
+      d,
+      c,
+      d,
+      c,
+      d,
+      c,
+      d,
+      c,
+      d,
+      c,
+      d,
+      c,
+      d,
+      c,
+      d,
+      c,
+      d,
+      c,
+      d,
+      c,
+      d,
+      c,
+      d,
+      c,
+      d,
+      c
+    ), console.log("%c  Operators: = != > >= < <= ~ (contains) ^= (startsWith) $= (endsWith) in between is null", v), console.log("%c  All methods return live objects. Use .show() to render, [0] for refs.", v), console.log("%c  Shortcuts: s=summary, t=types, d=dirty, e=errored, h=help", v);
+  }
+  isQueryCommand(e) {
+    const s = e.toLowerCase();
+    return s.includes(" where ") || s.includes(" sort ") || / order by /i.test(s) || / limit /i.test(s) || / offset /i.test(s);
+  }
+  resolveModelCommand(e, s) {
+    const t = this.inspector.types(), r = t.includes(e) ? e : t.includes(`${e}s`) ? `${e}s` : null;
+    if (r) {
+      if (s) {
+        const o = this.record(r, s);
+        return o ? o.show() : console.log(`%c[mobx-data] ${r}:${s} not found`, w), o;
+      }
+      const n = this.records(r);
+      return n.show(), n;
+    }
+    if (e === "") {
+      const n = this.summary();
+      return n.show(), n;
+    }
+    console.log(`%c[mobx-data] Unknown command: "${e}". Try $m('help')`, w);
+  }
+  wrapModel(e) {
+    return V(e, (s) => {
+      const t = E(s);
+      this.renderRecordDetail(t.modelName, t.id ?? t.clientId, t);
+    });
+  }
+  createResultSet(e, s) {
+    const t = e.map((n) => this.wrapModel(n)), r = t;
+    return r.show = s, r.toJSON = () => t.map((n) => n.toJSON()), r;
+  }
+  renderSummary(e) {
+    if (console.log(`%c[mobx-data] Store "${this.storeName}" — ${e.totalRecords} records`, m), e.types.length === 0) {
+      console.log("  (empty)");
+      return;
+    }
+    console.table(
+      e.types.reduce((s, t) => (s[t.modelName] = { count: t.count }, s), {})
+    );
+  }
+  renderRecords(e, s) {
+    if (console.log(`%c[mobx-data] ${e} — ${s.length} records`, m), s.length === 0) {
+      console.log("  (none)");
+      return;
+    }
+    console.table(
+      s.map((t) => ({
+        id: t.id ?? t.clientId,
+        state: k(t),
+        isDirty: t.isDirty,
+        isNew: t.isNew,
+        isSaving: t.isSaving,
+        hasErrors: t.hasErrors
+      }))
+    );
+  }
+  renderRecordDetail(e, s, t) {
+    const r = k(t), n = j(t);
+    console.groupCollapsed(`%c[mobx-data] %c${e}:${s}%c — %c${r}%c (${t.currentState})`, m, c, c, n, c), console.groupCollapsed("Attributes");
+    const o = new Set(Object.keys(t.changedAttributes)), i = {};
+    for (const [l, h] of Object.entries(t.attributes))
+      i[l] = {
+        current: h,
+        original: t.originalAttributes[l],
+        changed: o.has(l) ? "YES" : ""
+      };
+    if (console.table(i), console.groupEnd(), Object.keys(t.relationships).length > 0) {
+      console.groupCollapsed("Relationships");
+      for (const [l, h] of Object.entries(t.relationships)) {
+        const p = h == null ? void 0 : h.data;
+        if (Array.isArray(p)) {
+          const u = p.map((f) => `${f.type}:${f.id}`);
+          console.log(`  ${l} → [${u.join(", ")}]`);
+        } else if (p && typeof p == "object") {
+          const u = p;
+          console.log(`  ${l} → ${u.type}:${u.id}`);
+        } else
+          console.log(`  ${l} → null`);
+      }
+      console.groupEnd();
+    }
+    if (t.errors.length > 0) {
+      console.groupCollapsed(`%cErrors (${t.errors.length})`, w);
+      for (const l of t.errors)
+        console.log(`  ${l.attribute}: ${l.messages.join(", ")}`);
+      console.groupEnd();
+    }
+    console.groupEnd();
+  }
+  renderSchema(e, s) {
+    console.log(`%c[mobx-data] Schema: ${e}${s.isAbstract ? " (abstract)" : ""}`, m), s.discriminator && console.log(`  Discriminator key: ${s.discriminator.key}`), s.attributes.length > 0 && (console.log("%cAttributes:", m), console.table(
+      s.attributes.map((t) => ({ name: t.name, type: t.type ?? "(untyped)" }))
+    )), s.relationships.length > 0 && (console.log("%cRelationships:", m), console.table(
+      s.relationships.map((t) => ({
+        name: t.name,
+        kind: t.kind,
+        type: t.type,
+        async: t.async,
+        inverse: t.inverse ?? "(none)"
+      }))
+    ));
+  }
+  renderFilteredRecords(e, s) {
+    if (console.log(`%c[mobx-data] ${e} — ${s.length} total`, m), s.length === 0) {
+      console.log("  (none)");
+      return;
+    }
+    console.table(
+      s.map((t) => ({
+        type: t.modelName,
+        id: t.id ?? t.clientId,
+        state: k(t),
+        isDirty: t.isDirty,
+        isNew: t.isNew,
+        hasErrors: t.hasErrors
+      }))
+    );
+  }
+}
+const T = "__MOBX_DATA_DEVTOOLS_HOOK__", x = "mobx-data-devtools", O = "1.4.0";
+function N() {
+  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : {};
+}
+function R() {
+  const a = N();
+  return typeof a.addEventListener == "function" ? a : null;
+}
+class W {
+  constructor() {
+    this.stores = /* @__PURE__ */ new Map(), this.disposers = /* @__PURE__ */ new Map(), this.messageHandler = null;
+  }
+  install() {
+    const e = N(), s = {
+      stores: this.stores,
+      version: O,
+      registerStore: (r, n) => this.registerStore(r, n),
+      unregisterStore: (r) => this.unregisterStore(r)
+    };
+    Object.defineProperty(e, T, {
+      value: s,
+      writable: !0,
+      enumerable: !1,
+      configurable: !0
+    });
+    const t = R();
+    t != null && t.addEventListener && (this.messageHandler = (r) => {
+      var o, i, l;
+      const n = r;
+      n.origin && typeof location < "u" && n.origin !== location.origin || ((o = n.data) == null ? void 0 : o.source) !== x || ((i = n.data) == null ? void 0 : i.direction) !== "panel-to-page" || this.isValidPayload((l = n.data) == null ? void 0 : l.payload) && this.handleMessage(n);
+    }, t.addEventListener("message", this.messageHandler));
+  }
+  registerStore(e, s) {
+    const t = new q(s);
+    this.stores.set(e, t);
+    const r = t.observe((n) => {
+      this.sendToPanel({
+        type: "changeEvent",
+        storeId: e,
+        event: n
+      });
+    });
+    this.disposers.set(e, r), this.sendToPanel({
+      type: "init",
+      storeId: e,
+      storeCount: this.stores.size,
+      version: O
+    });
+  }
+  unregisterStore(e) {
+    const s = this.disposers.get(e);
+    s && (s(), this.disposers.delete(e)), this.stores.delete(e);
+  }
+  destroy() {
+    for (const t of this.disposers.values())
+      t();
+    this.disposers.clear(), this.stores.clear();
+    const e = R();
+    e != null && e.removeEventListener && this.messageHandler && (e.removeEventListener("message", this.messageHandler), this.messageHandler = null);
+    const s = N();
+    delete s[T];
+  }
+  handleMessage(e) {
+    const { payload: s } = e.data, t = "storeId" in s ? s.storeId : void 0, r = t ? this.stores.get(t) : void 0;
+    switch (s.type) {
+      case "requestSummary": {
+        if (!r) return;
+        this.sendToPanel({ type: "summary", storeId: t, data: r.summary() });
+        break;
+      }
+      case "requestRecords": {
+        if (!r || !("modelName" in s)) return;
+        this.sendToPanel({
+          type: "records",
+          storeId: t,
+          modelName: s.modelName,
+          data: r.records(s.modelName)
+        });
+        break;
+      }
+      case "requestRecordDetail": {
+        if (!r || !("modelName" in s) || !("id" in s)) return;
+        const n = r.record(s.modelName, s.id);
+        if (!n) return;
+        this.sendToPanel({
+          type: "recordDetail",
+          storeId: t,
+          modelName: s.modelName,
+          id: s.id,
+          data: n
+        });
+        break;
+      }
+      case "requestSchema": {
+        if (!r || !("modelName" in s)) return;
+        this.sendToPanel({
+          type: "schema",
+          storeId: t,
+          modelName: s.modelName,
+          data: r.schema(s.modelName)
+        });
+        break;
+      }
+      case "requestSnapshot": {
+        if (!r) return;
+        this.sendToPanel({ type: "snapshot", storeId: t, data: r.snapshot() });
+        break;
+      }
+      case "requestQuery": {
+        if (!r || !("queryText" in s)) return;
+        const n = s.queryText;
+        try {
+          const { modelName: o, results: i } = r.queryWithMeta(n), l = r.records(o), h = new Map(l.map((u) => [u.id, u])), p = i.map((u) => h.get(u.id)).filter(Boolean);
+          this.sendToPanel({
+            type: "queryResult",
+            storeId: t,
+            queryText: n,
+            data: p,
+            error: null
+          });
+        } catch (o) {
+          this.sendToPanel({
+            type: "queryResult",
+            storeId: t,
+            queryText: n,
+            data: [],
+            error: o instanceof Error ? o.message : String(o)
+          });
+        }
+        break;
+      }
+    }
+  }
+  isValidPayload(e) {
+    if (!e || typeof e != "object") return !1;
+    const s = e, t = ["requestSummary", "requestRecords", "requestRecordDetail", "requestSchema", "requestSnapshot", "requestQuery"];
+    return typeof s.type == "string" && t.includes(s.type) && typeof s.storeId == "string";
+  }
+  sendToPanel(e) {
+    const s = R();
+    if (!(s != null && s.postMessage)) return;
+    const t = {
+      source: x,
+      direction: "page-to-panel",
+      payload: e
+    }, r = typeof location < "u" ? location.origin : "*";
+    s.postMessage(t, r);
+  }
+}
+let g = null, M = 0;
+function K(a, e = "default") {
+  const s = new P(a, e);
+  return typeof window < "u" && (window.$mobxData = s, window.$m = (t) => s.command(t)), s;
+}
+function F(a, e) {
+  if (typeof window > "u")
+    return () => {
+    };
+  g || (g = new W(), g.install()), M += 1;
+  const s = e ?? `store-${M}`;
+  return g.registerStore(s, a), () => {
+    g == null || g.unregisterStore(s);
+  };
+}
+function B(a, e = "default") {
+  const s = K(a, e), t = F(a, e);
+  return { consoleInspector: s, cleanup: t };
+}
+export {
+  P as ConsoleInspector,
+  W as DevToolsBridge,
+  b as QueryParser,
+  q as StoreInspector,
+  K as enableConsoleInspector,
+  F as enableDevTools,
+  B as enableInspector
+};
+//# sourceMappingURL=index.js.map