@tanstack/router-devtools 1.7.1 → 1.8.1

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.
Files changed (70) hide show
  1. package/dist/cjs/Explorer.cjs +246 -0
  2. package/dist/cjs/Explorer.cjs.map +1 -0
  3. package/dist/cjs/devtools.cjs +1150 -0
  4. package/dist/cjs/devtools.cjs.map +1 -0
  5. package/dist/cjs/index.cjs +6 -0
  6. package/dist/cjs/index.cjs.map +1 -0
  7. package/dist/cjs/styledComponents.cjs +93 -0
  8. package/dist/cjs/styledComponents.cjs.map +1 -0
  9. package/dist/cjs/theme.cjs +28 -0
  10. package/dist/cjs/theme.cjs.map +1 -0
  11. package/dist/cjs/useLocalStorage.cjs +45 -0
  12. package/dist/cjs/useLocalStorage.cjs.map +1 -0
  13. package/dist/cjs/useMediaQuery.cjs +27 -0
  14. package/dist/cjs/useMediaQuery.cjs.map +1 -0
  15. package/dist/cjs/utils.cjs +110 -0
  16. package/dist/cjs/utils.cjs.map +1 -0
  17. package/dist/esm/Explorer.d.ts +53 -0
  18. package/dist/esm/Explorer.js +229 -0
  19. package/dist/esm/Explorer.js.map +1 -0
  20. package/dist/esm/devtools.d.ts +65 -0
  21. package/dist/esm/devtools.js +1150 -0
  22. package/{build/cjs → dist/esm}/devtools.js.map +1 -1
  23. package/dist/esm/index.d.ts +1 -0
  24. package/dist/esm/index.js +6 -0
  25. package/{build/cjs → dist/esm}/index.js.map +1 -1
  26. package/dist/esm/styledComponents.d.ts +7 -0
  27. package/dist/esm/styledComponents.js +93 -0
  28. package/{build/cjs → dist/esm}/styledComponents.js.map +1 -1
  29. package/dist/esm/theme.d.ts +34 -0
  30. package/dist/esm/theme.js +28 -0
  31. package/dist/esm/theme.js.map +1 -0
  32. package/dist/esm/useLocalStorage.d.ts +1 -0
  33. package/dist/esm/useLocalStorage.js +46 -0
  34. package/dist/esm/useLocalStorage.js.map +1 -0
  35. package/dist/esm/useMediaQuery.d.ts +1 -0
  36. package/dist/esm/useMediaQuery.js +28 -0
  37. package/{build/cjs → dist/esm}/useMediaQuery.js.map +1 -1
  38. package/dist/esm/utils.d.ts +23 -0
  39. package/dist/esm/utils.js +110 -0
  40. package/{build/cjs → dist/esm}/utils.js.map +1 -1
  41. package/package.json +40 -21
  42. package/build/cjs/Explorer.js +0 -218
  43. package/build/cjs/Explorer.js.map +0 -1
  44. package/build/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -29
  45. package/build/cjs/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
  46. package/build/cjs/devtools.js +0 -828
  47. package/build/cjs/index.js +0 -19
  48. package/build/cjs/styledComponents.js +0 -76
  49. package/build/cjs/theme.js +0 -45
  50. package/build/cjs/theme.js.map +0 -1
  51. package/build/cjs/useLocalStorage.js +0 -54
  52. package/build/cjs/useLocalStorage.js.map +0 -1
  53. package/build/cjs/useMediaQuery.js +0 -54
  54. package/build/cjs/utils.js +0 -131
  55. package/build/esm/index.js +0 -1265
  56. package/build/esm/index.js.map +0 -1
  57. package/build/stats-html.html +0 -4838
  58. package/build/stats-react.json +0 -706
  59. package/build/umd/index.development.js +0 -1598
  60. package/build/umd/index.development.js.map +0 -1
  61. package/build/umd/index.production.js +0 -22
  62. package/build/umd/index.production.js.map +0 -1
  63. /package/{build/types/Explorer.d.ts → dist/cjs/Explorer.d.cts} +0 -0
  64. /package/{build/types/devtools.d.ts → dist/cjs/devtools.d.cts} +0 -0
  65. /package/{build/types/index.d.ts → dist/cjs/index.d.cts} +0 -0
  66. /package/{build/types/styledComponents.d.ts → dist/cjs/styledComponents.d.cts} +0 -0
  67. /package/{build/types/theme.d.ts → dist/cjs/theme.d.cts} +0 -0
  68. /package/{build/types/useLocalStorage.d.ts → dist/cjs/useLocalStorage.d.cts} +0 -0
  69. /package/{build/types/useMediaQuery.d.ts → dist/cjs/useMediaQuery.d.cts} +0 -0
  70. /package/{build/types/utils.d.ts → dist/cjs/utils.d.cts} +0 -0
@@ -0,0 +1,28 @@
1
+ import React__default from "react";
2
+ function useMediaQuery(query) {
3
+ const [isMatch, setIsMatch] = React__default.useState(() => {
4
+ if (typeof window !== "undefined") {
5
+ return window.matchMedia && window.matchMedia(query).matches;
6
+ }
7
+ return;
8
+ });
9
+ React__default.useEffect(() => {
10
+ if (typeof window !== "undefined") {
11
+ if (!window.matchMedia) {
12
+ return;
13
+ }
14
+ const matcher = window.matchMedia(query);
15
+ const onChange = ({ matches }) => setIsMatch(matches);
16
+ matcher.addListener(onChange);
17
+ return () => {
18
+ matcher.removeListener(onChange);
19
+ };
20
+ }
21
+ return;
22
+ }, [isMatch, query, setIsMatch]);
23
+ return isMatch;
24
+ }
25
+ export {
26
+ useMediaQuery as default
27
+ };
28
+ //# sourceMappingURL=useMediaQuery.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useMediaQuery.js","sources":["../../src/useMediaQuery.ts"],"sourcesContent":["import React from 'react'\n\nexport default function useMediaQuery(query: string): boolean | undefined {\n // Keep track of the preference in state, start with the current match\n const [isMatch, setIsMatch] = React.useState(() => {\n if (typeof window !== 'undefined') {\n return window.matchMedia && window.matchMedia(query).matches\n }\n return\n })\n\n // Watch for changes\n React.useEffect(() => {\n if (typeof window !== 'undefined') {\n if (!window.matchMedia) {\n return\n }\n\n // Create a matcher\n const matcher = window.matchMedia(query)\n\n // Create our handler\n const onChange = ({ matches }: { matches: boolean }) =>\n setIsMatch(matches)\n\n // Listen for changes\n matcher.addListener(onChange)\n\n return () => {\n // Stop listening for changes\n matcher.removeListener(onChange)\n }\n }\n\n return\n }, [isMatch, query, setIsMatch])\n\n return isMatch\n}\n"],"names":["useMediaQuery","query","isMatch","setIsMatch","React","useState","window","matchMedia","matches","useEffect","matcher","onChange","addListener","removeListener"],"mappings":";;;;;;;;;;;;;;;;AAEe,SAASA,aAAaA,CAACC,KAAa,EAAuB;AACxE;EACA,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAAC,MAAM;AACjD,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;MACjC,OAAOA,MAAM,CAACC,UAAU,IAAID,MAAM,CAACC,UAAU,CAACN,KAAK,CAAC,CAACO,OAAO,CAAA;AAC9D,KAAA;AACA,IAAA,OAAA;AACF,GAAC,CAAC,CAAA;;AAEF;EACAJ,KAAK,CAACK,SAAS,CAAC,MAAM;AACpB,IAAA,IAAI,OAAOH,MAAM,KAAK,WAAW,EAAE;AACjC,MAAA,IAAI,CAACA,MAAM,CAACC,UAAU,EAAE;AACtB,QAAA,OAAA;AACF,OAAA;;AAEA;AACA,MAAA,MAAMG,OAAO,GAAGJ,MAAM,CAACC,UAAU,CAACN,KAAK,CAAC,CAAA;;AAExC;MACA,MAAMU,QAAQ,GAAGA,CAAC;AAAEH,QAAAA,OAAAA;AAA8B,OAAC,KACjDL,UAAU,CAACK,OAAO,CAAC,CAAA;;AAErB;AACAE,MAAAA,OAAO,CAACE,WAAW,CAACD,QAAQ,CAAC,CAAA;AAE7B,MAAA,OAAO,MAAM;AACX;AACAD,QAAAA,OAAO,CAACG,cAAc,CAACF,QAAQ,CAAC,CAAA;OACjC,CAAA;AACH,KAAA;AAEA,IAAA,OAAA;GACD,EAAE,CAACT,OAAO,EAAED,KAAK,EAAEE,UAAU,CAAC,CAAC,CAAA;AAEhC,EAAA,OAAOD,OAAO,CAAA;AAChB;;;;"}
1
+ {"version":3,"file":"useMediaQuery.js","sources":["../../src/useMediaQuery.ts"],"sourcesContent":["import React from 'react'\n\nexport default function useMediaQuery(query: string): boolean | undefined {\n // Keep track of the preference in state, start with the current match\n const [isMatch, setIsMatch] = React.useState(() => {\n if (typeof window !== 'undefined') {\n return window.matchMedia && window.matchMedia(query).matches\n }\n return\n })\n\n // Watch for changes\n React.useEffect(() => {\n if (typeof window !== 'undefined') {\n if (!window.matchMedia) {\n return\n }\n\n // Create a matcher\n const matcher = window.matchMedia(query)\n\n // Create our handler\n const onChange = ({ matches }: { matches: boolean }) =>\n setIsMatch(matches)\n\n // Listen for changes\n matcher.addListener(onChange)\n\n return () => {\n // Stop listening for changes\n matcher.removeListener(onChange)\n }\n }\n\n return\n }, [isMatch, query, setIsMatch])\n\n return isMatch\n}\n"],"names":["React"],"mappings":";AAEA,SAAwB,cAAc,OAAoC;AAExE,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAAS,MAAM;AAC7C,QAAA,OAAO,WAAW,aAAa;AACjC,aAAO,OAAO,cAAc,OAAO,WAAW,KAAK,EAAE;AAAA,IACvD;AACA;AAAA,EAAA,CACD;AAGDA,iBAAM,UAAU,MAAM;AAChB,QAAA,OAAO,WAAW,aAAa;AAC7B,UAAA,CAAC,OAAO,YAAY;AACtB;AAAA,MACF;AAGM,YAAA,UAAU,OAAO,WAAW,KAAK;AAGvC,YAAM,WAAW,CAAC,EAAE,QAAQ,MAC1B,WAAW,OAAO;AAGpB,cAAQ,YAAY,QAAQ;AAE5B,aAAO,MAAM;AAEX,gBAAQ,eAAe,QAAQ;AAAA,MAAA;AAAA,IAEnC;AAEA;AAAA,EACC,GAAA,CAAC,SAAS,OAAO,UAAU,CAAC;AAExB,SAAA;AACT;"}
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ import { AnyRootRoute, AnyRoute, AnyRouteMatch } from '@tanstack/react-router';
3
+ import { Theme } from './theme';
4
+ export declare const isServer: boolean;
5
+ type StyledComponent<T> = T extends 'button' ? React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> : T extends 'input' ? React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> : T extends 'select' ? React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> : T extends keyof HTMLElementTagNameMap ? React.HTMLAttributes<HTMLElementTagNameMap[T]> : never;
6
+ export declare function getStatusColor(match: AnyRouteMatch, theme: Theme): "#444" | "#80cb00" | "#ff0085" | "#0099ff";
7
+ export declare function getRouteStatusColor(matches: AnyRouteMatch[], route: AnyRoute | AnyRootRoute, theme: Theme): "#444" | "#80cb00" | "#ff0085" | "#0099ff";
8
+ type Styles = React.CSSProperties | ((props: Record<string, any>, theme: Theme) => React.CSSProperties);
9
+ export declare function styled<T extends keyof HTMLElementTagNameMap>(type: T, newStyles: Styles, queries?: Record<string, Styles>): React.ForwardRefExoticComponent<React.PropsWithoutRef<StyledComponent<T>> & React.RefAttributes<HTMLElementTagNameMap[T]>>;
10
+ export declare function useIsMounted(): () => boolean;
11
+ /**
12
+ * Displays a string regardless the type of the data
13
+ * @param {unknown} value Value to be stringified
14
+ */
15
+ export declare const displayValue: (value: unknown) => string;
16
+ /**
17
+ * This hook is a safe useState version which schedules state updates in microtasks
18
+ * to prevent updating a component state while React is rendering different components
19
+ * or when the component is not mounted anymore.
20
+ */
21
+ export declare function useSafeState<T>(initialState: T): [T, (value: T) => void];
22
+ export declare function multiSortBy<T>(arr: T[], accessors?: ((item: T) => any)[]): T[];
23
+ export {};
@@ -0,0 +1,110 @@
1
+ import React__default from "react";
2
+ import { useTheme } from "./theme.js";
3
+ import useMediaQuery from "./useMediaQuery.js";
4
+ const isServer = typeof window === "undefined";
5
+ function getStatusColor(match, theme) {
6
+ return match.status === "pending" || match.isFetching ? theme.active : match.status === "error" ? theme.danger : match.status === "success" ? theme.success : theme.gray;
7
+ }
8
+ function getRouteStatusColor(matches, route, theme) {
9
+ const found = matches.find((d) => d.routeId === route.id);
10
+ if (!found)
11
+ return theme.gray;
12
+ return getStatusColor(found, theme);
13
+ }
14
+ function styled(type, newStyles, queries = {}) {
15
+ return React__default.forwardRef(
16
+ ({ style, ...rest }, ref) => {
17
+ const theme = useTheme();
18
+ const mediaStyles = Object.entries(queries).reduce(
19
+ (current, [key, value]) => {
20
+ return useMediaQuery(key) ? {
21
+ ...current,
22
+ ...typeof value === "function" ? value(rest, theme) : value
23
+ } : current;
24
+ },
25
+ {}
26
+ );
27
+ return React__default.createElement(type, {
28
+ ...rest,
29
+ style: {
30
+ ...typeof newStyles === "function" ? newStyles(rest, theme) : newStyles,
31
+ ...style,
32
+ ...mediaStyles
33
+ },
34
+ ref
35
+ });
36
+ }
37
+ );
38
+ }
39
+ function useIsMounted() {
40
+ const mountedRef = React__default.useRef(false);
41
+ const isMounted = React__default.useCallback(() => mountedRef.current, []);
42
+ React__default[isServer ? "useEffect" : "useLayoutEffect"](() => {
43
+ mountedRef.current = true;
44
+ return () => {
45
+ mountedRef.current = false;
46
+ };
47
+ }, []);
48
+ return isMounted;
49
+ }
50
+ const displayValue = (value) => {
51
+ const name = Object.getOwnPropertyNames(Object(value));
52
+ const newValue = typeof value === "bigint" ? `${value.toString()}n` : value;
53
+ try {
54
+ return JSON.stringify(newValue, name);
55
+ } catch (e) {
56
+ return `unable to stringify`;
57
+ }
58
+ };
59
+ function useSafeState(initialState) {
60
+ const isMounted = useIsMounted();
61
+ const [state, setState] = React__default.useState(initialState);
62
+ const safeSetState = React__default.useCallback(
63
+ (value) => {
64
+ scheduleMicrotask(() => {
65
+ if (isMounted()) {
66
+ setState(value);
67
+ }
68
+ });
69
+ },
70
+ [isMounted]
71
+ );
72
+ return [state, safeSetState];
73
+ }
74
+ function scheduleMicrotask(callback) {
75
+ Promise.resolve().then(callback).catch(
76
+ (error) => setTimeout(() => {
77
+ throw error;
78
+ })
79
+ );
80
+ }
81
+ function multiSortBy(arr, accessors = [(d) => d]) {
82
+ return arr.map((d, i) => [d, i]).sort(([a, ai], [b, bi]) => {
83
+ for (const accessor of accessors) {
84
+ const ao = accessor(a);
85
+ const bo = accessor(b);
86
+ if (typeof ao === "undefined") {
87
+ if (typeof bo === "undefined") {
88
+ continue;
89
+ }
90
+ return 1;
91
+ }
92
+ if (ao === bo) {
93
+ continue;
94
+ }
95
+ return ao > bo ? 1 : -1;
96
+ }
97
+ return ai - bi;
98
+ }).map(([d]) => d);
99
+ }
100
+ export {
101
+ displayValue,
102
+ getRouteStatusColor,
103
+ getStatusColor,
104
+ isServer,
105
+ multiSortBy,
106
+ styled,
107
+ useIsMounted,
108
+ useSafeState
109
+ };
110
+ //# sourceMappingURL=utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import React from 'react'\nimport { AnyRootRoute, AnyRoute, AnyRouteMatch } from '@tanstack/react-router'\n\nimport { Theme, useTheme } from './theme'\nimport useMediaQuery from './useMediaQuery'\n\nexport const isServer = typeof window === 'undefined'\n\ntype StyledComponent<T> = T extends 'button'\n ? React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n >\n : T extends 'input'\n ? React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n >\n : T extends 'select'\n ? React.DetailedHTMLProps<\n React.SelectHTMLAttributes<HTMLSelectElement>,\n HTMLSelectElement\n >\n : T extends keyof HTMLElementTagNameMap\n ? React.HTMLAttributes<HTMLElementTagNameMap[T]>\n : never\n\nexport function getStatusColor(match: AnyRouteMatch, theme: Theme) {\n return match.status === 'pending' || match.isFetching\n ? theme.active\n : match.status === 'error'\n ? theme.danger\n : match.status === 'success'\n ? theme.success\n : theme.gray\n}\n\nexport function getRouteStatusColor(\n matches: AnyRouteMatch[],\n route: AnyRoute | AnyRootRoute,\n theme: Theme,\n) {\n const found = matches.find((d) => d.routeId === route.id)\n if (!found) return theme.gray\n return getStatusColor(found, theme)\n}\n\ntype Styles =\n | React.CSSProperties\n | ((props: Record<string, any>, theme: Theme) => React.CSSProperties)\n\nexport function styled<T extends keyof HTMLElementTagNameMap>(\n type: T,\n newStyles: Styles,\n queries: Record<string, Styles> = {},\n) {\n return React.forwardRef<HTMLElementTagNameMap[T], StyledComponent<T>>(\n ({ style, ...rest }, ref) => {\n const theme = useTheme()\n\n const mediaStyles = Object.entries(queries).reduce(\n (current, [key, value]) => {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return useMediaQuery(key)\n ? {\n ...current,\n ...(typeof value === 'function' ? value(rest, theme) : value),\n }\n : current\n },\n {},\n )\n\n return React.createElement(type, {\n ...rest,\n style: {\n ...(typeof newStyles === 'function'\n ? newStyles(rest, theme)\n : newStyles),\n ...style,\n ...mediaStyles,\n },\n ref,\n })\n },\n )\n}\n\nexport function useIsMounted() {\n const mountedRef = React.useRef(false)\n const isMounted = React.useCallback(() => mountedRef.current, [])\n\n React[isServer ? 'useEffect' : 'useLayoutEffect'](() => {\n mountedRef.current = true\n return () => {\n mountedRef.current = false\n }\n }, [])\n\n return isMounted\n}\n\n/**\n * Displays a string regardless the type of the data\n * @param {unknown} value Value to be stringified\n */\nexport const displayValue = (value: unknown) => {\n const name = Object.getOwnPropertyNames(Object(value))\n const newValue = typeof value === 'bigint' ? `${value.toString()}n` : value\n try {\n return JSON.stringify(newValue, name)\n } catch (e) {\n return `unable to stringify`\n }\n}\n\n/**\n * This hook is a safe useState version which schedules state updates in microtasks\n * to prevent updating a component state while React is rendering different components\n * or when the component is not mounted anymore.\n */\nexport function useSafeState<T>(initialState: T): [T, (value: T) => void] {\n const isMounted = useIsMounted()\n const [state, setState] = React.useState(initialState)\n\n const safeSetState = React.useCallback(\n (value: T) => {\n scheduleMicrotask(() => {\n if (isMounted()) {\n setState(value)\n }\n })\n },\n [isMounted],\n )\n\n return [state, safeSetState]\n}\n\n/**\n * Schedules a microtask.\n * This can be useful to schedule state updates after rendering.\n */\nfunction scheduleMicrotask(callback: () => void) {\n Promise.resolve()\n .then(callback)\n .catch((error) =>\n setTimeout(() => {\n throw error\n }),\n )\n}\n\nexport function multiSortBy<T>(\n arr: T[],\n accessors: ((item: T) => any)[] = [(d) => d],\n): T[] {\n return arr\n .map((d, i) => [d, i] as const)\n .sort(([a, ai], [b, bi]) => {\n for (const accessor of accessors) {\n const ao = accessor(a)\n const bo = accessor(b)\n\n if (typeof ao === 'undefined') {\n if (typeof bo === 'undefined') {\n continue\n }\n return 1\n }\n\n if (ao === bo) {\n continue\n }\n\n return ao > bo ? 1 : -1\n }\n\n return ai - bi\n })\n .map(([d]) => d)\n}\n"],"names":["isServer","window","getStatusColor","match","theme","status","isFetching","active","danger","success","gray","getRouteStatusColor","matches","route","found","find","d","routeId","id","styled","type","newStyles","queries","React","forwardRef","style","rest","ref","useTheme","mediaStyles","Object","entries","reduce","current","key","value","useMediaQuery","createElement","useIsMounted","mountedRef","useRef","isMounted","useCallback","displayValue","name","getOwnPropertyNames","newValue","toString","JSON","stringify","e","useSafeState","initialState","state","setState","useState","safeSetState","scheduleMicrotask","callback","Promise","resolve","then","catch","error","setTimeout","multiSortBy","arr","accessors","map","i","sort","a","ai","b","bi","accessor","ao","bo"],"mappings":"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"}
1
+ {"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import React from 'react'\nimport { AnyRootRoute, AnyRoute, AnyRouteMatch } from '@tanstack/react-router'\n\nimport { Theme, useTheme } from './theme'\nimport useMediaQuery from './useMediaQuery'\n\nexport const isServer = typeof window === 'undefined'\n\ntype StyledComponent<T> = T extends 'button'\n ? React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n >\n : T extends 'input'\n ? React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n >\n : T extends 'select'\n ? React.DetailedHTMLProps<\n React.SelectHTMLAttributes<HTMLSelectElement>,\n HTMLSelectElement\n >\n : T extends keyof HTMLElementTagNameMap\n ? React.HTMLAttributes<HTMLElementTagNameMap[T]>\n : never\n\nexport function getStatusColor(match: AnyRouteMatch, theme: Theme) {\n return match.status === 'pending' || match.isFetching\n ? theme.active\n : match.status === 'error'\n ? theme.danger\n : match.status === 'success'\n ? theme.success\n : theme.gray\n}\n\nexport function getRouteStatusColor(\n matches: AnyRouteMatch[],\n route: AnyRoute | AnyRootRoute,\n theme: Theme,\n) {\n const found = matches.find((d) => d.routeId === route.id)\n if (!found) return theme.gray\n return getStatusColor(found, theme)\n}\n\ntype Styles =\n | React.CSSProperties\n | ((props: Record<string, any>, theme: Theme) => React.CSSProperties)\n\nexport function styled<T extends keyof HTMLElementTagNameMap>(\n type: T,\n newStyles: Styles,\n queries: Record<string, Styles> = {},\n) {\n return React.forwardRef<HTMLElementTagNameMap[T], StyledComponent<T>>(\n ({ style, ...rest }, ref) => {\n const theme = useTheme()\n\n const mediaStyles = Object.entries(queries).reduce(\n (current, [key, value]) => {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return useMediaQuery(key)\n ? {\n ...current,\n ...(typeof value === 'function' ? value(rest, theme) : value),\n }\n : current\n },\n {},\n )\n\n return React.createElement(type, {\n ...rest,\n style: {\n ...(typeof newStyles === 'function'\n ? newStyles(rest, theme)\n : newStyles),\n ...style,\n ...mediaStyles,\n },\n ref,\n })\n },\n )\n}\n\nexport function useIsMounted() {\n const mountedRef = React.useRef(false)\n const isMounted = React.useCallback(() => mountedRef.current, [])\n\n React[isServer ? 'useEffect' : 'useLayoutEffect'](() => {\n mountedRef.current = true\n return () => {\n mountedRef.current = false\n }\n }, [])\n\n return isMounted\n}\n\n/**\n * Displays a string regardless the type of the data\n * @param {unknown} value Value to be stringified\n */\nexport const displayValue = (value: unknown) => {\n const name = Object.getOwnPropertyNames(Object(value))\n const newValue = typeof value === 'bigint' ? `${value.toString()}n` : value\n try {\n return JSON.stringify(newValue, name)\n } catch (e) {\n return `unable to stringify`\n }\n}\n\n/**\n * This hook is a safe useState version which schedules state updates in microtasks\n * to prevent updating a component state while React is rendering different components\n * or when the component is not mounted anymore.\n */\nexport function useSafeState<T>(initialState: T): [T, (value: T) => void] {\n const isMounted = useIsMounted()\n const [state, setState] = React.useState(initialState)\n\n const safeSetState = React.useCallback(\n (value: T) => {\n scheduleMicrotask(() => {\n if (isMounted()) {\n setState(value)\n }\n })\n },\n [isMounted],\n )\n\n return [state, safeSetState]\n}\n\n/**\n * Schedules a microtask.\n * This can be useful to schedule state updates after rendering.\n */\nfunction scheduleMicrotask(callback: () => void) {\n Promise.resolve()\n .then(callback)\n .catch((error) =>\n setTimeout(() => {\n throw error\n }),\n )\n}\n\nexport function multiSortBy<T>(\n arr: T[],\n accessors: ((item: T) => any)[] = [(d) => d],\n): T[] {\n return arr\n .map((d, i) => [d, i] as const)\n .sort(([a, ai], [b, bi]) => {\n for (const accessor of accessors) {\n const ao = accessor(a)\n const bo = accessor(b)\n\n if (typeof ao === 'undefined') {\n if (typeof bo === 'undefined') {\n continue\n }\n return 1\n }\n\n if (ao === bo) {\n continue\n }\n\n return ao > bo ? 1 : -1\n }\n\n return ai - bi\n })\n .map(([d]) => d)\n}\n"],"names":["React"],"mappings":"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"}
package/package.json CHANGED
@@ -1,14 +1,37 @@
1
1
  {
2
2
  "name": "@tanstack/router-devtools",
3
+ "version": "1.8.1",
4
+ "description": "",
3
5
  "author": "Tanner Linsley",
4
- "version": "1.7.1",
5
6
  "license": "MIT",
6
- "repository": "tanstack/router",
7
+ "repository": {
8
+ "type": "git",
9
+ "url": "https://github.com/TanStack/router.git",
10
+ "directory": "packages/router-devtools"
11
+ },
7
12
  "homepage": "https://tanstack.com/router/",
8
- "description": "",
9
- "publishConfig": {
10
- "registry": "https://registry.npmjs.org/"
13
+ "funding": {
14
+ "type": "github",
15
+ "url": "https://github.com/sponsors/tannerlinsley"
16
+ },
17
+ "type": "module",
18
+ "types": "dist/esm/index.d.ts",
19
+ "main": "dist/cjs/index.cjs",
20
+ "module": "dist/esm/index.js",
21
+ "exports": {
22
+ ".": {
23
+ "import": {
24
+ "types": "./dist/esm/index.d.ts",
25
+ "default": "./dist/esm/index.js"
26
+ },
27
+ "require": {
28
+ "types": "./dist/cjs/index.d.cts",
29
+ "default": "./dist/cjs/index.cjs"
30
+ }
31
+ },
32
+ "./package.json": "./package.json"
11
33
  },
34
+ "sideEffects": false,
12
35
  "keywords": [
13
36
  "react",
14
37
  "location",
@@ -18,32 +41,28 @@
18
41
  "async router",
19
42
  "typescript"
20
43
  ],
21
- "funding": {
22
- "type": "github",
23
- "url": "https://github.com/sponsors/tannerlinsley"
24
- },
25
- "module": "build/esm/index.js",
26
- "main": "build/cjs/index.js",
27
- "browser": "build/umd/index.production.js",
28
- "types": "build/types/index.d.ts",
29
44
  "engines": {
30
45
  "node": ">=12"
31
46
  },
32
47
  "files": [
33
- "build/**",
48
+ "dist",
34
49
  "src"
35
50
  ],
36
- "sideEffects": false,
51
+ "dependencies": {
52
+ "date-fns": "^2.29.1",
53
+ "@tanstack/react-router": "1.8.1"
54
+ },
55
+ "devDependencies": {
56
+ "@vitejs/plugin-react": "^4.2.1"
57
+ },
37
58
  "peerDependencies": {
38
59
  "react": ">=16",
39
60
  "react-dom": ">=16"
40
61
  },
41
- "dependencies": {
42
- "@babel/runtime": "^7.16.7",
43
- "date-fns": "^2.29.1",
44
- "@tanstack/react-router": "1.7.1"
45
- },
46
62
  "scripts": {
47
- "build": "rollup --config rollup.config.js"
63
+ "clean": "rimraf ./dist && rimraf ./coverage",
64
+ "test:types": "tsc",
65
+ "test:build": "publint --strict",
66
+ "build": "vite build"
48
67
  }
49
68
  }
@@ -1,218 +0,0 @@
1
- /**
2
- * @tanstack/router-devtools/src/index.tsx
3
- *
4
- * Copyright (c) TanStack
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE.md file in the root directory of this source tree.
8
- *
9
- * @license MIT
10
- */
11
- 'use strict';
12
-
13
- Object.defineProperty(exports, '__esModule', { value: true });
14
-
15
- var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
16
- var React = require('react');
17
- var utils = require('./utils.js');
18
-
19
- function _interopNamespaceDefault(e) {
20
- var n = Object.create(null);
21
- if (e) {
22
- Object.keys(e).forEach(function (k) {
23
- if (k !== 'default') {
24
- var d = Object.getOwnPropertyDescriptor(e, k);
25
- Object.defineProperty(n, k, d.get ? d : {
26
- enumerable: true,
27
- get: function () { return e[k]; }
28
- });
29
- }
30
- });
31
- }
32
- n.default = e;
33
- return Object.freeze(n);
34
- }
35
-
36
- var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
37
-
38
- const Entry = utils.styled('div', {
39
- fontFamily: 'Menlo, monospace',
40
- fontSize: '.7rem',
41
- lineHeight: '1.7',
42
- outline: 'none',
43
- wordBreak: 'break-word'
44
- });
45
- const Label = utils.styled('span', {
46
- color: 'white'
47
- });
48
- const LabelButton = utils.styled('button', {
49
- cursor: 'pointer',
50
- color: 'white'
51
- });
52
- const ExpandButton = utils.styled('button', {
53
- cursor: 'pointer',
54
- color: 'inherit',
55
- font: 'inherit',
56
- outline: 'inherit',
57
- background: 'transparent',
58
- border: 'none',
59
- padding: 0
60
- });
61
- const Value = utils.styled('span', (_props, theme) => ({
62
- color: theme.danger
63
- }));
64
- const SubEntries = utils.styled('div', {
65
- marginLeft: '.1em',
66
- paddingLeft: '1em',
67
- borderLeft: '2px solid rgba(0,0,0,.15)'
68
- });
69
- const Info = utils.styled('span', {
70
- color: 'grey',
71
- fontSize: '.7em'
72
- });
73
- const Expander = ({
74
- expanded,
75
- style = {}
76
- }) => /*#__PURE__*/React__namespace.createElement("span", {
77
- style: {
78
- display: 'inline-block',
79
- transition: 'all .1s ease',
80
- transform: `rotate(${expanded ? 90 : 0}deg) ${style.transform || ''}`,
81
- ...style
82
- }
83
- }, "\u25B6");
84
- /**
85
- * Chunk elements in the array by size
86
- *
87
- * when the array cannot be chunked evenly by size, the last chunk will be
88
- * filled with the remaining elements
89
- *
90
- * @example
91
- * chunkArray(['a','b', 'c', 'd', 'e'], 2) // returns [['a','b'], ['c', 'd'], ['e']]
92
- */
93
- function chunkArray(array, size) {
94
- if (size < 1) return [];
95
- let i = 0;
96
- const result = [];
97
- while (i < array.length) {
98
- result.push(array.slice(i, i + size));
99
- i = i + size;
100
- }
101
- return result;
102
- }
103
- const DefaultRenderer = ({
104
- handleEntry,
105
- label,
106
- value,
107
- subEntries = [],
108
- subEntryPages = [],
109
- type,
110
- expanded = false,
111
- toggleExpanded,
112
- pageSize,
113
- renderer
114
- }) => {
115
- const [expandedPages, setExpandedPages] = React__namespace.useState([]);
116
- const [valueSnapshot, setValueSnapshot] = React__namespace.useState(undefined);
117
- const refreshValueSnapshot = () => {
118
- setValueSnapshot(value());
119
- };
120
- return /*#__PURE__*/React__namespace.createElement(Entry, null, subEntryPages.length ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(ExpandButton, {
121
- onClick: () => toggleExpanded()
122
- }, /*#__PURE__*/React__namespace.createElement(Expander, {
123
- expanded: expanded
124
- }), " ", label, ' ', /*#__PURE__*/React__namespace.createElement(Info, null, String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : '', subEntries.length, " ", subEntries.length > 1 ? `items` : `item`)), expanded ? subEntryPages.length === 1 ? /*#__PURE__*/React__namespace.createElement(SubEntries, null, subEntries.map((entry, index) => handleEntry(entry))) : /*#__PURE__*/React__namespace.createElement(SubEntries, null, subEntryPages.map((entries, index) => /*#__PURE__*/React__namespace.createElement("div", {
125
- key: index
126
- }, /*#__PURE__*/React__namespace.createElement(Entry, null, /*#__PURE__*/React__namespace.createElement(LabelButton, {
127
- onClick: () => setExpandedPages(old => old.includes(index) ? old.filter(d => d !== index) : [...old, index])
128
- }, /*#__PURE__*/React__namespace.createElement(Expander, {
129
- expanded: expanded
130
- }), " [", index * pageSize, " ...", ' ', index * pageSize + pageSize - 1, "]"), expandedPages.includes(index) ? /*#__PURE__*/React__namespace.createElement(SubEntries, null, entries.map(entry => handleEntry(entry))) : null)))) : null) : type === 'function' ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Explorer, {
131
- renderer: renderer,
132
- label: /*#__PURE__*/React__namespace.createElement("button", {
133
- onClick: refreshValueSnapshot,
134
- style: {
135
- appearance: 'none',
136
- border: '0',
137
- background: 'transparent'
138
- }
139
- }, /*#__PURE__*/React__namespace.createElement(Label, null, label), " \uD83D\uDD04", ' '),
140
- value: valueSnapshot,
141
- defaultExpanded: {}
142
- })) : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Label, null, label, ":"), " ", /*#__PURE__*/React__namespace.createElement(Value, null, utils.displayValue(value))));
143
- };
144
- function isIterable(x) {
145
- return Symbol.iterator in x;
146
- }
147
- function Explorer({
148
- value,
149
- defaultExpanded,
150
- renderer = DefaultRenderer,
151
- pageSize = 100,
152
- filterSubEntries,
153
- ...rest
154
- }) {
155
- const [expanded, setExpanded] = React__namespace.useState(Boolean(defaultExpanded));
156
- const toggleExpanded = React__namespace.useCallback(() => setExpanded(old => !old), []);
157
- let type = typeof value;
158
- let subEntries = [];
159
- const makeProperty = sub => {
160
- const subDefaultExpanded = defaultExpanded === true ? {
161
- [sub.label]: true
162
- } : defaultExpanded?.[sub.label];
163
- return {
164
- ...sub,
165
- defaultExpanded: subDefaultExpanded
166
- };
167
- };
168
- if (Array.isArray(value)) {
169
- type = 'array';
170
- subEntries = value.map((d, i) => makeProperty({
171
- label: i.toString(),
172
- value: d
173
- }));
174
- } else if (value !== null && typeof value === 'object' && isIterable(value) && typeof value[Symbol.iterator] === 'function') {
175
- type = 'Iterable';
176
- subEntries = Array.from(value, (val, i) => makeProperty({
177
- label: i.toString(),
178
- value: val
179
- }));
180
- } else if (typeof value === 'object' && value !== null) {
181
- type = 'object';
182
- subEntries = Object.entries(value).map(([key, val]) => makeProperty({
183
- label: key,
184
- value: val
185
- }));
186
- }
187
- subEntries = filterSubEntries ? filterSubEntries(subEntries) : subEntries;
188
- const subEntryPages = chunkArray(subEntries, pageSize);
189
- return renderer({
190
- handleEntry: entry => /*#__PURE__*/React__namespace.createElement(Explorer, _rollupPluginBabelHelpers.extends({
191
- key: entry.label,
192
- value: value,
193
- renderer: renderer,
194
- filterSubEntries: filterSubEntries
195
- }, rest, entry)),
196
- type,
197
- subEntries,
198
- subEntryPages,
199
- value,
200
- expanded,
201
- toggleExpanded,
202
- pageSize,
203
- ...rest
204
- });
205
- }
206
-
207
- exports.DefaultRenderer = DefaultRenderer;
208
- exports.Entry = Entry;
209
- exports.ExpandButton = ExpandButton;
210
- exports.Expander = Expander;
211
- exports.Info = Info;
212
- exports.Label = Label;
213
- exports.LabelButton = LabelButton;
214
- exports.SubEntries = SubEntries;
215
- exports.Value = Value;
216
- exports.chunkArray = chunkArray;
217
- exports.default = Explorer;
218
- //# sourceMappingURL=Explorer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Explorer.js","sources":["../../src/Explorer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { displayValue, styled } from './utils'\n\nexport const Entry = styled('div', {\n fontFamily: 'Menlo, monospace',\n fontSize: '.7rem',\n lineHeight: '1.7',\n outline: 'none',\n wordBreak: 'break-word',\n})\n\nexport const Label = styled('span', {\n color: 'white',\n})\n\nexport const LabelButton = styled('button', {\n cursor: 'pointer',\n color: 'white',\n})\n\nexport const ExpandButton = styled('button', {\n cursor: 'pointer',\n color: 'inherit',\n font: 'inherit',\n outline: 'inherit',\n background: 'transparent',\n border: 'none',\n padding: 0,\n})\n\nexport const Value = styled('span', (_props, theme) => ({\n color: theme.danger,\n}))\n\nexport const SubEntries = styled('div', {\n marginLeft: '.1em',\n paddingLeft: '1em',\n borderLeft: '2px solid rgba(0,0,0,.15)',\n})\n\nexport const Info = styled('span', {\n color: 'grey',\n fontSize: '.7em',\n})\n\ntype ExpanderProps = {\n expanded: boolean\n style?: React.CSSProperties\n}\n\nexport const Expander = ({ expanded, style = {} }: ExpanderProps) => (\n <span\n style={{\n display: 'inline-block',\n transition: 'all .1s ease',\n transform: `rotate(${expanded ? 90 : 0}deg) ${style.transform || ''}`,\n ...style,\n }}\n >\n ▶\n </span>\n)\n\ntype Entry = {\n label: string\n}\n\ntype RendererProps = {\n handleEntry: HandleEntryFn\n label?: React.ReactNode\n value: unknown\n subEntries: Entry[]\n subEntryPages: Entry[][]\n type: string\n expanded: boolean\n toggleExpanded: () => void\n pageSize: number\n renderer?: Renderer\n filterSubEntries?: (subEntries: Property[]) => Property[]\n}\n\n/**\n * Chunk elements in the array by size\n *\n * when the array cannot be chunked evenly by size, the last chunk will be\n * filled with the remaining elements\n *\n * @example\n * chunkArray(['a','b', 'c', 'd', 'e'], 2) // returns [['a','b'], ['c', 'd'], ['e']]\n */\nexport function chunkArray<T>(array: T[], size: number): T[][] {\n if (size < 1) return []\n let i = 0\n const result: T[][] = []\n while (i < array.length) {\n result.push(array.slice(i, i + size))\n i = i + size\n }\n return result\n}\n\ntype Renderer = (props: RendererProps) => JSX.Element\n\nexport const DefaultRenderer: Renderer = ({\n handleEntry,\n label,\n value,\n subEntries = [],\n subEntryPages = [],\n type,\n expanded = false,\n toggleExpanded,\n pageSize,\n renderer,\n}) => {\n const [expandedPages, setExpandedPages] = React.useState<number[]>([])\n const [valueSnapshot, setValueSnapshot] = React.useState(undefined)\n\n const refreshValueSnapshot = () => {\n setValueSnapshot((value as () => any)())\n }\n\n return (\n <Entry>\n {subEntryPages.length ? (\n <>\n <ExpandButton onClick={() => toggleExpanded()}>\n <Expander expanded={expanded} /> {label}{' '}\n <Info>\n {String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : ''}\n {subEntries.length} {subEntries.length > 1 ? `items` : `item`}\n </Info>\n </ExpandButton>\n {expanded ? (\n subEntryPages.length === 1 ? (\n <SubEntries>\n {subEntries.map((entry, index) => handleEntry(entry))}\n </SubEntries>\n ) : (\n <SubEntries>\n {subEntryPages.map((entries, index) => (\n <div key={index}>\n <Entry>\n <LabelButton\n onClick={() =>\n setExpandedPages((old) =>\n old.includes(index)\n ? old.filter((d) => d !== index)\n : [...old, index],\n )\n }\n >\n <Expander expanded={expanded} /> [{index * pageSize} ...{' '}\n {index * pageSize + pageSize - 1}]\n </LabelButton>\n {expandedPages.includes(index) ? (\n <SubEntries>\n {entries.map((entry) => handleEntry(entry))}\n </SubEntries>\n ) : null}\n </Entry>\n </div>\n ))}\n </SubEntries>\n )\n ) : null}\n </>\n ) : type === 'function' ? (\n <>\n <Explorer\n renderer={renderer}\n label={\n <button\n onClick={refreshValueSnapshot}\n style={{\n appearance: 'none',\n border: '0',\n background: 'transparent',\n }}\n >\n <Label>{label}</Label> 🔄{' '}\n </button>\n }\n value={valueSnapshot}\n defaultExpanded={{}}\n />\n </>\n ) : (\n <>\n <Label>{label}:</Label> <Value>{displayValue(value)}</Value>\n </>\n )}\n </Entry>\n )\n}\n\ntype HandleEntryFn = (entry: Entry) => JSX.Element\n\ntype ExplorerProps = Partial<RendererProps> & {\n renderer?: Renderer\n defaultExpanded?: true | Record<string, boolean>\n}\n\ntype Property = {\n defaultExpanded?: boolean | Record<string, boolean>\n label: string\n value: unknown\n}\n\nfunction isIterable(x: any): x is Iterable<unknown> {\n return Symbol.iterator in x\n}\n\nexport default function Explorer({\n value,\n defaultExpanded,\n renderer = DefaultRenderer,\n pageSize = 100,\n filterSubEntries,\n ...rest\n}: ExplorerProps) {\n const [expanded, setExpanded] = React.useState(Boolean(defaultExpanded))\n const toggleExpanded = React.useCallback(() => setExpanded((old) => !old), [])\n\n let type: string = typeof value\n let subEntries: Property[] = []\n\n const makeProperty = (sub: { label: string; value: unknown }): Property => {\n const subDefaultExpanded =\n defaultExpanded === true\n ? { [sub.label]: true }\n : defaultExpanded?.[sub.label]\n return {\n ...sub,\n defaultExpanded: subDefaultExpanded,\n }\n }\n\n if (Array.isArray(value)) {\n type = 'array'\n subEntries = value.map((d, i) =>\n makeProperty({\n label: i.toString(),\n value: d,\n }),\n )\n } else if (\n value !== null &&\n typeof value === 'object' &&\n isIterable(value) &&\n typeof value[Symbol.iterator] === 'function'\n ) {\n type = 'Iterable'\n subEntries = Array.from(value, (val, i) =>\n makeProperty({\n label: i.toString(),\n value: val,\n }),\n )\n } else if (typeof value === 'object' && value !== null) {\n type = 'object'\n subEntries = Object.entries(value).map(([key, val]) =>\n makeProperty({\n label: key,\n value: val,\n }),\n )\n }\n\n subEntries = filterSubEntries ? filterSubEntries(subEntries) : subEntries\n\n const subEntryPages = chunkArray(subEntries, pageSize)\n\n return renderer({\n handleEntry: (entry) => (\n <Explorer\n key={entry.label}\n value={value}\n renderer={renderer}\n filterSubEntries={filterSubEntries}\n {...rest}\n {...entry}\n />\n ),\n type,\n subEntries,\n subEntryPages,\n value,\n expanded,\n toggleExpanded,\n pageSize,\n ...rest,\n })\n}\n"],"names":["Entry","styled","fontFamily","fontSize","lineHeight","outline","wordBreak","Label","color","LabelButton","cursor","ExpandButton","font","background","border","padding","Value","_props","theme","danger","SubEntries","marginLeft","paddingLeft","borderLeft","Info","Expander","expanded","style","React","createElement","display","transition","transform","chunkArray","array","size","i","result","length","push","slice","DefaultRenderer","handleEntry","label","value","subEntries","subEntryPages","type","toggleExpanded","pageSize","renderer","expandedPages","setExpandedPages","useState","valueSnapshot","setValueSnapshot","undefined","refreshValueSnapshot","Fragment","onClick","String","toLowerCase","map","entry","index","entries","key","old","includes","filter","d","Explorer","appearance","defaultExpanded","displayValue","isIterable","x","Symbol","iterator","filterSubEntries","rest","setExpanded","Boolean","useCallback","makeProperty","sub","subDefaultExpanded","Array","isArray","toString","from","val","Object","_extends"],"mappings":"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"}
@@ -1,29 +0,0 @@
1
- /**
2
- * @tanstack/router-devtools/src/index.tsx
3
- *
4
- * Copyright (c) TanStack
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE.md file in the root directory of this source tree.
8
- *
9
- * @license MIT
10
- */
11
- 'use strict';
12
-
13
- function _extends() {
14
- _extends = Object.assign ? Object.assign.bind() : function (target) {
15
- for (var i = 1; i < arguments.length; i++) {
16
- var source = arguments[i];
17
- for (var key in source) {
18
- if (Object.prototype.hasOwnProperty.call(source, key)) {
19
- target[key] = source[key];
20
- }
21
- }
22
- }
23
- return target;
24
- };
25
- return _extends.apply(this, arguments);
26
- }
27
-
28
- exports.extends = _extends;
29
- //# sourceMappingURL=_rollupPluginBabelHelpers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}