@code0-tech/pictor 0.0.0-mvp.3 → 0.0.0-mvp.30

package/dist/utils/generics.js

@@ -1,34 +1,33 @@
-import { DataTypeVariant as P, DataTypeRulesVariant as h, GenericCombinationStrategyType as j } from "@code0-tech/sagittarius-graphql-types";
-const O = "GENERIC", y = (e) => typeof e == "object" && e !== null && !Array.isArray(e), l = (e) => y(e) ? "genericKey" in e || "genericType" in e || "dataType" in e : !1, K = (e) => y(e) && "target" in e && Array.isArray(e.sourceDataTypeIdentifiers), z = (e) => y(e) && "variant" in e && "identifier" in e, G = (e) => y(e) && "variant" in e && "config" in e, S = (e) => {
+const C = "GENERIC", y = (e) => typeof e == "object" && e !== null && !Array.isArray(e), T = (e) => y(e) ? "genericKey" in e || "genericType" in e || "dataType" in e : !1, K = (e) => y(e) && "target" in e && Array.isArray(e.sourceDataTypeIdentifiers), E = (e) => y(e) && "variant" in e && "identifier" in e, b = (e) => y(e) && "variant" in e && "config" in e, O = (e) => {
   if (e)
     return typeof e == "string" ? e : e?.dataType?.identifier ?? e?.genericType?.dataType?.identifier ?? void 0;
-}, w = (e, n) => {
+}, j = (e, n) => {
   if (e)
     return typeof e == "string" ? n && n.has(e) ? e : void 0 : e.genericKey ?? void 0;
-}, x = (e) => !e || typeof e == "string" ? [] : e.genericType?.genericMappers ?? [], R = (e, n) => ({
+}, _ = (e) => !e || typeof e == "string" ? [] : e.genericType?.genericMappers ?? [], P = (e, n) => ({
   ...e,
   sourceDataTypeIdentifiers: n
-}), _ = (e) => {
+}), w = (e) => {
   const n = e.genericCombinationStrategies ?? [];
   return new Set(n.map((i) => i.type));
-}, D = (e) => {
+}, m = (e) => {
   if (Array.isArray(e))
-    return e.map(D);
+    return e.map(m);
   if (y(e)) {
     const n = {};
     return Object.entries(e).forEach(([i, t]) => {
-      i === "__typename" || i === "id" || i === "createdAt" || i === "updatedAt" || (n[i] = D(t));
+      i === "__typename" || i === "id" || i === "createdAt" || i === "updatedAt" || (n[i] = m(t));
     }), n;
   }
   return e;
-}, M = (e, n) => {
+}, S = (e, n) => {
   if (!n) return !e;
   if (typeof n == "string")
-    return n === O ? !0 : S(e) === n;
+    return n === C ? !0 : O(e) === n;
   if (n.genericKey) return !0;
-  const t = S(n), a = S(e);
+  const t = O(n), a = O(e);
   return !!t && t === a;
-}, J = (e, n) => {
+}, R = (e, n) => {
   switch (e.__typename) {
     case "DataTypeRulesContainsKeyConfig":
     case "DataTypeRulesContainsTypeConfig":
@@ -36,13 +35,13 @@ const O = "GENERIC", y = (e) => typeof e == "object" && e !== null && !Array.isA
       const i = e.dataTypeIdentifier;
       return i ? {
         ...e,
-        dataTypeIdentifier: b(i, n)
+        dataTypeIdentifier: M(i, n)
       } : e;
     }
     case "DataTypeRulesInputTypesConfig": {
       const i = e, t = i.inputTypes?.map((a) => ({
         ...a,
-        dataTypeIdentifier: b(a.dataTypeIdentifier, n)
+        dataTypeIdentifier: M(a.dataTypeIdentifier, n)
       }));
       return {
         ...i,
@@ -52,54 +51,54 @@ const O = "GENERIC", y = (e) => typeof e == "object" && e !== null && !Array.isA
     default:
       return e;
   }
-}, V = (e, n, i) => {
-  const t = {}, a = new Set(i), c = (s, r) => {
+}, z = (e, n, i) => {
+  const t = {}, a = new Set(i), o = (s, r) => {
     if (!s || !r) return;
-    const f = w(s, a);
+    const f = j(s, a);
     if (f && a.has(f)) {
-      l(r) && (t[f] = r);
+      T(r) && (t[f] = r);
       return;
     }
-    const o = x(s);
-    if (o.length === 0) return;
-    const u = x(r);
-    for (const p of o) {
-      const T = u.find((g) => g.target === p.target);
-      if (!T) continue;
-      const d = (p.sourceDataTypeIdentifiers ?? []).map((g) => w(g, a)).filter((g) => !!g && a.has(g)), I = _(p), C = T.sourceDataTypeIdentifiers ?? [];
-      if ((I.has(j.And) || I.has(j.Or)) && C.length === 1 && d.length === (p.sourceDataTypeIdentifiers?.length ?? 0))
+    const c = _(s);
+    if (c.length === 0) return;
+    const u = _(r);
+    for (const p of c) {
+      const l = u.find((g) => g.target === p.target);
+      if (!l) continue;
+      const d = (p.sourceDataTypeIdentifiers ?? []).map((g) => j(g, a)).filter((g) => !!g && a.has(g)), h = w(p), D = l.sourceDataTypeIdentifiers ?? [];
+      if ((h.has("AND") || h.has("OR")) && D.length === 1 && d.length === (p.sourceDataTypeIdentifiers?.length ?? 0))
         for (const g of d)
-          t[g] = C[0];
+          t[g] = D[0];
       else {
-        const g = Math.min(p.sourceDataTypeIdentifiers?.length ?? 0, C.length);
+        const g = Math.min(p.sourceDataTypeIdentifiers?.length ?? 0, D.length);
         for (let A = 0; A < g; A++)
-          c(p.sourceDataTypeIdentifiers[A], C[A]);
+          o(p.sourceDataTypeIdentifiers[A], D[A]);
       }
     }
   };
-  return c(e, n), t;
-}, b = (e, n) => {
-  if (!l(e)) return e;
+  return o(e, n), t;
+}, M = (e, n) => {
+  if (!T(e)) return e;
   const {
     genericKey: i,
     genericType: t
   } = e;
   if (i && n.has(i)) {
-    const c = n.get(i);
-    return c && l(c) ? c : e;
+    const o = n.get(i);
+    return o && T(o) ? o : e;
   }
   if (!t) return e;
-  const a = (t.genericMappers ?? []).map((c) => {
+  const a = (t.genericMappers ?? []).map((o) => {
     const s = [];
-    for (const r of c.sourceDataTypeIdentifiers ?? []) {
+    for (const r of o.sourceDataTypeIdentifiers ?? []) {
       if (!r) continue;
       const f = r.genericKey;
       if (f && n.has(f)) {
-        const o = n.get(f);
-        o && K(o) ? s.push(...o.sourceDataTypeIdentifiers) : o && l(o) ? s.push(o) : s.push(r);
-      } else l(r) ? s.push(b(r, n)) : s.push(r);
+        const c = n.get(f);
+        c && K(c) ? s.push(...c.sourceDataTypeIdentifiers) : c && T(c) ? s.push(c) : s.push(r);
+      } else T(r) ? s.push(M(r, n)) : s.push(r);
     }
-    return R(c, s);
+    return P(o, s);
   });
   return {
     ...e,
@@ -108,123 +107,123 @@ const O = "GENERIC", y = (e) => typeof e == "object" && e !== null && !Array.isA
       genericMappers: a
     }
   };
-}, F = (e, n, i) => {
-  const t = {}, a = new Set(i), c = (s, r, f) => {
+}, J = (e, n, i) => {
+  const t = {}, a = new Set(i), o = (s, r, f) => {
     if (!(!s || !r || a.size === 0)) {
-      if (l(s)) {
-        const o = s.genericKey;
-        if (o && a.has(o) && (f ? t[o] = f : (K(r) || l(r)) && (t[o] = r), a.delete(o), a.size === 0))
+      if (T(s)) {
+        const c = s.genericKey;
+        if (c && a.has(c) && (f ? t[c] = f : (K(r) || T(r)) && (t[c] = r), a.delete(c), a.size === 0))
           return;
       }
       if (K(s) && K(r)) {
-        const o = Math.min(s.sourceDataTypeIdentifiers?.length, r.sourceDataTypeIdentifiers?.length);
-        for (let u = 0; u < o; u++)
-          if (c(s.sourceDataTypeIdentifiers[u], r.sourceDataTypeIdentifiers[u], r), a.size === 0) return;
+        const c = Math.min(s.sourceDataTypeIdentifiers?.length, r.sourceDataTypeIdentifiers?.length);
+        for (let u = 0; u < c; u++)
+          if (o(s.sourceDataTypeIdentifiers[u], r.sourceDataTypeIdentifiers[u], r), a.size === 0) return;
         return;
       }
-      if (z(s) && z(r)) {
-        const o = s.rules?.nodes ?? [], u = r.rules?.nodes ?? [], p = Math.min(o.length, u.length);
-        for (let T = 0; T < p; T++) {
-          const d = o[T], I = u[T];
-          if (!(!d || !I) && (c(d, I), a.size === 0))
+      if (E(s) && E(r)) {
+        const c = s.rules?.nodes ?? [], u = r.rules?.nodes ?? [], p = Math.min(c.length, u.length);
+        for (let l = 0; l < p; l++) {
+          const d = c[l], h = u[l];
+          if (!(!d || !h) && (o(d, h), a.size === 0))
             return;
         }
         return;
       }
-      if (G(s) && G(r)) {
-        c(s.config, r.config);
+      if (b(s) && b(r)) {
+        o(s.config, r.config);
         return;
       }
       if (Array.isArray(s) && Array.isArray(r)) {
-        const o = Math.min(s.length, r.length);
-        for (let u = 0; u < o; u++)
-          if (c(s[u], r[u], f), a.size === 0) return;
+        const c = Math.min(s.length, r.length);
+        for (let u = 0; u < c; u++)
+          if (o(s[u], r[u], f), a.size === 0) return;
         return;
       }
       if (y(s) && y(r)) {
-        for (const o of Object.keys(s))
-          if (o in r && o !== "__typename" && (c(s[o], r[o], f), a.size === 0))
+        for (const c of Object.keys(s))
+          if (c in r && c !== "__typename" && (o(s[c], r[c], f), a.size === 0))
             return;
       }
     }
   };
-  return c(e, n), t;
-}, L = (e, n) => {
+  return o(e, n), t;
+}, Y = (e, n) => {
   const i = e.rules ? {
     ...e.rules,
     nodes: e.rules.nodes?.map((t) => t && {
       ...t,
-      config: J(t.config, n)
+      config: R(t.config, n)
     })
   } : void 0;
   return {
     ...e,
     rules: i
   };
-}, H = (e, n, i, t) => {
-  const a = /* @__PURE__ */ new Map(), c = e.genericKeys ?? [];
-  if (!e.parameterDefinitions || c.length <= 0) return a;
-  const s = new Set(c);
+}, k = (e, n, i, t) => {
+  const a = /* @__PURE__ */ new Map(), o = e?.genericKeys ?? [];
+  if (!e?.parameterDefinitions || o.length <= 0) return a;
+  const s = new Set(o);
   return e.parameterDefinitions.forEach((r, f) => {
-    const o = r.dataTypeIdentifier, u = n[f], p = i.getTypeFromValue(u, t);
-    if (!o || !p) return;
-    const T = V(o, p, c);
-    for (const [d, I] of Object.entries(T))
-      s.has(d) && (a.has(d) || a.set(d, I));
+    const c = r.dataTypeIdentifier, u = n[f], p = i.getTypeFromValue(u, t);
+    if (!c || !p) return;
+    const l = z(c, p, o);
+    for (const [d, h] of Object.entries(l))
+      s.has(d) && (a.has(d) || a.set(d, h));
   }), a;
 };
-function W(e, n) {
+function F(e, n) {
   if (e.variant !== n.variant) return !1;
   const i = n.rules?.nodes ?? [];
   if (i.length === 0) return !0;
   const t = e.rules?.nodes ?? [];
   for (const a of i) {
     if (!a) continue;
-    if (!t.some((s) => s ? k(s, a) : !1)) return !1;
+    if (!t.some((s) => s ? x(s, a) : !1)) return !1;
   }
   return !0;
 }
-function k(e, n) {
+function x(e, n) {
   if (e.variant !== n.variant) return !1;
   switch (n.variant) {
-    case h.ContainsType:
-    case h.ReturnType:
-      return M(e.config.dataTypeIdentifier, n.config.dataTypeIdentifier);
-    case h.ContainsKey: {
+    case "CONTAINS_TYPE":
+    case "RETURN_TYPE":
+      return S(e.config.dataTypeIdentifier, n.config.dataTypeIdentifier);
+    case "CONTAINS_KEY": {
       const i = e.config, t = n.config;
-      return i.key !== t.key ? !1 : M(i.dataTypeIdentifier, t.dataTypeIdentifier);
+      return i.key !== t.key ? !1 : S(i.dataTypeIdentifier, t.dataTypeIdentifier);
     }
-    case h.InputType: {
-      const i = e.config, a = n.config.inputTypes ?? [], c = i.inputTypes ?? [];
-      return a.every((s) => c.some((r) => M(r.dataTypeIdentifier, s.dataTypeIdentifier)));
+    case "INPUT_TYPES": {
+      const i = e.config, a = n.config.inputTypes ?? [], o = i.inputTypes ?? [];
+      return a.every((s) => o.some((r) => S(r.dataTypeIdentifier, s.dataTypeIdentifier)));
     }
-    case h.ItemOfCollection: {
+    case "ITEM_OF_COLLECTION": {
       const i = e.config.items ?? [], t = n.config.items ?? [];
-      return i.length !== t.length ? !1 : i.every((a, c) => a === t[c]);
+      return i.length !== t.length ? !1 : i.every((a, o) => a === t[o]);
     }
-    case h.NumberRange: {
+    case "NUMBER_RANGE": {
       const i = e.config, t = n.config;
       return i.from === t.from && i.to === t.to && i.steps === t.steps;
     }
-    case h.Regex: {
+    case "REGEX": {
       const i = e.config.pattern, t = n.config.pattern;
       return i === t;
     }
     default:
-      return JSON.stringify(D(e.config)) === JSON.stringify(D(n.config));
+      return JSON.stringify(m(e.config)) === JSON.stringify(m(n.config));
   }
 }
-function q(e, n) {
-  const i = (s) => !!(s === O || l(s) && s.genericKey), t = (s, r) => i(s) || i(r) ? !0 : s == null || r == null ? s === r : Array.isArray(r) ? !Array.isArray(s) || s.length !== r.length ? !1 : s.every((f, o) => t(f, r[o])) : y(r) ? y(s) ? Object.keys(r).every((o) => t(s[o], r[o])) : !1 : s === r, a = D(e), c = D(n);
-  return t(a, c);
+function L(e, n) {
+  const i = (s) => !!(s === C || T(s) && s.genericKey), t = (s, r) => i(s) || i(r) ? !0 : s == null || r == null ? s === r : Array.isArray(r) ? !Array.isArray(s) || s.length !== r.length ? !1 : s.every((f, c) => t(f, r[c])) : y(r) ? y(s) ? Object.keys(r).every((c) => t(s[c], r[c])) : !1 : s === r, a = m(e), o = m(n);
+  return t(a, o);
 }
-const E = (e, n) => {
+const G = (e, n) => {
   if (typeof e == "string") {
     const t = n.getDataType(e);
     if (!t) return e;
     const a = t.genericKeys ?? [];
-    if (t.variant === P.Array && a.length > 0) {
-      const s = t.rules?.nodes?.find((r) => r?.variant === h.ContainsType)?.config?.dataTypeIdentifier;
+    if (t.variant === "ARRAY" && a.length > 0) {
+      const s = t.rules?.nodes?.find((r) => r?.variant === "CONTAINS_TYPE")?.config?.dataTypeIdentifier;
       if (s) {
         const [r] = a;
         return r ? {
@@ -233,7 +232,7 @@ const E = (e, n) => {
             dataType: t.json,
             genericMappers: [{
               target: r,
-              sourceDataTypeIdentifiers: [E(s, n)]
+              sourceDataTypeIdentifiers: [G(s, n)]
             }]
           }
         } : e;
@@ -241,10 +240,10 @@ const E = (e, n) => {
     }
     return e;
   }
-  if (!l(e) || !e.genericType) return e;
+  if (!T(e) || !e.genericType) return e;
   const i = e.genericType.genericMappers?.map((t) => ({
     ...t,
-    sourceDataTypeIdentifiers: t?.sourceDataTypeIdentifiers?.map((a) => E(a, n))
+    sourceDataTypeIdentifiers: t?.sourceDataTypeIdentifiers?.map((a) => G(a, n))
   })) ?? [];
   return {
     ...e,
@@ -253,59 +252,72 @@ const E = (e, n) => {
       genericMappers: i
     }
   };
-}, m = (e) => {
+}, I = (e) => {
   if (Array.isArray(e)) {
-    const n = e.map(m);
-    return n.length <= 1 ? n : n.every(y) ? [...n].sort((a, c) => JSON.stringify(a).localeCompare(JSON.stringify(c))) : n.every((a) => !Array.isArray(a) && !y(a)) ? [...n].sort((a, c) => JSON.stringify(a).localeCompare(JSON.stringify(c))) : n;
+    const n = e.map(I);
+    return n.length <= 1 ? n : n.every(y) ? [...n].sort((a, o) => JSON.stringify(a).localeCompare(JSON.stringify(o))) : n.every((a) => !Array.isArray(a) && !y(a)) ? [...n].sort((a, o) => JSON.stringify(a).localeCompare(JSON.stringify(o))) : n;
   }
   if (y(e)) {
     const n = e;
-    return Object.keys(n).sort().reduce((i, t) => (i[t] = m(n[t]), i), {});
+    return Object.keys(n).sort().reduce((i, t) => (i[t] = I(n[t]), i), {});
   }
   return e;
-}, B = (e, n = []) => {
+}, V = (e, n) => {
+  if (!n.genericType) return /* @__PURE__ */ new Map();
+  const i = new Set(e.genericKeys ?? []), t = /* @__PURE__ */ new Map();
+  for (const a of n.genericType.genericMappers ?? []) {
+    const o = a.target;
+    if (!i.has(o))
+      for (const s of a.sourceDataTypeIdentifiers ?? []) {
+        const r = s.genericKey;
+        r && i.has(r) && t.set(r, o);
+      }
+  }
+  return t;
+}, U = (e, n = []) => {
   const i = new Set(n), t = (r) => r ? i.size === 0 ? !0 : i.has(r) : !1, a = (r) => {
-    const o = t(r.target) ? O : r.target, u = (r.sourceDataTypeIdentifiers ?? []).map((p) => s(p));
-    return m({
+    const c = t(r.target) ? C : r.target, u = (r.sourceDataTypeIdentifiers ?? []).map((p) => s(p));
+    return I({
       ...r,
-      target: o,
+      target: c,
       sourceDataTypeIdentifiers: u
     });
-  }, c = (r) => {
-    const o = t(r.genericKey) ? O : r.genericKey, u = {
+  }, o = (r) => {
+    const c = t(r.genericKey) ? C : r.genericKey, u = {
       ...r,
-      genericKey: o,
+      genericKey: c,
       dataType: r.dataType ? s(r.dataType) : r.dataType,
       genericType: r.genericType ? s(r.genericType) : r.genericType
     };
-    return m(u);
+    return I(u);
   };
   function s(r) {
     if (r == null) return r;
     if (Array.isArray(r)) {
-      const f = r.map((o) => s(o));
-      return m(f);
+      const f = r.map((c) => s(c));
+      return I(f);
     }
-    if (l(r))
-      return c(r);
+    if (T(r))
+      return o(r);
     if (K(r))
       return a(r);
     if (y(r)) {
-      const f = Object.entries(r).reduce((o, [u, p]) => (o[u] = s(p), o), {});
-      return m(f);
+      const f = Object.entries(r).reduce((c, [u, p]) => (c[u] = s(p), c), {});
+      return I(f);
     }
     return r;
   }
   return s(e);
 };
 export {
-  W as isMatchingDataTypeObject,
-  q as isMatchingType,
-  L as replaceGenericKeysInDataTypeObject,
-  b as replaceGenericKeysInType,
-  B as replaceGenericsAndSortType,
-  F as resolveAllGenericKeysInDataTypeObject,
-  V as resolveGenericKeyMappings,
-  H as resolveGenericKeys,
-  E as resolveType
+  F as isMatchingDataTypeObject,
+  L as isMatchingType,
+  Y as replaceGenericKeysInDataTypeObject,
+  M as replaceGenericKeysInType,
+  U as replaceGenericsAndSortType,
+  J as resolveAllGenericKeysInDataTypeObject,
+  z as resolveGenericKeyMappings,
+  k as resolveGenericKeys,
+  G as resolveType,
+  V as targetForGenericKey
 };

package/dist/utils/index.js

@@ -1,28 +1,29 @@
-import { ContextStore as o, ContextStoreProvider as t, useService as i, useStore as c } from "./contextStore.js";
-import { InspectionSeverity as v } from "./inspection.js";
-import { NonReactiveArrayService as S, createNonReactiveArrayService as p } from "./nonReactiveArrayService.js";
-import { ObjectService as g, createObjectService as x } from "./objectStore.js";
-import { ReactiveArrayService as f, useReactiveArrayService as C } from "./reactiveArrayService.js";
-import { Colors as y } from "./types.js";
-import { getChild as P, getContent as u, getPositionAroundTarget as R, getPositioning as b, getWindowPositioning as j, mergeCode0Props as l, parseUnit as N } from "./utils.js";
+import { ContextStore as t, ContextStoreProvider as o, useService as i, useStore as n } from "./contextStore.js";
+import { InspectionSeverity as v, underlineBySeverity as a } from "./inspection.js";
+import { NonReactiveArrayService as p, createNonReactiveArrayService as s } from "./nonReactiveArrayService.js";
+import { ObjectService as x, createObjectService as m } from "./objectStore.js";
+import { ReactiveArrayService as y, useReactiveArrayService as d } from "./reactiveArrayService.js";
+import { Colors as u } from "./types.js";
+import { getChild as P, getContent as R, getPositionAroundTarget as l, getPositioning as b, getWindowPositioning as j, mergeCode0Props as N, parseUnit as O } from "./utils.js";
 export {
-  y as Colors,
-  o as ContextStore,
-  t as ContextStoreProvider,
+  u as Colors,
+  t as ContextStore,
+  o as ContextStoreProvider,
   v as InspectionSeverity,
-  S as NonReactiveArrayService,
-  g as ObjectService,
-  f as ReactiveArrayService,
-  p as createNonReactiveArrayService,
-  x as createObjectService,
+  p as NonReactiveArrayService,
+  x as ObjectService,
+  y as ReactiveArrayService,
+  s as createNonReactiveArrayService,
+  m as createObjectService,
   P as getChild,
-  u as getContent,
-  R as getPositionAroundTarget,
+  R as getContent,
+  l as getPositionAroundTarget,
   b as getPositioning,
   j as getWindowPositioning,
-  l as mergeCode0Props,
-  N as parseUnit,
-  C as useReactiveArrayService,
+  N as mergeCode0Props,
+  O as parseUnit,
+  a as underlineBySeverity,
+  d as useReactiveArrayService,
   i as useService,
-  c as useStore
+  n as useStore
 };

package/dist/utils/inspection.d.ts

@@ -1,4 +1,5 @@
-import { Maybe, Scalars, TranslationConnection } from '@code0-tech/sagittarius-graphql-types';
+import { Maybe, Scalars, Translation } from '@code0-tech/sagittarius-graphql-types';
+import { CSSProperties } from 'react';
 export declare enum InspectionSeverity {
     TYPO = 0,
     GRAMMAR = 1,
@@ -9,5 +10,6 @@ export declare enum InspectionSeverity {
 export interface ValidationResult {
     parameterId: Maybe<Scalars["ParameterDefinitionID"]["output"]>;
     type: InspectionSeverity;
-    message: TranslationConnection;
+    message: Array<Translation>;
 }
+export declare const underlineBySeverity: Record<InspectionSeverity, CSSProperties>;

package/dist/utils/inspection.js

@@ -1,4 +1,29 @@
-var A = /* @__PURE__ */ ((R) => (R[R.TYPO = 0] = "TYPO", R[R.GRAMMAR = 1] = "GRAMMAR", R[R.WEAK = 2] = "WEAK", R[R.WARNING = 3] = "WARNING", R[R.ERROR = 4] = "ERROR", R))(A || {});
+var r = /* @__PURE__ */ ((d) => (d[d.TYPO = 0] = "TYPO", d[d.GRAMMAR = 1] = "GRAMMAR", d[d.WEAK = 2] = "WEAK", d[d.WARNING = 3] = "WARNING", d[d.ERROR = 4] = "ERROR", d))(r || {});
+const o = (d, a = "5px 4px") => ({
+  paddingBottom: "0.2rem",
+  backgroundRepeat: "repeat-x",
+  backgroundPosition: "left bottom",
+  backgroundSize: a,
+  backgroundImage: `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'>  <path d='M0 3 Q3 0 6 3 T12 3' fill='none' stroke='${d}' stroke-width='2'/></svg>")`
+}), g = {
+  0: {
+    borderBottom: "1px dotted #3b82f6"
+    // blue
+  },
+  1: {
+    borderBottom: "1px dashed #8b5cf6"
+    // violet
+  },
+  2: {
+    borderBottom: "3px double #9ca3af"
+    // gray
+  },
+  3: o("orange"),
+  // amber
+  4: o("red")
+  // already yours
+};
 export {
-  A as InspectionSeverity
+  r as InspectionSeverity,
+  g as underlineBySeverity
 };

package/dist/utils/objectStore.js

@@ -1,34 +1,34 @@
 import o from "react";
-function n(e, r, t) {
-  return (r = u(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;
+function n(e, t, r) {
+  return (t = u(t)) in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
 function u(e) {
-  var r = c(e, "string");
-  return typeof r == "symbol" ? r : r + "";
+  var t = c(e, "string");
+  return typeof t == "symbol" ? t : t + "";
 }
-function c(e, r) {
+function c(e, t) {
   if (typeof e != "object" || !e) return e;
-  var t = e[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var i = t.call(e, r);
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var i = r.call(e, t);
     if (typeof i != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (r === "string" ? String : Number)(e);
+  return (t === "string" ? String : Number)(e);
 }
 class f {
-  constructor(r) {
-    n(this, "store", void 0), this.store = r;
+  constructor(t) {
+    n(this, "store", void 0), this.store = t;
   }
   object() {
     return this.store[0];
   }
 }
-const v = (e, r, t) => {
-  const i = o.useState(t);
-  return [i[0], r ? r(i) : new e(i)];
+const a = (e, t, r) => {
+  const i = o.useState(r);
+  return [i[0], t ? t(i) : new e(i)];
 };
 export {
   f as ObjectService,
-  v as createObjectService
+  a as createObjectService
 };

package/dist/utils/reactiveArrayService.d.ts

@@ -4,7 +4,7 @@ export type ReactiveArrayStore<T> = {
     getState: () => T[];
     setState: React.Dispatch<React.SetStateAction<T[]>>;
 };
-export declare class ReactiveArrayService<T> implements ArrayService<T> {
+export declare class ReactiveArrayService<T, D = Record<string, any>> implements ArrayService<T, D> {
     protected readonly access: ReactiveArrayStore<T>;
     constructor(access: ReactiveArrayStore<T>);
     delete(index: number): void;
@@ -12,11 +12,11 @@ export declare class ReactiveArrayService<T> implements ArrayService<T> {
     set(index: number, value: T): void;
     has(index: number): boolean;
     get(index: number): T;
-    values(): T[];
+    values(_dependencies?: D): T[];
     update(): void;
     clear(): void;
 }
 type ArrayServiceCtor<K, S extends ArrayService<K>> = new (access: ReactiveArrayStore<K>) => S;
 type InitialArg<K, S extends ArrayService<K>> = K[] | ((svc: S) => K[]);
-export declare function useReactiveArrayService<K, S extends ArrayService<K>>(Ctor: ArrayServiceCtor<K, S>, initial?: InitialArg<K, S>): [K[], S];
+export declare function useReactiveArrayService<K, S extends ArrayService<K>>(Ctor: ArrayServiceCtor<K, S> | ((store: ReactiveArrayStore<K>) => S), initial?: InitialArg<K, S>): [K[], S];
 export {};