@perses-dev/timeseries-chart-plugin 0.13.0-beta.2 → 0.13.0-beta.3

package/lib/cjs/annotations/AnnotationTooltip.js

@@ -0,0 +1,370 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get AnnotationTooltip () {
+        return AnnotationTooltip;
+    },
+    get buildAnnotationSeries () {
+        return buildAnnotationSeries;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _Pin = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Pin"));
+const _PinOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/PinOutline"));
+const _useresizeobserver = /*#__PURE__*/ _interop_require_default(require("use-resize-observer"));
+const _components = require("@perses-dev/components");
+const _pluginsystem = require("@perses-dev/plugin-system");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function AnnotationTooltip({ annotation, containerId, formatWithUserTimeZone, pinnedPos, enablePinning = true, onUnpinClick }) {
+    const mousePos = (0, _components.useMousePosition)();
+    const { height, width, ref: tooltipRef } = (0, _useresizeobserver.default)();
+    const isPinned = pinnedPos !== null;
+    if (!isPinned && mousePos === null) return null;
+    const containerElement = containerId ? document.querySelector(containerId) : undefined;
+    const maxHeight = containerElement ? containerElement.getBoundingClientRect().height : undefined;
+    const transform = (0, _components.assembleTransform)(mousePos, pinnedPos, height ?? 0, width ?? 0, containerElement);
+    const start = (0, _components.getDateAndTime)(annotation.start, formatWithUserTimeZone);
+    const end = annotation.end !== undefined ? (0, _components.getDateAndTime)(annotation.end, formatWithUserTimeZone) : null;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Portal, {
+        container: containerElement,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+            ref: tooltipRef,
+            sx: (theme)=>(0, _components.getTooltipStyles)(theme, pinnedPos, maxHeight),
+            style: {
+                transform
+            },
+            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                spacing: 0.5,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                        sx: (theme)=>({
+                                width: '100%',
+                                maxWidth: _components.TOOLTIP_MAX_WIDTH,
+                                padding: theme.spacing(1.5, 2, 0.5, 2),
+                                backgroundColor: theme.palette.designSystem?.grey[800] ?? _components.TOOLTIP_BG_COLOR_FALLBACK,
+                                position: 'sticky',
+                                top: 0,
+                                left: 0
+                            }),
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                                sx: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    paddingBottom: 0.5,
+                                    width: '100%'
+                                },
+                                children: [
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                                        sx: {
+                                            width: 8,
+                                            height: 8,
+                                            borderRadius: '50%',
+                                            backgroundColor: annotation.color ?? _pluginsystem.DEFAULT_ANNOTATION_COLOR,
+                                            marginRight: 1,
+                                            flexShrink: 0
+                                        }
+                                    }),
+                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                                        sx: {
+                                            flexGrow: 1,
+                                            minWidth: 0
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+                                                variant: "caption",
+                                                children: [
+                                                    start.formattedDate,
+                                                    " - ",
+                                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
+                                                        children: start.formattedTime
+                                                    })
+                                                ]
+                                            }),
+                                            end && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                                                children: [
+                                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                                        variant: "caption",
+                                                        children: ' → '
+                                                    }),
+                                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+                                                        variant: "caption",
+                                                        children: [
+                                                            end.formattedDate,
+                                                            " - ",
+                                                            /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
+                                                                children: end.formattedTime
+                                                            })
+                                                        ]
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }),
+                                    enablePinning && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                                        direction: "row",
+                                        alignItems: "center",
+                                        sx: {
+                                            marginLeft: 1,
+                                            flexShrink: 0
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                                sx: {
+                                                    marginRight: 0.5,
+                                                    fontSize: 11,
+                                                    verticalAlign: 'middle'
+                                                },
+                                                children: isPinned ? _components.UNPIN_TOOLTIP_HELP_TEXT : _components.PIN_TOOLTIP_HELP_TEXT
+                                            }),
+                                            isPinned ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Pin.default, {
+                                                onClick: ()=>{
+                                                    if (onUnpinClick !== undefined) onUnpinClick();
+                                                },
+                                                sx: {
+                                                    fontSize: 16,
+                                                    cursor: 'pointer'
+                                                }
+                                            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_PinOutline.default, {
+                                                sx: {
+                                                    fontSize: 16
+                                                }
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Divider, {
+                                sx: (theme)=>({
+                                        width: '100%',
+                                        borderColor: theme.palette.grey['500']
+                                    })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                        sx: (theme)=>({
+                                padding: theme.spacing(0.5, 2, 1.5, 2)
+                            }),
+                        children: [
+                            annotation.title && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                variant: "caption",
+                                sx: {
+                                    display: 'block',
+                                    fontWeight: 'bold',
+                                    marginBottom: 0.5
+                                },
+                                children: annotation.title
+                            }),
+                            annotation.legend && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                variant: "caption",
+                                sx: {
+                                    display: 'block',
+                                    marginBottom: 0.5
+                                },
+                                children: annotation.legend
+                            }),
+                            annotation.tags && Object.keys(annotation.tags).length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                                sx: {
+                                    display: 'flex',
+                                    flexWrap: 'wrap',
+                                    gap: 0.5,
+                                    marginTop: 0.5
+                                },
+                                children: Object.entries(annotation.tags).map(([key, value])=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                                        sx: (theme)=>({
+                                                backgroundColor: theme.palette.grey['700'],
+                                                borderRadius: '4px',
+                                                padding: '2px 6px',
+                                                fontSize: '0.7rem',
+                                                fontFamily: 'monospace'
+                                            }),
+                                        children: [
+                                            key,
+                                            ": ",
+                                            value
+                                        ]
+                                    }, key))
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+}
+function buildAnnotationSeries(annotations) {
+    if (!annotations?.length) return [];
+    const markAreaData = [];
+    const markLineData = [];
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const markPointData = [];
+    annotations.forEach((annotation, index)=>{
+        const color = annotation.color ?? _pluginsystem.DEFAULT_ANNOTATION_COLOR;
+        const opacity = 0.3;
+        if (annotation.end !== undefined) {
+            // Range annotation - use markArea and markLine (silent) + markers at start/end
+            markLineData.push({
+                xAxis: annotation.start,
+                lineStyle: {
+                    color,
+                    width: 2,
+                    type: 'dashed'
+                },
+                label: {
+                    show: false
+                },
+                annotationIndex: index
+            });
+            markLineData.push({
+                xAxis: annotation.end,
+                lineStyle: {
+                    color,
+                    width: 2,
+                    type: 'dashed'
+                },
+                label: {
+                    show: false
+                },
+                annotationIndex: index
+            });
+            markAreaData.push([
+                {
+                    xAxis: annotation.start,
+                    itemStyle: {
+                        color,
+                        opacity
+                    }
+                },
+                {
+                    xAxis: annotation.end
+                }
+            ]);
+            // Add start and end markers
+            for (const isStart of [
+                true,
+                false
+            ]){
+                markPointData.push({
+                    coord: [
+                        isStart ? annotation.start : annotation.end,
+                        0
+                    ],
+                    symbol: 'triangle',
+                    symbolSize: [
+                        12,
+                        12
+                    ],
+                    symbolRotate: 0,
+                    symbolOffset: [
+                        0,
+                        4
+                    ],
+                    itemStyle: {
+                        color
+                    },
+                    annotationIndex: index,
+                    emphasis: {
+                        disabled: true
+                    },
+                    isStart: isStart,
+                    isEnd: !isStart
+                });
+            }
+        } else {
+            // Point annotation - use markLine (silent) + single marker
+            markLineData.push({
+                xAxis: annotation.start,
+                lineStyle: {
+                    color,
+                    width: 2,
+                    type: 'dashed'
+                },
+                label: {
+                    show: false
+                },
+                annotationIndex: index
+            });
+            // Add point marker
+            markPointData.push({
+                coord: [
+                    annotation.start,
+                    0
+                ],
+                symbol: 'triangle',
+                symbolSize: [
+                    12,
+                    10
+                ],
+                symbolRotate: 0,
+                symbolOffset: [
+                    0,
+                    '120%'
+                ],
+                itemStyle: {
+                    color
+                },
+                annotationIndex: index,
+                isPoint: true
+            });
+        }
+    });
+    const series = {
+        type: 'line',
+        data: [],
+        silent: false,
+        markArea: markAreaData.length > 0 ? {
+            silent: true,
+            data: markAreaData,
+            label: {
+                show: false
+            }
+        } : undefined,
+        markLine: markLineData.length > 0 ? {
+            silent: true,
+            symbol: [
+                'none',
+                'none'
+            ],
+            data: markLineData,
+            lineStyle: {
+                type: 'dashed'
+            }
+        } : undefined,
+        markPoint: markPointData.length > 0 ? {
+            silent: false,
+            data: markPointData,
+            label: {
+                show: false
+            }
+        } : undefined
+    };
+    return [
+        series
+    ];
+}

package/lib/cjs/utils/annotation.js

@@ -0,0 +1,37 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the \"License\");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an \"AS IS\" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "convertAnnotationToTimeSeriesAnnotation", {
+    enumerable: true,
+    get: function() {
+        return convertAnnotationToTimeSeriesAnnotation;
+    }
+});
+function convertAnnotationToTimeSeriesAnnotation(annotations) {
+    const result = [];
+    for (const annotation of annotations){
+        for (const item of annotation.data){
+            if (annotation.definition.display.hidden) {
+                continue;
+            }
+            result.push({
+                ...annotation.definition.display,
+                ...item
+            });
+        }
+    }
+    return result;
+}

package/lib/utils/annotation.d.ts

@@ -0,0 +1,5 @@
+import { AnnotationData, AnnotationDisplay } from '@perses-dev/spec';
+import { AnnotationSpecWithData } from '@perses-dev/dashboards';
+export type TimeSeriesAnnotation = AnnotationData & AnnotationDisplay;
+export declare function convertAnnotationToTimeSeriesAnnotation(annotations: AnnotationSpecWithData[]): TimeSeriesAnnotation[];
+//# sourceMappingURL=annotation.d.ts.map

package/lib/utils/annotation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation.d.ts","sourceRoot":"","sources":["../../../src/utils/annotation.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEtE,wBAAgB,uCAAuC,CAAC,WAAW,EAAE,sBAAsB,EAAE,GAAG,oBAAoB,EAAE,CAcrH"}

package/lib/utils/annotation.js

@@ -0,0 +1,29 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the \"License\");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an \"AS IS\" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export function convertAnnotationToTimeSeriesAnnotation(annotations) {
+    const result = [];
+    for (const annotation of annotations){
+        for (const item of annotation.data){
+            if (annotation.definition.display.hidden) {
+                continue;
+            }
+            result.push({
+                ...annotation.definition.display,
+                ...item
+            });
+        }
+    }
+    return result;
+}
+
+//# sourceMappingURL=annotation.js.map

package/lib/utils/annotation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/annotation.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { AnnotationData, AnnotationDisplay } from '@perses-dev/spec';\nimport { AnnotationSpecWithData } from '@perses-dev/dashboards';\n\nexport type TimeSeriesAnnotation = AnnotationData & AnnotationDisplay;\n\nexport function convertAnnotationToTimeSeriesAnnotation(annotations: AnnotationSpecWithData[]): TimeSeriesAnnotation[] {\n  const result: TimeSeriesAnnotation[] = [];\n  for (const annotation of annotations) {\n    for (const item of annotation.data) {\n      if (annotation.definition.display.hidden) {\n        continue;\n      }\n      result.push({\n        ...annotation.definition.display,\n        ...item,\n      });\n    }\n  }\n  return result;\n}\n"],"names":["convertAnnotationToTimeSeriesAnnotation","annotations","result","annotation","item","data","definition","display","hidden","push"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAOjC,OAAO,SAASA,wCAAwCC,WAAqC;IAC3F,MAAMC,SAAiC,EAAE;IACzC,KAAK,MAAMC,cAAcF,YAAa;QACpC,KAAK,MAAMG,QAAQD,WAAWE,IAAI,CAAE;YAClC,IAAIF,WAAWG,UAAU,CAACC,OAAO,CAACC,MAAM,EAAE;gBACxC;YACF;YACAN,OAAOO,IAAI,CAAC;gBACV,GAAGN,WAAWG,UAAU,CAACC,OAAO;gBAChC,GAAGH,IAAI;YACT;QACF;IACF;IACA,OAAOF;AACT"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "TimeSeriesChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.13.0-beta.2",
+      "buildVersion": "0.13.0-beta.3",
       "buildName": "@perses-dev/timeseries-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TimeSeriesChart.e9912623.js",
+      "name": "__mf/js/TimeSeriesChart.693fccf6.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "TimeSeriesChart",
-    "pluginVersion": "2.5.1",
+    "pluginVersion": "2.6.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TimeSeriesChart/\"; }"
   },
   "shared": [
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.d112354f.js"
+            "__mf/js/async/274.72dfa9c8.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.c24f24f7.js",
-            "__mf/js/async/616.52acb1b4.js"
+            "__mf/js/async/235.d23c8ef0.js",
+            "__mf/js/async/616.79484ac8.js"
           ]
         },
         "css": {
@@ -75,8 +75,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.c12780da.js",
-            "__mf/js/async/968.6de5fa7c.js"
+            "__mf/js/async/587.c9460696.js",
+            "__mf/js/async/968.2a9fb1a0.js"
           ]
         },
         "css": {
@@ -89,36 +89,56 @@
     {
       "id": "TimeSeriesChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-beta.11",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-beta.11",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/821.aa2ab3e8.js"
+            "__mf/js/async/247.b8cba23e.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/821.85c2cbf6.css"
+            "__mf/css/async/247.85c2cbf6.css"
           ]
         }
       },
       "fallback": ""
     },
+    {
+      "id": "TimeSeriesChart:@perses-dev/dashboards",
+      "name": "@perses-dev/dashboards",
+      "version": "0.54.0-beta.11",
+      "singleton": true,
+      "requiredVersion": "^0.54.0-beta.11",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/984.5778f693.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "fallback": ""
+    },
     {
       "id": "TimeSeriesChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-beta.11",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-beta.11",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/90.16425d5a.js"
+            "__mf/js/async/570.bafa9150.js"
           ]
         },
         "css": {
@@ -131,14 +151,14 @@
     {
       "id": "TimeSeriesChart:date-fns",
       "name": "date-fns",
-      "version": "4.1.0",
+      "version": "4.4.0",
       "singleton": true,
-      "requiredVersion": "^4.1.0",
+      "requiredVersion": "^4.4.0",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.beef3a1a.js"
+            "__mf/js/async/192.c3dd56d5.js"
           ]
         },
         "css": {
@@ -158,7 +178,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.9aad328a.js"
+            "__mf/js/async/873.04a201bf.js"
           ]
         },
         "css": {
@@ -178,7 +198,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.2350fb02.js"
+            "__mf/js/async/392.b9ba5bf2.js"
           ]
         },
         "css": {
@@ -198,7 +218,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.a4fd777e.js"
+            "__mf/js/async/470.e09f33b7.js"
           ]
         },
         "css": {
@@ -218,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.df4898d6.js"
+            "__mf/js/async/121.c3c0e54f.js"
           ]
         },
         "css": {
@@ -238,7 +258,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.5c14e175.js"
+            "__mf/js/async/978.a9865b23.js"
           ]
         },
         "css": {
@@ -257,26 +277,31 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/702.de247ad8.js",
-            "__mf/js/async/681.8d61b348.js",
-            "__mf/js/async/78.91de282a.js",
-            "__mf/js/async/724.3439df06.js",
-            "__mf/js/async/__federation_expose_TimeSeriesChart.58a7f341.js"
+            "__mf/js/async/955.176fe200.js",
+            "__mf/js/async/702.785cd635.js",
+            "__mf/js/async/527.f97d1b86.js",
+            "__mf/js/async/52.0850e52c.js",
+            "__mf/js/async/724.c45dcf5b.js",
+            "__mf/js/async/__federation_expose_TimeSeriesChart.5f574fcb.js"
           ],
           "async": [
-            "__mf/js/async/588.6662e16a.js",
-            "__mf/js/async/356.9f551c8a.js",
-            "__mf/js/async/71.84e486c9.js",
-            "__mf/js/async/291.5ce0f3cb.js",
-            "__mf/js/async/491.6f81cf51.js",
-            "__mf/js/async/lib-router.7a3f7bb4.js",
-            "__mf/js/async/177.56f1be10.js"
+            "__mf/js/async/lib-router.319c02cd.js",
+            "__mf/js/async/356.8170c96d.js",
+            "__mf/js/async/655.dbf8c618.js",
+            "__mf/js/async/137.59c998ab.js",
+            "__mf/js/async/603.3b771310.js",
+            "__mf/js/async/555.a66f6ab5.js",
+            "__mf/js/async/588.0a1aa144.js",
+            "__mf/js/async/71.8c6cf914.js",
+            "__mf/js/async/491.85194549.js",
+            "__mf/js/async/187.f5e8932b.js",
+            "__mf/js/async/177.2fef2962.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/821.85c2cbf6.css"
+            "__mf/css/async/247.85c2cbf6.css"
           ]
         }
       },