@multiplatform.one/components 7.81.1 → 7.82.0
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/cjs/charts/BarChart.cjs +1 -0
- package/dist/cjs/charts/BarChart.native.js +1 -0
- package/dist/cjs/charts/BarChart.native.js.map +1 -1
- package/dist/cjs/charts/ChartDataView.cjs +89 -9
- package/dist/cjs/charts/ChartDataView.native.js +94 -9
- package/dist/cjs/charts/ChartDataView.native.js.map +1 -1
- package/dist/cjs/charts/ChartSurface.cjs +26 -8
- package/dist/cjs/charts/ChartSurface.native.js +27 -9
- package/dist/cjs/charts/ChartSurface.native.js.map +1 -1
- package/dist/cjs/charts/chartHeight.cjs +1 -1
- package/dist/cjs/charts/chartHeight.native.js +1 -1
- package/dist/cjs/charts/chartHeight.native.js.map +1 -1
- package/dist/cjs/charts/composeChart.cjs +1 -1
- package/dist/cjs/charts/composeChart.native.js +1 -1
- package/dist/cjs/charts/composeChart.native.js.map +1 -1
- package/dist/cjs/code/CodeBlock/index.cjs +38 -31
- package/dist/cjs/code/CodeBlock/index.native.js +38 -31
- package/dist/cjs/code/CodeBlock/index.native.js.map +1 -1
- package/dist/cjs/code/LogView.cjs +142 -0
- package/dist/cjs/code/LogView.native.js +151 -0
- package/dist/cjs/code/LogView.native.js.map +1 -0
- package/dist/cjs/code/index.cjs +2 -1
- package/dist/cjs/code/index.native.js +1 -0
- package/dist/cjs/code/index.native.js.map +1 -1
- package/dist/cjs/layouts/EmptyState.cjs +9 -43
- package/dist/cjs/layouts/EmptyState.native.js +9 -45
- package/dist/cjs/layouts/EmptyState.native.js.map +1 -1
- package/dist/cjs/layouts/PageTemplates.cjs +61 -0
- package/dist/cjs/layouts/PageTemplates.native.js +62 -0
- package/dist/cjs/layouts/PageTemplates.native.js.map +1 -1
- package/dist/cjs/layouts/barTitleSpan.cjs +54 -0
- package/dist/cjs/layouts/barTitleSpan.native.js +78 -0
- package/dist/cjs/layouts/barTitleSpan.native.js.map +1 -0
- package/dist/cjs/layouts/page.cjs +130 -41
- package/dist/cjs/layouts/page.native.js +143 -45
- package/dist/cjs/layouts/page.native.js.map +1 -1
- package/dist/cjs/views/ImageGrid.cjs +9 -0
- package/dist/cjs/views/ImageGrid.native.js +12 -1
- package/dist/cjs/views/ImageGrid.native.js.map +1 -1
- package/dist/esm/charts/BarChart.mjs +1 -0
- package/dist/esm/charts/BarChart.mjs.map +1 -1
- package/dist/esm/charts/BarChart.native.js +1 -0
- package/dist/esm/charts/BarChart.native.js.map +1 -1
- package/dist/esm/charts/ChartDataView.mjs +83 -3
- package/dist/esm/charts/ChartDataView.mjs.map +1 -1
- package/dist/esm/charts/ChartDataView.native.js +88 -3
- package/dist/esm/charts/ChartDataView.native.js.map +1 -1
- package/dist/esm/charts/ChartSurface.mjs +26 -8
- package/dist/esm/charts/ChartSurface.mjs.map +1 -1
- package/dist/esm/charts/ChartSurface.native.js +27 -9
- package/dist/esm/charts/ChartSurface.native.js.map +1 -1
- package/dist/esm/charts/chartHeight.mjs +1 -1
- package/dist/esm/charts/chartHeight.mjs.map +1 -1
- package/dist/esm/charts/chartHeight.native.js +1 -1
- package/dist/esm/charts/chartHeight.native.js.map +1 -1
- package/dist/esm/charts/composeChart.mjs +1 -1
- package/dist/esm/charts/composeChart.mjs.map +1 -1
- package/dist/esm/charts/composeChart.native.js +1 -1
- package/dist/esm/charts/composeChart.native.js.map +1 -1
- package/dist/esm/code/CodeBlock/index.mjs +39 -32
- package/dist/esm/code/CodeBlock/index.mjs.map +1 -1
- package/dist/esm/code/CodeBlock/index.native.js +39 -32
- package/dist/esm/code/CodeBlock/index.native.js.map +1 -1
- package/dist/esm/code/LogView.mjs +117 -0
- package/dist/esm/code/LogView.mjs.map +1 -0
- package/dist/esm/code/LogView.native.js +123 -0
- package/dist/esm/code/LogView.native.js.map +1 -0
- package/dist/esm/code/index.mjs +1 -0
- package/dist/esm/code/index.mjs.map +1 -1
- package/dist/esm/code/index.native.js +1 -0
- package/dist/esm/code/index.native.js.map +1 -1
- package/dist/esm/layouts/EmptyState.mjs +9 -43
- package/dist/esm/layouts/EmptyState.mjs.map +1 -1
- package/dist/esm/layouts/EmptyState.native.js +9 -45
- package/dist/esm/layouts/EmptyState.native.js.map +1 -1
- package/dist/esm/layouts/PageTemplates.mjs +61 -1
- package/dist/esm/layouts/PageTemplates.mjs.map +1 -1
- package/dist/esm/layouts/PageTemplates.native.js +62 -1
- package/dist/esm/layouts/PageTemplates.native.js.map +1 -1
- package/dist/esm/layouts/barTitleSpan.mjs +27 -0
- package/dist/esm/layouts/barTitleSpan.mjs.map +1 -0
- package/dist/esm/layouts/barTitleSpan.native.js +48 -0
- package/dist/esm/layouts/barTitleSpan.native.js.map +1 -0
- package/dist/esm/layouts/page.mjs +132 -43
- package/dist/esm/layouts/page.mjs.map +1 -1
- package/dist/esm/layouts/page.native.js +145 -47
- package/dist/esm/layouts/page.native.js.map +1 -1
- package/dist/esm/views/ImageGrid.mjs +10 -1
- package/dist/esm/views/ImageGrid.mjs.map +1 -1
- package/dist/esm/views/ImageGrid.native.js +13 -2
- package/dist/esm/views/ImageGrid.native.js.map +1 -1
- package/dist/jsx/charts/BarChart.mjs +1 -0
- package/dist/jsx/charts/BarChart.mjs.map +1 -1
- package/dist/jsx/charts/BarChart.native.js +1 -0
- package/dist/jsx/charts/BarChart.native.js.map +1 -1
- package/dist/jsx/charts/ChartDataView.mjs +83 -3
- package/dist/jsx/charts/ChartDataView.mjs.map +1 -1
- package/dist/jsx/charts/ChartDataView.native.js +94 -9
- package/dist/jsx/charts/ChartDataView.native.js.map +1 -1
- package/dist/jsx/charts/ChartSurface.mjs +26 -8
- package/dist/jsx/charts/ChartSurface.mjs.map +1 -1
- package/dist/jsx/charts/ChartSurface.native.js +27 -9
- package/dist/jsx/charts/ChartSurface.native.js.map +1 -1
- package/dist/jsx/charts/chartHeight.mjs +1 -1
- package/dist/jsx/charts/chartHeight.mjs.map +1 -1
- package/dist/jsx/charts/chartHeight.native.js +1 -1
- package/dist/jsx/charts/chartHeight.native.js.map +1 -1
- package/dist/jsx/charts/composeChart.mjs +1 -1
- package/dist/jsx/charts/composeChart.mjs.map +1 -1
- package/dist/jsx/charts/composeChart.native.js +1 -1
- package/dist/jsx/charts/composeChart.native.js.map +1 -1
- package/dist/jsx/code/CodeBlock/index.mjs +39 -32
- package/dist/jsx/code/CodeBlock/index.mjs.map +1 -1
- package/dist/jsx/code/CodeBlock/index.native.js +38 -31
- package/dist/jsx/code/CodeBlock/index.native.js.map +1 -1
- package/dist/jsx/code/LogView.mjs +117 -0
- package/dist/jsx/code/LogView.mjs.map +1 -0
- package/dist/jsx/code/LogView.native.js +151 -0
- package/dist/jsx/code/LogView.native.js.map +1 -0
- package/dist/jsx/code/index.mjs +1 -0
- package/dist/jsx/code/index.mjs.map +1 -1
- package/dist/jsx/code/index.native.js +1 -0
- package/dist/jsx/code/index.native.js.map +1 -1
- package/dist/jsx/layouts/EmptyState.mjs +9 -43
- package/dist/jsx/layouts/EmptyState.mjs.map +1 -1
- package/dist/jsx/layouts/EmptyState.native.js +9 -45
- package/dist/jsx/layouts/EmptyState.native.js.map +1 -1
- package/dist/jsx/layouts/PageTemplates.mjs +61 -1
- package/dist/jsx/layouts/PageTemplates.mjs.map +1 -1
- package/dist/jsx/layouts/PageTemplates.native.js +62 -0
- package/dist/jsx/layouts/PageTemplates.native.js.map +1 -1
- package/dist/jsx/layouts/barTitleSpan.mjs +27 -0
- package/dist/jsx/layouts/barTitleSpan.mjs.map +1 -0
- package/dist/jsx/layouts/barTitleSpan.native.js +78 -0
- package/dist/jsx/layouts/barTitleSpan.native.js.map +1 -0
- package/dist/jsx/layouts/page.mjs +132 -43
- package/dist/jsx/layouts/page.mjs.map +1 -1
- package/dist/jsx/layouts/page.native.js +143 -45
- package/dist/jsx/layouts/page.native.js.map +1 -1
- package/dist/jsx/views/ImageGrid.mjs +10 -1
- package/dist/jsx/views/ImageGrid.mjs.map +1 -1
- package/dist/jsx/views/ImageGrid.native.js +12 -1
- package/dist/jsx/views/ImageGrid.native.js.map +1 -1
- package/package.json +9 -9
- package/src/charts/BarChart.tsx +8 -2
- package/src/charts/ChartDataView.spec.tsx +23 -2
- package/src/charts/ChartDataView.tsx +87 -6
- package/src/charts/ChartSurface.tsx +17 -8
- package/src/charts/chartHeight.ts +8 -2
- package/src/charts/composeChart.ts +3 -2
- package/src/code/CodeBlock/CodeBlock.copy.spec.tsx +13 -0
- package/src/code/CodeBlock/index.tsx +46 -30
- package/src/code/LogView.tsx +127 -0
- package/src/code/index.ts +1 -0
- package/src/layouts/DenseContent.stories.tsx +93 -0
- package/src/layouts/EmptyState.spec.tsx +2 -0
- package/src/layouts/EmptyState.tsx +6 -39
- package/src/layouts/PageHeader.stories.tsx +238 -38
- package/src/layouts/PageTemplates.tsx +90 -0
- package/src/layouts/barTitleSpan.spec.ts +35 -0
- package/src/layouts/barTitleSpan.ts +44 -0
- package/src/layouts/glyphCentre.spec.tsx +218 -0
- package/src/layouts/navBar.spec.tsx +58 -2
- package/src/layouts/page.tsx +126 -34
- package/src/views/ImageGrid.tsx +19 -2
- package/types/charts/BarChart.d.ts +1 -1
- package/types/charts/BarChart.d.ts.map +1 -1
- package/types/charts/ChartDataView.d.ts +3 -1
- package/types/charts/ChartDataView.d.ts.map +1 -1
- package/types/charts/ChartSurface.d.ts.map +1 -1
- package/types/charts/chartHeight.d.ts +2 -1
- package/types/charts/chartHeight.d.ts.map +1 -1
- package/types/charts/composeChart.d.ts +2 -1
- package/types/charts/composeChart.d.ts.map +1 -1
- package/types/code/CodeBlock/index.d.ts.map +1 -1
- package/types/code/LogView.d.ts +31 -0
- package/types/code/LogView.d.ts.map +1 -0
- package/types/code/index.d.ts +1 -0
- package/types/code/index.d.ts.map +1 -1
- package/types/layouts/EmptyState.d.ts.map +1 -1
- package/types/layouts/PageTemplates.d.ts +26 -0
- package/types/layouts/PageTemplates.d.ts.map +1 -1
- package/types/layouts/barTitleSpan.d.ts +29 -0
- package/types/layouts/barTitleSpan.d.ts.map +1 -0
- package/types/layouts/page.d.ts +6 -1
- package/types/layouts/page.d.ts.map +1 -1
- package/types/views/ImageGrid.d.ts.map +1 -1
|
@@ -36,7 +36,7 @@ function thinCategories(labels, plotWidth, fontSize) {
|
|
|
36
36
|
const capacity = Math.max(1, Math.floor(plotWidth / slot));
|
|
37
37
|
if (labels.length <= capacity) return labels;
|
|
38
38
|
const stride = Math.ceil(labels.length / capacity);
|
|
39
|
-
return labels.filter((_, index) => index % stride === 0);
|
|
39
|
+
return labels.filter((_, index) => (labels.length - 1 - index) % stride === 0);
|
|
40
40
|
}
|
|
41
41
|
export { computeCartesianPlot, resolveSeriesFills, thinCategories };
|
|
42
42
|
//# sourceMappingURL=composeChart.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AXIS_LABEL_GAP","AXIS_TICK_LENGTH","approximateTextWidth","computeCartesianPlot","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","maxYLabelWidth","max","map","label","left","x","y","width","height","resolveSeriesFills","data","palette","datum","index","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","thinCategories","labels","plotWidth","widest","slot","min","capacity","floor","stride","filter","_"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"AAMA,SAASA,cAAA,EAAgBC,gBAAA,QAAwB;AACjD,SAASC,oBAAA,QAA4B;AAgB9B,SAASC,qBAAqBC,IAAA,EAAiBC,KAAA,EAAqC;EACzF,MAAM;IAAEC,SAAA;IAAWC,SAAA;IAAWC,WAAA;IAAaC;EAAS,IAAIJ,KAAA;EACxD,MAAMK,GAAA,GAAMC,IAAA,CAAKC,IAAA,CAAKH,QAAA,GAAW,CAAC,IAAI;EACtC,MAAMI,KAAA,GAAQ;EACd,MAAMC,MAAA,GAASR,SAAA,GAAYL,gBAAA,GAAmBD,cAAA,GAAiBW,IAAA,CAAKC,IAAA,CAAKH,QAAA,GAAW,IAAI,IAAI;EAC5F,MAAMM,cAAA,GAAiBR,SAAA,GACnBI,IAAA,CAAKK,GAAA,CAAI,GAAG,GAAGR,WAAA,CAAYS,GAAA,CAAKC,KAAA,IAAUhB,oBAAA,CAAqBgB,KAAA,EAAOT,QAAQ,CAAC,CAAC,IAChF;EACJ,MAAMU,IAAA,GAAOZ,SAAA,GAAYI,IAAA,CAAKC,IAAA,CAAKG,cAAc,IAAId,gBAAA,GAAmBD,cAAA,GAAiB,IAAI;EAC7F,OAAO;IACLoB,CAAA,EAAGD,IAAA;IACHE,CAAA,EAAGX,GAAA;IACHY,KAAA,EAAOX,IAAA,CAAKK,GAAA,CAAI,GAAGZ,IAAA,CAAKkB,KAAA,GAAQH,IAAA,GAAON,KAAK;IAC5CU,MAAA,EAAQZ,IAAA,CAAKK,GAAA,CAAI,GAAGZ,IAAA,CAAKmB,MAAA,GAASb,GAAA,GAAMI,MAAM;EAChD;AACF;AAoBO,SAASU,mBACdC,IAAA,EACAC,OAAA,EACArB,KAAA,EACU;EACV,OAAOoB,IAAA,CAAKR,GAAA,CAAI,CAACU,KAAA,EAAOC,KAAA,KAAU;IAChC,IAAID,KAAA,CAAME,KAAA,EAAO,OAAOF,KAAA,CAAME,KAAA;IAC9B,IAAIxB,KAAA,EAAOyB,MAAA,IAAUzB,KAAA,CAAMyB,MAAA,CAAOC,MAAA,GAAS,GAAG,OAAO1B,KAAA,CAAMyB,MAAA,CAAOF,KAAA,GAAQvB,KAAA,CAAMyB,MAAA,CAAOC,MAAM;IAC7F,IAAI1B,KAAA,EAAO2B,WAAA,EAAa,OAAON,OAAA,CAAQM,WAAA,CAAYJ,KAAA,GAAQF,OAAA,CAAQM,WAAA,CAAYD,MAAM;IACrF,OAAO1B,KAAA,EAAOwB,KAAA,IAASH,OAAA,CAAQO,MAAA;EACjC,CAAC;AACH;AAGA,MAAMC,gBAAA,GAAmB;AACzB,MAAMC,gBAAA,GAAmB;
|
|
1
|
+
{"version":3,"names":["AXIS_LABEL_GAP","AXIS_TICK_LENGTH","approximateTextWidth","computeCartesianPlot","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","maxYLabelWidth","max","map","label","left","x","y","width","height","resolveSeriesFills","data","palette","datum","index","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","thinCategories","labels","plotWidth","widest","slot","min","capacity","floor","stride","filter","_"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -73,7 +73,7 @@ function thinCategories(labels, plotWidth, fontSize) {
|
|
|
73
73
|
if (labels.length <= capacity) return labels;
|
|
74
74
|
var stride = Math.ceil(labels.length / capacity);
|
|
75
75
|
return labels.filter(function (_, index) {
|
|
76
|
-
return index % stride === 0;
|
|
76
|
+
return (labels.length - 1 - index) % stride === 0;
|
|
77
77
|
});
|
|
78
78
|
}
|
|
79
79
|
//# sourceMappingURL=composeChart.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","composeChart_exports","computeCartesianPlot","resolveSeriesFills","thinCategories","module","exports","import_Axis","require","import_math","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","AXIS_TICK_LENGTH","AXIS_LABEL_GAP","maxYLabelWidth","max","map","label","approximateTextWidth"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"AAMA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAA4B;AAgB9B,IAAAC,gBAAS,GAAAF,MAAA,CAAqBG,wBAAsD;AACzF,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAwB;AAC3C,IAAAC,YAAY,GAAKN,MAAK,CAAAO,SAAW,CAACC,cAAI;AACtC,IAAAC,QAAM,GAAAA,CAAQC,MAAA,EAAAC,GAAA;EACd,SAAMC,IAAA,IAASD,GAAA,EACfZ,SAAM,CAAAW,MAAA,EAAAE,IAAiB;IAAAC,GAAA,EAAAF,GACnB,CAAAC,IAAK;IAAIE,UAAM;EAAA,CAAY;AAE/B;AACA,IAAAC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACLF,IAAG,WAAAA,IAAA,wBAAAA,IAAA;IACH,KAAG,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACH,KAAOX,YAAY,CAAAe,IAAK,CAAAL,EAAA,EAAAI,GAAQ,KAAAA,GAAO,KAAKF,MAAA,EAC5CnB,SAAa,CAAAiB,EAAA,EAAII,GAAG;MAAKP,GAAA,EAAAA,CAAA,KAASI,IAAM,CAAAG,GAAA;MAAMN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAChD;EACF,OAAAE,EAAA;AAoBO;AAKL,IAAAM,YAAY,GAAKC,GAAA,IAAOR,WAAU,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAChC,IAAAE,oBAAiB,IAAO;AACxBhB,QAAI,CAAAgB,oBAAiB,EAAM;EAC3BC,oBAAW,EAAAA,CAAA,KAAaA,oBAAe;EACvCC,kBAAc,EAAAA,CAAA,KAASA,kBAAQ;EACjCC,cAAC,EAAAA,CAAA,KAAAA;AACH;AAGAC,MAAM,CAAAC,OAAA,GAAAR,YAAmB,CAAAG,oBAAA;AACzB,IAAAM,WAAM,GAAAC,OAAmB;
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","composeChart_exports","computeCartesianPlot","resolveSeriesFills","thinCategories","module","exports","import_Axis","require","import_math","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","AXIS_TICK_LENGTH","AXIS_LABEL_GAP","maxYLabelWidth","max","map","label","approximateTextWidth"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"AAMA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAA4B;AAgB9B,IAAAC,gBAAS,GAAAF,MAAA,CAAqBG,wBAAsD;AACzF,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAwB;AAC3C,IAAAC,YAAY,GAAKN,MAAK,CAAAO,SAAW,CAACC,cAAI;AACtC,IAAAC,QAAM,GAAAA,CAAQC,MAAA,EAAAC,GAAA;EACd,SAAMC,IAAA,IAASD,GAAA,EACfZ,SAAM,CAAAW,MAAA,EAAAE,IAAiB;IAAAC,GAAA,EAAAF,GACnB,CAAAC,IAAK;IAAIE,UAAM;EAAA,CAAY;AAE/B;AACA,IAAAC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACLF,IAAG,WAAAA,IAAA,wBAAAA,IAAA;IACH,KAAG,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACH,KAAOX,YAAY,CAAAe,IAAK,CAAAL,EAAA,EAAAI,GAAQ,KAAAA,GAAO,KAAKF,MAAA,EAC5CnB,SAAa,CAAAiB,EAAA,EAAII,GAAG;MAAKP,GAAA,EAAAA,CAAA,KAASI,IAAM,CAAAG,GAAA;MAAMN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAChD;EACF,OAAAE,EAAA;AAoBO;AAKL,IAAAM,YAAY,GAAKC,GAAA,IAAOR,WAAU,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAChC,IAAAE,oBAAiB,IAAO;AACxBhB,QAAI,CAAAgB,oBAAiB,EAAM;EAC3BC,oBAAW,EAAAA,CAAA,KAAaA,oBAAe;EACvCC,kBAAc,EAAAA,CAAA,KAASA,kBAAQ;EACjCC,cAAC,EAAAA,CAAA,KAAAA;AACH;AAGAC,MAAM,CAAAC,OAAA,GAAAR,YAAmB,CAAAG,oBAAA;AACzB,IAAAM,WAAM,GAAAC,OAAmB;AAQlB,IAAAC,WAAS,GAAAD,OAAe,mBAAkB;AAC/C,SAAIN,oBAAsBA,CAAAQ,IAAA,EAAAC,KAAa,EAAG;EAC1C;IAAMC,SAAS;IAAAC,SAAS;IAAGC,WAAY;IAAAC;EAAU,IAAAJ,KAAA;EACjD,IAAAK,GAAM,GAAAC,IAAO,CAAAC,IAAK,CAAAH,QAAI,GAAQ;EAC9B,IAAAI,KAAM;EACN,IAAIC,MAAA,GAAOR,SAAU,GAAAL,WAAU,CAAAc,gBAAO,GAAAd,WAAA,CAAAe,cAAA,GAAAL,IAAA,CAAAC,IAAA,CAAAH,QAAA;EACtC,IAAAQ,cAAe,GAAKV,SAAK,GAAOI,IAAA,CAAAO,GAAS,OAAAV,WAAQ,CAAAW,GAAA,WAAAC,KAAA;IACjD,OAAO,IAAAjB,WAAe,CAAGkB,oBAAkB,EAAAD,KAAS,EAAAX,QAAI;EAC1D","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LinearGradient } from "@tamagui/linear-gradient";
|
|
2
|
-
import {
|
|
2
|
+
import { CopyIcon } from "@phosphor-icons/react";
|
|
3
3
|
import { MIN_PRESS_TARGET, useTouchSurface, pressTargetHitSlop, sizeRecipeForToken, useResolvedKnobs, transitionProps } from "@multiplatform.one/theme";
|
|
4
4
|
import { useEffect, useRef, useState } from "react";
|
|
5
5
|
import { useTranslation } from "../../shared/i18n.mjs";
|
|
@@ -14,6 +14,7 @@ import { Code } from "../Code/index.mjs";
|
|
|
14
14
|
import { HighlightedCode } from "../HighlightedCode/index.mjs";
|
|
15
15
|
import { useShikiTokens } from "../Highlighter/index.mjs";
|
|
16
16
|
import { Pre } from "../Pre/index.mjs";
|
|
17
|
+
import { componentColors } from "../../componentColors.mjs";
|
|
17
18
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
18
19
|
const VISIBLE_LINES = 22;
|
|
19
20
|
const lineHeightBySize = {
|
|
@@ -86,7 +87,6 @@ function CodeBlock({
|
|
|
86
87
|
}).height;
|
|
87
88
|
return /* @__PURE__ */jsxs(YStack, {
|
|
88
89
|
position: "relative",
|
|
89
|
-
marginBottom: "$4",
|
|
90
90
|
children: [/* @__PURE__ */jsx(ErrorBoundary, {
|
|
91
91
|
children: /* @__PURE__ */jsxs(YStack, {
|
|
92
92
|
ref: clampRef,
|
|
@@ -114,14 +114,17 @@ function CodeBlock({
|
|
|
114
114
|
}), /* @__PURE__ */jsx(Spacer, {
|
|
115
115
|
size: "$4"
|
|
116
116
|
})]
|
|
117
|
-
}), /* @__PURE__ */
|
|
117
|
+
}), /* @__PURE__ */jsxs(Pre, {
|
|
118
118
|
...knobProps.borderRadius,
|
|
119
119
|
padding: 0,
|
|
120
120
|
marginBottom: 0,
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
121
|
+
flexDirection: "row",
|
|
122
|
+
backgroundColor: componentColors.code.background,
|
|
123
|
+
borderWidth: 0,
|
|
124
|
+
"data-code-surface": "",
|
|
125
|
+
children: [/* @__PURE__ */jsx(ScrollView, {
|
|
126
|
+
flex: 1,
|
|
127
|
+
minWidth: 0,
|
|
125
128
|
contentContainerStyle: {
|
|
126
129
|
minWidth: "100%"
|
|
127
130
|
},
|
|
@@ -142,32 +145,36 @@ function CodeBlock({
|
|
|
142
145
|
children: codeText
|
|
143
146
|
})
|
|
144
147
|
})
|
|
145
|
-
})
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
148
|
+
}), showCopy && /* @__PURE__ */jsx(XStack, {
|
|
149
|
+
flexShrink: 0,
|
|
150
|
+
alignSelf: lines > 1 ? "flex-start" : "center",
|
|
151
|
+
zIndex: zIndex.localTop,
|
|
152
|
+
"data-code-copy": "",
|
|
153
|
+
children: /* @__PURE__ */jsx(Input.Button, {
|
|
154
|
+
glyphRing: true,
|
|
155
|
+
size: codeSize,
|
|
156
|
+
color: componentColors.text.primary,
|
|
157
|
+
type: "button",
|
|
158
|
+
"aria-label": "Copy to clipboard",
|
|
159
|
+
"data-press-min": MIN_PRESS_TARGET,
|
|
160
|
+
hitSlop: capSquare < MIN_PRESS_TARGET ? pressTargetHitSlop(capSquare) : void 0,
|
|
161
|
+
onPress: activateCopy,
|
|
162
|
+
onKeyDown: e => {
|
|
163
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
164
|
+
e.preventDefault();
|
|
165
|
+
e.stopPropagation();
|
|
166
|
+
activateCopy();
|
|
167
|
+
}
|
|
168
|
+
},
|
|
169
|
+
children: /* @__PURE__ */jsx(Input.Icon, {
|
|
170
|
+
"aria-hidden": true,
|
|
171
|
+
color: componentColors.text.primary,
|
|
172
|
+
children: /* @__PURE__ */jsx(CopyIcon, {
|
|
173
|
+
weight: "bold"
|
|
174
|
+
})
|
|
175
|
+
})
|
|
169
176
|
})
|
|
170
|
-
})
|
|
177
|
+
})]
|
|
171
178
|
})]
|
|
172
179
|
})
|
|
173
180
|
}), /* @__PURE__ */jsx(NotifyRegion, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["LinearGradient","
|
|
1
|
+
{"version":3,"names":["LinearGradient","CopyIcon","MIN_PRESS_TARGET","useTouchSurface","pressTargetHitSlop","sizeRecipeForToken","useResolvedKnobs","transitionProps","useEffect","useRef","useState","useTranslation","ScrollView","Button","Input","zIndex","Spacer","XStack","YStack","settleMs","ErrorBoundary","NotifyRegion","useCopyFeedback","Code","HighlightedCode","useShikiTokens","Pre","componentColors","jsx","jsxs","VISIBLE_LINES","lineHeightBySize","$2","$3","$4","$5","$6","clampHeightForSize","sizeToken","CodeBlock","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","region","copy","t","knobProps","touch","codeSize","codeText","trim","tokens","clampHeight","String","fadeHeight","Math","round","lines","length","split","isLong","isCutoff","setIsCutoff","expandTarget","setExpandTarget","clampRef","revealTimerRef","current","clearTimeout","transition","motion","reveal","revealAll","node","fullHeight","scrollHeight","setTimeout","clamped","showCopy","Boolean","activateCopy","capSquare","height","position","ref","maxHeight","overflow","borderRadius","bottom","left","right","colors","localTop","flex","onPress","alignSelf","padding","marginBottom","flexDirection","backgroundColor","code","background","borderWidth","minWidth","contentContainerStyle","horizontal","showsHorizontalScrollIndicator","panelPadding","fontSize","flexShrink","glyphRing","color","text","primary","type","hitSlop","onKeyDown","e","key","preventDefault","stopPropagation","Icon","weight","scope"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -44,6 +44,7 @@ var import_Code = require("../Code/index.native.js");
|
|
|
44
44
|
var import_HighlightedCode = require("../HighlightedCode/index.native.js");
|
|
45
45
|
var import_Highlighter = require("../Highlighter/index.native.js");
|
|
46
46
|
var import_Pre = require("../Pre/index.native.js");
|
|
47
|
+
var import_componentColors = require("../../componentColors.native.js");
|
|
47
48
|
var VISIBLE_LINES = 22;
|
|
48
49
|
var lineHeightBySize = {
|
|
49
50
|
$2: 16,
|
|
@@ -120,7 +121,6 @@ function CodeBlock(param) {
|
|
|
120
121
|
}).height;
|
|
121
122
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
122
123
|
position: "relative",
|
|
123
|
-
marginBottom: "$4",
|
|
124
124
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ErrorBoundary.ErrorBoundary, {
|
|
125
125
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
126
126
|
ref: clampRef,
|
|
@@ -148,14 +148,17 @@ function CodeBlock(param) {
|
|
|
148
148
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
|
|
149
149
|
size: "$4"
|
|
150
150
|
})]
|
|
151
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.
|
|
151
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Pre.Pre, {
|
|
152
152
|
...knobProps.borderRadius,
|
|
153
153
|
padding: 0,
|
|
154
154
|
marginBottom: 0,
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
155
|
+
flexDirection: "row",
|
|
156
|
+
backgroundColor: import_componentColors.componentColors.code.background,
|
|
157
|
+
borderWidth: 0,
|
|
158
|
+
"data-code-surface": "",
|
|
159
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
|
|
160
|
+
flex: 1,
|
|
161
|
+
minWidth: 0,
|
|
159
162
|
contentContainerStyle: {
|
|
160
163
|
minWidth: "100%"
|
|
161
164
|
},
|
|
@@ -176,32 +179,36 @@ function CodeBlock(param) {
|
|
|
176
179
|
children: codeText
|
|
177
180
|
})
|
|
178
181
|
})
|
|
179
|
-
})
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
182
|
+
}), showCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
183
|
+
flexShrink: 0,
|
|
184
|
+
alignSelf: lines > 1 ? "flex-start" : "center",
|
|
185
|
+
zIndex: import_forms.zIndex.localTop,
|
|
186
|
+
"data-code-copy": "",
|
|
187
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input.Button, {
|
|
188
|
+
glyphRing: true,
|
|
189
|
+
size: codeSize,
|
|
190
|
+
color: import_componentColors.componentColors.text.primary,
|
|
191
|
+
type: "button",
|
|
192
|
+
"aria-label": "Copy to clipboard",
|
|
193
|
+
"data-press-min": import_theme.MIN_PRESS_TARGET,
|
|
194
|
+
hitSlop: capSquare < import_theme.MIN_PRESS_TARGET ? (0, import_theme.pressTargetHitSlop)(capSquare) : void 0,
|
|
195
|
+
onPress: activateCopy,
|
|
196
|
+
onKeyDown: function onKeyDown(e) {
|
|
197
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
198
|
+
e.preventDefault();
|
|
199
|
+
e.stopPropagation();
|
|
200
|
+
activateCopy();
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input.Icon, {
|
|
204
|
+
"aria-hidden": true,
|
|
205
|
+
color: import_componentColors.componentColors.text.primary,
|
|
206
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CopyIcon, {
|
|
207
|
+
weight: "bold"
|
|
208
|
+
})
|
|
209
|
+
})
|
|
203
210
|
})
|
|
204
|
-
})
|
|
211
|
+
})]
|
|
205
212
|
})]
|
|
206
213
|
})
|
|
207
214
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_NotifyHost.NotifyRegion, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","CodeBlock_exports","CodeBlock","module","exports","import_jsx_runtime","require","import_linear_gradient","import_react","import_theme","import_react2","import_i18n","import_ScrollView","import_forms","import_tamagui","import_AnimateHeight","import_ErrorBoundary","import_NotifyHost","import_copy","import_Code","import_HighlightedCode","import_Highlighter","import_Pre","VISIBLE_LINES","lineHeightBySize","$2","$3","$4","$5","$6","clampHeightForSize","sizeToken","_lineHeightBySize_sizeToken","param","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","_ref","region","copy","useCopyFeedback","t","useTranslation","knobProps","useResolvedKnobs","touch","useTouchSurface","codeSize","codeText","trim","tokens","useShikiTokens","clampHeight","String","fadeHeight","Math","round","lines","length","split","isLong","isCutoff","setIsCutoff","useState","expandTarget","setExpandTarget","clampRef","useRef","revealTimerRef","useEffect","current","clearTimeout","transition","motion","reveal","revealAll","revealAll2","node","fullHeight","scrollHeight","setTimeout","settleMs","clamped","showCopy","Boolean","activateCopy","activateCopy2","capSquare","sizeRecipeForToken","height","jsxs","YStack","position","
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","CodeBlock_exports","CodeBlock","module","exports","import_jsx_runtime","require","import_linear_gradient","import_react","import_theme","import_react2","import_i18n","import_ScrollView","import_forms","import_tamagui","import_AnimateHeight","import_ErrorBoundary","import_NotifyHost","import_copy","import_Code","import_HighlightedCode","import_Highlighter","import_Pre","import_componentColors","VISIBLE_LINES","lineHeightBySize","$2","$3","$4","$5","$6","clampHeightForSize","sizeToken","_lineHeightBySize_sizeToken","param","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","_ref","region","copy","useCopyFeedback","t","useTranslation","knobProps","useResolvedKnobs","touch","useTouchSurface","codeSize","codeText","trim","tokens","useShikiTokens","clampHeight","String","fadeHeight","Math","round","lines","length","split","isLong","isCutoff","setIsCutoff","useState","expandTarget","setExpandTarget","clampRef","useRef","revealTimerRef","useEffect","current","clearTimeout","transition","motion","reveal","revealAll","revealAll2","node","fullHeight","scrollHeight","setTimeout","settleMs","clamped","showCopy","Boolean","activateCopy","activateCopy2","capSquare","sizeRecipeForToken","height","jsxs","YStack","position","jsx","ErrorBoundary","ref","transitionProps","maxHeight","overflow","borderRadius","LinearGradient","bottom","left","right","colors","zIndex","localTop","Spacer","flex","Button","onPress","alignSelf","Pre","padding","marginBottom","flexDirection","backgroundColor","componentColors","code","background","borderWidth","ScrollView","minWidth","contentContainerStyle","horizontal","showsHorizontalScrollIndicator","Code","panelPadding","HighlightedCode","fontSize","XStack","flexShrink","Input","glyphRing","color","text","primary","type","MIN_PRESS_TARGET","hitSlop","pressTargetHitSlop","onKeyDown","e","preventDefault","stopPropagation","Icon","CopyIcon"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { useLayoutSizeClass, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
2
|
+
import { useEffect, useRef } from "react";
|
|
3
|
+
import { ScrollView, Text, View, XStack, YStack, useTheme } from "tamagui";
|
|
4
|
+
import { WarningIcon, XCircleIcon } from "@phosphor-icons/react";
|
|
5
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
const levelInk = {
|
|
7
|
+
warn: "yellow11",
|
|
8
|
+
error: "red11"
|
|
9
|
+
};
|
|
10
|
+
const levelGlyph = {
|
|
11
|
+
warn: WarningIcon,
|
|
12
|
+
error: XCircleIcon
|
|
13
|
+
};
|
|
14
|
+
function clockTime(time) {
|
|
15
|
+
const iso = typeof time === "string" ? time : time.toISOString();
|
|
16
|
+
return iso.match(/T(\d{2}:\d{2}:\d{2})/)?.[1] ?? iso;
|
|
17
|
+
}
|
|
18
|
+
function LogView({
|
|
19
|
+
entries,
|
|
20
|
+
label,
|
|
21
|
+
follow = true,
|
|
22
|
+
...rest
|
|
23
|
+
}) {
|
|
24
|
+
const {
|
|
25
|
+
knobProps
|
|
26
|
+
} = useResolvedKnobs({
|
|
27
|
+
component: "Screen"
|
|
28
|
+
});
|
|
29
|
+
const compact = useLayoutSizeClass() === "compact";
|
|
30
|
+
const theme = useTheme();
|
|
31
|
+
const scroller = useRef(null);
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
if (follow) scroller.current?.scrollToEnd?.({
|
|
34
|
+
animated: false
|
|
35
|
+
});
|
|
36
|
+
}, [entries, follow]);
|
|
37
|
+
return /* @__PURE__ */jsx(YStack, {
|
|
38
|
+
flex: 1,
|
|
39
|
+
minHeight: 0,
|
|
40
|
+
"data-log-view": "",
|
|
41
|
+
role: "log",
|
|
42
|
+
"aria-label": label,
|
|
43
|
+
...rest,
|
|
44
|
+
children: /* @__PURE__ */jsx(ScrollView, {
|
|
45
|
+
ref: scroller,
|
|
46
|
+
flex: 1,
|
|
47
|
+
keyboardShouldPersistTaps: "handled",
|
|
48
|
+
children: /* @__PURE__ */jsx(YStack, {
|
|
49
|
+
...knobProps.panelPadding,
|
|
50
|
+
...(compact ? null : {
|
|
51
|
+
paddingHorizontal: 0
|
|
52
|
+
}),
|
|
53
|
+
gap: compact ? "$3" : "$1",
|
|
54
|
+
children: entries.map((entry, index) => {
|
|
55
|
+
const level = entry.level === "warn" || entry.level === "error" ? entry.level : null;
|
|
56
|
+
const ink = level ? `$${levelInk[level]}` : "$color12";
|
|
57
|
+
const Glyph = level ? levelGlyph[level] : null;
|
|
58
|
+
const meta = /* @__PURE__ */jsxs(Fragment, {
|
|
59
|
+
children: [/* @__PURE__ */jsx(Text, {
|
|
60
|
+
fontFamily: "$mono",
|
|
61
|
+
fontSize: "$3",
|
|
62
|
+
color: "$color10",
|
|
63
|
+
flexShrink: 0,
|
|
64
|
+
children: clockTime(entry.time)
|
|
65
|
+
}), entry.source ? /* @__PURE__ */jsx(Text, {
|
|
66
|
+
fontFamily: "$mono",
|
|
67
|
+
fontSize: "$3",
|
|
68
|
+
color: "$color10",
|
|
69
|
+
flexShrink: 0,
|
|
70
|
+
numberOfLines: 1,
|
|
71
|
+
children: entry.source
|
|
72
|
+
}) : null]
|
|
73
|
+
});
|
|
74
|
+
const message = /* @__PURE__ */jsxs(XStack, {
|
|
75
|
+
gap: "$1.5",
|
|
76
|
+
alignItems: "flex-start",
|
|
77
|
+
flex: compact ? void 0 : 1,
|
|
78
|
+
minWidth: 0,
|
|
79
|
+
children: [Glyph ? /* @__PURE__ */jsx(View, {
|
|
80
|
+
height: "$1",
|
|
81
|
+
justifyContent: "center",
|
|
82
|
+
flexShrink: 0,
|
|
83
|
+
"aria-hidden": true,
|
|
84
|
+
children: /* @__PURE__ */jsx(Glyph, {
|
|
85
|
+
size: 14,
|
|
86
|
+
weight: "bold",
|
|
87
|
+
color: level ? theme[levelInk[level]]?.get() : void 0
|
|
88
|
+
})
|
|
89
|
+
}) : null, /* @__PURE__ */jsx(Text, {
|
|
90
|
+
fontFamily: "$mono",
|
|
91
|
+
fontSize: "$3",
|
|
92
|
+
color: ink,
|
|
93
|
+
flex: 1,
|
|
94
|
+
minWidth: 0,
|
|
95
|
+
children: entry.message
|
|
96
|
+
})]
|
|
97
|
+
});
|
|
98
|
+
return compact ? /* @__PURE__ */jsxs(YStack, {
|
|
99
|
+
"data-log-entry": "",
|
|
100
|
+
children: [/* @__PURE__ */jsx(XStack, {
|
|
101
|
+
gap: "$2",
|
|
102
|
+
alignItems: "center",
|
|
103
|
+
children: meta
|
|
104
|
+
}), message]
|
|
105
|
+
}, entry.id ?? index) : /* @__PURE__ */jsxs(XStack, {
|
|
106
|
+
gap: "$3",
|
|
107
|
+
alignItems: "flex-start",
|
|
108
|
+
"data-log-entry": "",
|
|
109
|
+
children: [meta, message]
|
|
110
|
+
}, entry.id ?? index);
|
|
111
|
+
})
|
|
112
|
+
})
|
|
113
|
+
})
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
export { LogView };
|
|
117
|
+
//# sourceMappingURL=LogView.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useLayoutSizeClass","useResolvedKnobs","useEffect","useRef","ScrollView","Text","View","XStack","YStack","useTheme","WarningIcon","XCircleIcon","Fragment","jsx","jsxs","levelInk","warn","error","levelGlyph","clockTime","time","iso","toISOString","match","LogView","entries","label","follow","rest","knobProps","component","compact","theme","scroller","current","scrollToEnd","animated","flex","minHeight","role","children","ref","keyboardShouldPersistTaps","panelPadding","paddingHorizontal","gap","map","entry","index","level","ink","Glyph","meta","fontFamily","fontSize","color","flexShrink","source","numberOfLines","message","alignItems","minWidth","height","justifyContent","size","weight","get","id"],"sources":["../../../src/code/LogView.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,kBAAA,EAAoBC,gBAAA,QAAwB;AACrD,SAASC,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,UAAA,EAAYC,IAAA,EAAMC,IAAA,EAAMC,MAAA,EAAQC,MAAA,EAAQC,QAAA,QAAkC;AACnF,SAASC,WAAA,EAAaC,WAAA,QAAmB;AAiE3B,SAAAC,QAAA,EACEC,GAAA,EADFC,IAAA;AA1Cd,MAAMC,QAAA,GAAW;EAAEC,IAAA,EAAM;EAAYC,KAAA,EAAO;AAAQ;AACpD,MAAMC,UAAA,GAAa;EAAEF,IAAA,EAAMN,WAAA;EAAaO,KAAA,EAAON;AAAY;AAE3D,SAASQ,UAAUC,IAAA,EAA6B;EAC9C,MAAMC,GAAA,GAAM,OAAOD,IAAA,KAAS,WAAWA,IAAA,GAAOA,IAAA,CAAKE,WAAA,CAAY;EAC/D,OAAOD,GAAA,CAAIE,KAAA,CAAM,sBAAsB,IAAI,CAAC,KAAKF,GAAA;AACnD;AAYO,SAASG,QAAQ;EAAEC,OAAA;EAASC,KAAA;EAAOC,MAAA,GAAS;EAAM,GAAGC;AAAK,GAAiB;EAChF,MAAM;IAAEC;EAAU,IAAI5B,gBAAA,CAAiB;IAAE6B,SAAA,EAAW;EAAS,CAAC;EAC9D,MAAMC,OAAA,GAAU/B,kBAAA,CAAmB,MAAM;EACzC,MAAMgC,KAAA,GAAQvB,QAAA,CAAS;EACvB,MAAMwB,QAAA,GAAW9B,MAAA,CACf,IACF;EACAD,SAAA,CAAU,MAAM;IACd,IAAIyB,MAAA,EAAQM,QAAA,CAASC,OAAA,EAASC,WAAA,GAAc;MAAEC,QAAA,EAAU;IAAM,CAAC;EACjE,GAAG,CAACX,OAAA,EAASE,MAAM,CAAC;EAEpB,OACE,eAAAd,GAAA,CAACL,MAAA;IAAO6B,IAAA,EAAM;IAAGC,SAAA,EAAW;IAAG,iBAAc;IAAGC,IAAA,EAAK;IAAM,cAAYb,KAAA;IAAQ,GAAGE,IAAA;IAChFY,QAAA,iBAAA3B,GAAA,CAACT,UAAA;MAAWqC,GAAA,EAAKR,QAAA;MAAmBI,IAAA,EAAM;MAAGK,yBAAA,EAA0B;MACrEF,QAAA,iBAAA3B,GAAA,CAACL,MAAA;QACE,GAAGqB,SAAA,CAAUc,YAAA;QACb,IAAIZ,OAAA,GAAU,OAAO;UAAEa,iBAAA,EAAmB;QAAE;QAC7CC,GAAA,EAAKd,OAAA,GAAU,OAAO;QAErBS,QAAA,EAAAf,OAAA,CAAQqB,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,KAAU;UAC7B,MAAMC,KAAA,GAAQF,KAAA,CAAME,KAAA,KAAU,UAAUF,KAAA,CAAME,KAAA,KAAU,UAAUF,KAAA,CAAME,KAAA,GAAQ;UAChF,MAAMC,GAAA,GAAMD,KAAA,GAAS,IAAIlC,QAAA,CAASkC,KAAK,CAAC,KAAe;UACvD,MAAME,KAAA,GAAQF,KAAA,GAAQ/B,UAAA,CAAW+B,KAAK,IAAI;UAC1C,MAAMG,IAAA,GACJ,eAAAtC,IAAA,CAAAF,QAAA;YACE4B,QAAA,kBAAA3B,GAAA,CAACR,IAAA;cAAKgD,UAAA,EAAW;cAAQC,QAAA,EAAS;cAAKC,KAAA,EAAM;cAAWC,UAAA,EAAY;cACjEhB,QAAA,EAAArB,SAAA,CAAU4B,KAAA,CAAM3B,IAAI;YAAA,CACvB,GACC2B,KAAA,CAAMU,MAAA,GACL,eAAA5C,GAAA,CAACR,IAAA;cACCgD,UAAA,EAAW;cACXC,QAAA,EAAS;cACTC,KAAA,EAAM;cACNC,UAAA,EAAY;cACZE,aAAA,EAAe;cAEdlB,QAAA,EAAAO,KAAA,CAAMU;YAAA,CACT,IACE;UAAA,CACN;UAEF,MAAME,OAAA,GACJ,eAAA7C,IAAA,CAACP,MAAA;YACCsC,GAAA,EAAI;YACJe,UAAA,EAAW;YACXvB,IAAA,EAAMN,OAAA,GAAU,SAAY;YAC5B8B,QAAA,EAAU;YAETrB,QAAA,GAAAW,KAAA,GACC,eAAAtC,GAAA,CAACP,IAAA;cAAKwD,MAAA,EAAO;cAAKC,cAAA,EAAe;cAASP,UAAA,EAAY;cAAG,eAAW;cAClEhB,QAAA,iBAAA3B,GAAA,CAACsC,KAAA;gBACCa,IAAA,EAAM;gBACNC,MAAA,EAAO;gBACPV,KAAA,EACEN,KAAA,GAASjB,KAAA,CAAMjB,QAAA,CAASkC,KAAK,CAAC,GAAGiB,GAAA,CAAI,IAA2B;cAAA,CAEpE;YAAA,CACF,IACE,MACJ,eAAArD,GAAA,CAACR,IAAA;cAAKgD,UAAA,EAAW;cAAQC,QAAA,EAAS;cAAKC,KAAA,EAAOL,GAAA;cAAKb,IAAA,EAAM;cAAGwB,QAAA,EAAU;cACnErB,QAAA,EAAAO,KAAA,CAAMY;YAAA,CACT;UAAA,CACF;UAEF,OAAO5B,OAAA,GACL,eAAAjB,IAAA,CAACN,MAAA;YAA+B,kBAAe;YAC7CgC,QAAA,kBAAA3B,GAAA,CAACN,MAAA;cAAOsC,GAAA,EAAI;cAAKe,UAAA,EAAW;cACzBpB,QAAA,EAAAY;YAAA,CACH,GACCO,OAAA;UAAA,GAJUZ,KAAA,CAAMoB,EAAA,IAAMnB,KAKzB,IAEA,eAAAlC,IAAA,CAACP,MAAA;YAA+BsC,GAAA,EAAI;YAAKe,UAAA,EAAW;YAAa,kBAAe;YAC7EpB,QAAA,GAAAY,IAAA,EACAO,OAAA;UAAA,GAFUZ,KAAA,CAAMoB,EAAA,IAAMnB,KAGzB;QAEJ,CAAC;MAAA,CACH;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|