@assistant-ui/react-o11y 0.0.28 → 0.0.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/context/SpanByIndexProvider.js +1 -1
- package/dist/context/SpanByIndexProvider.js.map +1 -1
- package/dist/primitives/span/SpanChildren.d.ts.map +1 -1
- package/dist/primitives/span/SpanChildren.js +1 -1
- package/dist/primitives/span/SpanChildren.js.map +1 -1
- package/dist/primitives/span/SpanCollapseToggle.js +3 -3
- package/dist/primitives/span/SpanCollapseToggle.js.map +1 -1
- package/package.json +3 -3
- package/src/context/SpanByIndexProvider.tsx +1 -1
- package/src/primitives/span/SpanChildren.tsx +1 -3
- package/src/primitives/span/SpanCollapseToggle.tsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpanByIndexProvider.js","names":["FC","PropsWithChildren","useAui","AuiProvider","Derived","SpanByIndexProvider","index","t0","$","_c","children","parentAui","t1","source","query","get","span","child","t2","aui","t3"],"sources":["../../src/context/SpanByIndexProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { useAui, AuiProvider, Derived } from \"@assistant-ui/store\";\n\nexport const SpanByIndexProvider: FC<PropsWithChildren<{ index: number }>> = ({\n index,\n children,\n}) => {\n const parentAui = useAui();\n\n const aui = useAui({\n span: Derived({\n source: \"span\",\n query: { index },\n get: () => parentAui.span
|
|
1
|
+
{"version":3,"file":"SpanByIndexProvider.js","names":["FC","PropsWithChildren","useAui","AuiProvider","Derived","SpanByIndexProvider","index","t0","$","_c","children","parentAui","t1","source","query","get","span","child","t2","aui","t3"],"sources":["../../src/context/SpanByIndexProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { useAui, AuiProvider, Derived } from \"@assistant-ui/store\";\n\nexport const SpanByIndexProvider: FC<PropsWithChildren<{ index: number }>> = ({\n index,\n children,\n}) => {\n const parentAui = useAui();\n\n const aui = useAui({\n span: Derived({\n source: \"span\",\n query: { index },\n get: () => parentAui.span.child({ index }),\n }),\n });\n\n return <AuiProvider value={aui}>{children}</AuiProvider>;\n};\n"],"mappings":";;;;AAGA,MAAaK,uBAAgEE,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAH,OAAAI,aAAAH;CAI5E,MAAAI,YAAkBT,OAAO;CAAE,IAAAU;CAAA,IAAAJ,EAAA,OAAAF,SAAAE,EAAA,OAAAG,WAAA;EAGnBC,KAAAR,QAAQ;GAAAS,QACJ;GAAMC,OACP,EAAAR,MAAQ;GAACS,WACLJ,UAASK,KAAKC,MAAO,EAAAX,MAAQ,CAAC;EAC3C,CAAC;EAACE,EAAA,KAAAF;EAAAE,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,OAAAI,IAAA;EALeM,KAAA,EAAAF,MACXJ,GAKR;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAND,MAAAW,MAAYjB,OAAOgB,EAMlB;CAAE,IAAAE;CAAA,IAAAZ,EAAA,OAAAW,OAAAX,EAAA,OAAAE,UAAA;EAEIU,KAAA,oBAAC,aAAD;GAAoBD,OAAAA;GAAMT;EAAd,CAAA;EAAqCF,EAAA,KAAAW;EAAAX,EAAA,KAAAE;EAAAF,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,OAAjDY;AAAiD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpanChildren.d.ts","names":[],"sources":["../../../src/primitives/span/SpanChildren.tsx"],"mappings":";;;KAWK;EACH,MAAM;;kBAGS;OACH;IAEN,YAAY;IACZ;;;IAIA,WAAW;MAAS,MAAM;UAAgB;IAC1C;;;kBAIS;OACH;IACV;IACA,YAAY;;;cAIH,2BAA2B,GAAG,0BAA0B;
|
|
1
|
+
{"version":3,"file":"SpanChildren.d.ts","names":[],"sources":["../../../src/primitives/span/SpanChildren.tsx"],"mappings":";;;KAWK;EACH,MAAM;;kBAGS;OACH;IAEN,YAAY;IACZ;;;IAIA,WAAW;MAAS,MAAM;UAAgB;IAC1C;;;kBAIS;OACH;IACV;IACA,YAAY;;;cAIH,2BAA2B,GAAG,0BAA0B;cAqDxD,uBAAuB,GAAG,sBAAsB"}
|
|
@@ -33,7 +33,7 @@ const SpanPrimitiveChildrenInner = ({ children }) => {
|
|
|
33
33
|
return Array.from({ length: childrenLength }, (_, index) => /* @__PURE__ */ jsx(SpanByIndexProvider, {
|
|
34
34
|
index,
|
|
35
35
|
children: /* @__PURE__ */ jsx(RenderChildrenWithAccessor, {
|
|
36
|
-
getItemState: (aui) => aui.span
|
|
36
|
+
getItemState: (aui) => aui.span.getState(),
|
|
37
37
|
children: (getItem) => children({ get span() {
|
|
38
38
|
return getItem();
|
|
39
39
|
} })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpanChildren.js","names":["ComponentType","FC","ReactNode","memo","useMemo","RenderChildrenWithAccessor","useAuiState","SpanState","SpanByIndexProvider","SpanChildrenComponentConfig","Span","SpanPrimitiveChildren","Props","components","children","value","span","SpanPrimitiveChildByIndex","index","t0","$","_c","t1","t2","prev","next","displayName","SpanPrimitiveChildrenInner","childrenLength","s","length","Array","from","_","aui","getState","getItem","SpanPrimitiveChildrenImpl"],"sources":["../../../src/primitives/span/SpanChildren.tsx"],"sourcesContent":["import {\n type ComponentType,\n type FC,\n type ReactNode,\n memo,\n useMemo,\n} from \"react\";\nimport { RenderChildrenWithAccessor, useAuiState } from \"@assistant-ui/store\";\nimport type { SpanState } from \"../../o11y-scope\";\nimport { SpanByIndexProvider } from \"../../context/SpanByIndexProvider\";\n\ntype SpanChildrenComponentConfig = {\n Span: ComponentType;\n};\n\nexport namespace SpanPrimitiveChildren {\n export type Props =\n | {\n components: SpanChildrenComponentConfig;\n children?: never;\n }\n | {\n /** Render function called for each child span. Receives the span. */\n children: (value: { span: SpanState }) => ReactNode;\n components?: never;\n };\n}\n\nexport namespace SpanPrimitiveChildByIndex {\n export type Props = {\n index: number;\n components: SpanChildrenComponentConfig;\n };\n}\n\nexport const SpanPrimitiveChildByIndex: FC<SpanPrimitiveChildByIndex.Props> =\n memo(\n ({ index, components }) => {\n return (\n <SpanByIndexProvider index={index}>\n <components.Span />\n </SpanByIndexProvider>\n );\n },\n (prev, next) =>\n prev.index === next.index &&\n prev.components.Span === next.components.Span,\n );\n\nSpanPrimitiveChildByIndex.displayName = \"SpanPrimitive.ChildByIndex\";\n\nconst SpanPrimitiveChildrenInner: FC<{\n children: (value: { span: SpanState }) => ReactNode;\n}> = ({ children }) => {\n const childrenLength = useAuiState((s) => s.span.children.length);\n\n return useMemo(() => {\n if (childrenLength === 0) return null;\n return Array.from({ length: childrenLength }, (_, index) => (\n <SpanByIndexProvider key={index} index={index}>\n <RenderChildrenWithAccessor
|
|
1
|
+
{"version":3,"file":"SpanChildren.js","names":["ComponentType","FC","ReactNode","memo","useMemo","RenderChildrenWithAccessor","useAuiState","SpanState","SpanByIndexProvider","SpanChildrenComponentConfig","Span","SpanPrimitiveChildren","Props","components","children","value","span","SpanPrimitiveChildByIndex","index","t0","$","_c","t1","t2","prev","next","displayName","SpanPrimitiveChildrenInner","childrenLength","s","length","Array","from","_","aui","getState","getItem","SpanPrimitiveChildrenImpl"],"sources":["../../../src/primitives/span/SpanChildren.tsx"],"sourcesContent":["import {\n type ComponentType,\n type FC,\n type ReactNode,\n memo,\n useMemo,\n} from \"react\";\nimport { RenderChildrenWithAccessor, useAuiState } from \"@assistant-ui/store\";\nimport type { SpanState } from \"../../o11y-scope\";\nimport { SpanByIndexProvider } from \"../../context/SpanByIndexProvider\";\n\ntype SpanChildrenComponentConfig = {\n Span: ComponentType;\n};\n\nexport namespace SpanPrimitiveChildren {\n export type Props =\n | {\n components: SpanChildrenComponentConfig;\n children?: never;\n }\n | {\n /** Render function called for each child span. Receives the span. */\n children: (value: { span: SpanState }) => ReactNode;\n components?: never;\n };\n}\n\nexport namespace SpanPrimitiveChildByIndex {\n export type Props = {\n index: number;\n components: SpanChildrenComponentConfig;\n };\n}\n\nexport const SpanPrimitiveChildByIndex: FC<SpanPrimitiveChildByIndex.Props> =\n memo(\n ({ index, components }) => {\n return (\n <SpanByIndexProvider index={index}>\n <components.Span />\n </SpanByIndexProvider>\n );\n },\n (prev, next) =>\n prev.index === next.index &&\n prev.components.Span === next.components.Span,\n );\n\nSpanPrimitiveChildByIndex.displayName = \"SpanPrimitive.ChildByIndex\";\n\nconst SpanPrimitiveChildrenInner: FC<{\n children: (value: { span: SpanState }) => ReactNode;\n}> = ({ children }) => {\n const childrenLength = useAuiState((s) => s.span.children.length);\n\n return useMemo(() => {\n if (childrenLength === 0) return null;\n return Array.from({ length: childrenLength }, (_, index) => (\n <SpanByIndexProvider key={index} index={index}>\n <RenderChildrenWithAccessor getItemState={(aui) => aui.span.getState()}>\n {(getItem) =>\n children({\n get span() {\n return getItem();\n },\n })\n }\n </RenderChildrenWithAccessor>\n </SpanByIndexProvider>\n ));\n }, [childrenLength, children]);\n};\n\nconst SpanPrimitiveChildrenImpl: FC<SpanPrimitiveChildren.Props> = ({\n components,\n children,\n}) => {\n if (components) {\n return (\n <SpanPrimitiveChildrenInner>\n {() => <components.Span />}\n </SpanPrimitiveChildrenInner>\n );\n }\n return <SpanPrimitiveChildrenInner>{children}</SpanPrimitiveChildrenInner>;\n};\n\nexport const SpanPrimitiveChildren: FC<SpanPrimitiveChildren.Props> = memo(\n SpanPrimitiveChildrenImpl,\n (prev, next) => {\n if (prev.children || next.children) {\n return prev.children === next.children;\n }\n return prev.components!.Span === next.components!.Span;\n },\n);\n\nSpanPrimitiveChildren.displayName = \"SpanPrimitive.Children\";\n"],"mappings":";;;;;;AAmCA,MAAaiB,4BACXd,MACEgB,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAH,OAAAL,eAAAM;CAAqB,IAAAG;CAAA,IAAAF,EAAA,OAAAP,WAAAH,MAAA;EAGhBY,KAAA,oBAAA,WAAA,MAAA,CAAA,CAAA;EAAmBF,EAAA,KAAAP,WAAAH;EAAAU,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAG;CAAA,IAAAH,EAAA,OAAAF,SAAAE,EAAA,OAAAE,IAAA;EADrBC,KAAA,oBAAC,qBAAD;GAA4BL;GAC1BI,UAAAA;EADkB,CAAA;EAEEF,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAFtBG;AAEsB,IAGzBC,MAAMC,SACLD,KAAKN,UAAUO,KAAKP,SACpBM,KAAKX,WAAWH,SAASe,KAAKZ,WAAWH,IAC7C;AAEFO,0BAA0BS,cAAc;AAExC,MAAMC,8BAEA,EAAEb,eAAe;CACrB,MAAMc,iBAAiBtB,aAAauB,MAAMA,EAAEb,KAAKF,SAASgB,MAAM;CAEhE,OAAO1B,cAAc;EACnB,IAAIwB,mBAAmB,GAAG,OAAO;EACjC,OAAOG,MAAMC,KAAK,EAAEF,QAAQF,eAAe,IAAIK,GAAGf,UAChD,oBAAC,qBAAD;GAAwCA;GACtC,UAAA,oBAAC,4BAAD;IAA4B,eAAegB,QAAQA,IAAIlB,KAAKmB,SAAS;IACjEC,WAAAA,YACAtB,SAAS,EACP,IAAIE,OAAO;KACT,OAAOoB,QAAQ;IACjB,EACF,CAAC;GAEuB,CAAA;EACT,GAVKlB,KAUL,CACtB;CACH,GAAG,CAACU,gBAAgBd,QAAQ,CAAC;AAC/B;AAEA,MAAMuB,6BAA6DlB,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAR,YAAAC,aAAAK;CAIlE,IAAIN,YAAU;EAAA,IAAAS;EAAA,IAAAF,EAAA,OAAAP,WAAAH,MAAA;GAEVY,KAAA,oBAAC,4BAAD,EAAA,gBACS,oBAAA,WAAA,MAAA,CAAA,CAAA,EADkB,CAAA;GAEEF,EAAA,KAAAP,WAAAH;GAAAU,EAAA,KAAAE;EAAA,OAAAA,KAAAF,EAAA;EAAA,OAF7BE;CAE6B;CAEhC,IAAAA;CAAA,IAAAF,EAAA,OAAAN,UAAA;EACMQ,KAAA,oBAAC,4BAAD,EAA6BR,SAAF,CAAA;EAAwCM,EAAA,KAAAN;EAAAM,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,OAAnEE;AAAmE;AAG5E,MAAaX,wBAAyDR,KACpEkC,4BACCb,MAAMC,SAAS;CACd,IAAID,KAAKV,YAAYW,KAAKX,UACxB,OAAOU,KAAKV,aAAaW,KAAKX;CAEhC,OAAOU,KAAKX,WAAYH,SAASe,KAAKZ,WAAYH;AACpD,CACF;AAEAC,sBAAsBe,cAAc"}
|
|
@@ -11,13 +11,13 @@ const SpanPrimitiveCollapseToggle = forwardRef((props, ref) => {
|
|
|
11
11
|
const aui = useAui();
|
|
12
12
|
if (!hasChildren) return null;
|
|
13
13
|
let t0;
|
|
14
|
-
if ($[0] !== aui || $[1] !== props) {
|
|
14
|
+
if ($[0] !== aui.span || $[1] !== props) {
|
|
15
15
|
t0 = (e) => {
|
|
16
16
|
e.stopPropagation();
|
|
17
|
-
aui.span
|
|
17
|
+
aui.span.toggleCollapse();
|
|
18
18
|
props.onClick?.(e);
|
|
19
19
|
};
|
|
20
|
-
$[0] = aui;
|
|
20
|
+
$[0] = aui.span;
|
|
21
21
|
$[1] = props;
|
|
22
22
|
$[2] = t0;
|
|
23
23
|
} else t0 = $[2];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpanCollapseToggle.js","names":["ComponentPropsWithoutRef","ComponentRef","forwardRef","Primitive","useAui","useAuiState","SpanPrimitiveCollapseToggle","Element","button","Props","props","ref","$","_c","hasChildren","_temp","isCollapsed","_temp2","aui","t0","
|
|
1
|
+
{"version":3,"file":"SpanCollapseToggle.js","names":["ComponentPropsWithoutRef","ComponentRef","forwardRef","Primitive","useAui","useAuiState","SpanPrimitiveCollapseToggle","Element","button","Props","props","ref","$","_c","hasChildren","_temp","isCollapsed","_temp2","aui","t0","span","e","stopPropagation","toggleCollapse","onClick","t1","displayName","s","s_0"],"sources":["../../../src/primitives/span/SpanCollapseToggle.tsx"],"sourcesContent":["import {\n type ComponentPropsWithoutRef,\n type ComponentRef,\n forwardRef,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveCollapseToggle {\n export type Element = ComponentRef<typeof Primitive.button>;\n export type Props = ComponentPropsWithoutRef<typeof Primitive.button>;\n}\n\nexport const SpanPrimitiveCollapseToggle = forwardRef<\n SpanPrimitiveCollapseToggle.Element,\n SpanPrimitiveCollapseToggle.Props\n>((props, ref) => {\n const hasChildren = useAuiState((s) => s.span.hasChildren);\n const isCollapsed = useAuiState((s) => s.span.isCollapsed);\n const aui = useAui();\n\n if (!hasChildren) return null;\n\n return (\n <Primitive.button\n type=\"button\"\n {...props}\n ref={ref}\n data-collapsed={isCollapsed}\n onClick={(e) => {\n e.stopPropagation();\n aui.span.toggleCollapse();\n props.onClick?.(e);\n }}\n />\n );\n});\n\nSpanPrimitiveCollapseToggle.displayName = \"SpanPrimitive.CollapseToggle\";\n"],"mappings":";;;;;;AAaA,MAAaM,8BAA8BJ,YAGzCQ,OAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACA,MAAAC,cAAoBT,YAAYU,KAAyB;CACzD,MAAAC,cAAoBX,YAAYY,MAAyB;CACzD,MAAAC,MAAYd,OAAO;CAEnB,IAAI,CAACU,aAAW,OAAS;CAAK,IAAAK;CAAA,IAAAP,EAAA,OAAAM,IAAAE,QAAAR,EAAA,OAAAF,OAAA;EAQjBS,MAAAE,MAAA;GACPA,EAACC,gBAAiB;GAClBJ,IAAGE,KAAKG,eAAgB;GACxBb,MAAKc,UAAWH,CAAC;EAAC;EACnBT,EAAA,KAAAM,IAAAE;EAAAR,EAAA,KAAAF;EAAAE,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,OAAAI,eAAAJ,EAAA,OAAAF,SAAAE,EAAA,OAAAD,OAAAC,EAAA,OAAAO,IAAA;EATHM,KAAA,oBAAA,UAAA,QAAA;GACO,MAAA;GAAQ,GACTf;GACCC;GACWK,kBAAAA;GACP,SAAAG;EAIR,CAAA;EACDP,EAAA,KAAAI;EAAAJ,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAO;EAAAP,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,OAVFa;AAUE,CAEL;AAEDnB,4BAA4BoB,cAAc;AAtBxC,SAAAX,MAAAY,GAAA;CAAA,OACuCA,EAACP,KAAKN;AAAY;AADzD,SAAAG,OAAAW,KAAA;CAAA,OAEuCD,IAACP,KAAKJ;AAAY"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@assistant-ui/react-o11y",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.29",
|
|
4
4
|
"description": "Observability primitives for @assistant-ui",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"observability",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"sideEffects": false,
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@radix-ui/react-primitive": "^2.1.10",
|
|
32
|
-
"@assistant-ui/store": "0.
|
|
33
|
-
"@assistant-ui/tap": "0.9.
|
|
32
|
+
"@assistant-ui/store": "0.3.0",
|
|
33
|
+
"@assistant-ui/tap": "0.9.7"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"@types/react": "*",
|
|
@@ -58,9 +58,7 @@ const SpanPrimitiveChildrenInner: FC<{
|
|
|
58
58
|
if (childrenLength === 0) return null;
|
|
59
59
|
return Array.from({ length: childrenLength }, (_, index) => (
|
|
60
60
|
<SpanByIndexProvider key={index} index={index}>
|
|
61
|
-
<RenderChildrenWithAccessor
|
|
62
|
-
getItemState={(aui) => aui.span().getState()}
|
|
63
|
-
>
|
|
61
|
+
<RenderChildrenWithAccessor getItemState={(aui) => aui.span.getState()}>
|
|
64
62
|
{(getItem) =>
|
|
65
63
|
children({
|
|
66
64
|
get span() {
|