react-native-inapp-inspector 1.1.24 → 1.1.26

package/dist/commonjs/helpers/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = exports.handleOpenExternalLink = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatDateTime = exports.getDomainColor = void 0;
+exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.registerGAPlugin = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = exports.handleOpenExternalLink = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatDateTime = exports.getDomainColor = void 0;
 const react_native_1 = require("react-native");
 // Stylesheet
 const AppColors_1 = require("../styles/AppColors");
@@ -60,58 +60,83 @@ const getSize = (data) => {
     }
 };
 exports.getSize = getSize;
-// Try loading community clipboard or native clipboard modules with graceful fallbacks
+// Safely detect and load clipboard natively without static require() calls that Metro fails on
 const getClipboardModule = () => {
+    // 1. Check TurboModuleRegistry (TurboModules / New Architecture)
     try {
-        // @ts-ignore
-        const community = require('@react-native-clipboard/clipboard');
-        if (community?.default?.setString)
-            return community.default;
-        if (community?.setString)
-            return community;
+        const tmReg = react_native_1.TurboModuleRegistry || globalThis.__turboModuleProxy;
+        if (tmReg?.get) {
+            const tm = tmReg.get('RNCClipboard') ||
+                tmReg.get('NativeClipboard') ||
+                tmReg.get('ExpoClipboard');
+            if (tm &&
+                (typeof tm.setString === 'function' ||
+                    typeof tm.setStringAsync === 'function')) {
+                return tm;
+            }
+        }
     }
     catch { }
+    // 2. Check legacy NativeModules table (Bridge / Old Architecture)
     try {
-        // @ts-ignore
-        const oldCommunity = require('@react-native-community/clipboard');
-        if (oldCommunity?.default?.setString)
-            return oldCommunity.default;
-        if (oldCommunity?.setString)
-            return oldCommunity;
+        if (react_native_1.NativeModules?.RNCClipboard &&
+            typeof react_native_1.NativeModules.RNCClipboard.setString === 'function') {
+            return react_native_1.NativeModules.RNCClipboard;
+        }
+        if (react_native_1.NativeModules?.ExpoClipboard &&
+            typeof react_native_1.NativeModules.ExpoClipboard.setStringAsync === 'function') {
+            return react_native_1.NativeModules.ExpoClipboard;
+        }
+        if (react_native_1.NativeModules?.Clipboard &&
+            typeof react_native_1.NativeModules.Clipboard.setString === 'function') {
+            return react_native_1.NativeModules.Clipboard;
+        }
     }
     catch { }
+    // 3. Check legacy React Native core Clipboard
     try {
-        if (react_native_1.NativeModules?.RNCClipboard?.setString)
-            return react_native_1.NativeModules.RNCClipboard;
+        if (react_native_1.Clipboard && typeof react_native_1.Clipboard.setString === 'function') {
+            return react_native_1.Clipboard;
+        }
     }
     catch { }
-    return react_native_1.Clipboard;
+    return null;
 };
 const copyToClipboard = (value, label) => {
     const resolved = typeof value === 'function' ? value() : value;
     const text = typeof resolved === 'string' ? resolved : JSON.stringify(resolved, null, 2);
     const textToCopy = text ?? '';
+    let copied = false;
     try {
         const cb = getClipboardModule();
-        if (cb && typeof cb.setString === 'function') {
-            cb.setString(textToCopy);
-        }
-        else {
-            react_native_1.Clipboard.setString(textToCopy);
+        if (cb) {
+            if (typeof cb.setStringAsync === 'function') {
+                cb.setStringAsync(textToCopy);
+                copied = true;
+            }
+            else if (typeof cb.setString === 'function') {
+                cb.setString(textToCopy);
+                copied = true;
+            }
         }
     }
-    catch {
+    catch { }
+    if (!copied) {
         try {
-            react_native_1.Clipboard.setString(textToCopy);
+            if (typeof navigator !== 'undefined' && navigator?.clipboard?.writeText) {
+                navigator.clipboard.writeText(textToCopy);
+                copied = true;
+            }
         }
         catch { }
     }
-    if (react_native_1.Platform.OS === 'android') {
-        react_native_1.ToastAndroid.show(`${label} copied`, react_native_1.ToastAndroid.SHORT);
-    }
-    else {
-        react_native_1.Alert.alert('Copied', `${label} copied to clipboard`, [{ text: 'OK' }]);
+    // Visual toast feedback on Android if ToastAndroid exists
+    try {
+        if (react_native_1.Platform.OS === 'android' && react_native_1.ToastAndroid?.show) {
+            react_native_1.ToastAndroid.show(`${label} copied`, react_native_1.ToastAndroid.SHORT);
+        }
     }
+    catch { }
 };
 exports.copyToClipboard = copyToClipboard;
 const getPath = (url) => {
@@ -476,6 +501,10 @@ const parseStackLine = (rawLine, isOrigin = false) => {
         functionName = parenMatch[1].trim() || '<anonymous>';
         locationPart = parenMatch[2].trim();
     }
+    // Clean Babel/Hermes artifacts in function names like ?anon_0_, _callee$, etc.
+    if (functionName.startsWith('?anon_') || functionName === '?') {
+        functionName = 'anonymous';
+    }
     // Remove "address at " prefix if present in Hermes
     locationPart = locationPart.replace(/^address at /, '');
     // Extract file, line, and col from locationPart (e.g. "path/to/file.tsx:42:15" or "http://...:42:15")
@@ -503,20 +532,56 @@ const parseStackLine = (rawLine, isOrigin = false) => {
     const fileExt = ext === 'tsx' || ext === 'jsx' || ext === 'ts' || ext === 'js'
         ? ext
         : 'other';
-    const isUserCode = !cleanPath.includes('node_modules') &&
-        !cleanPath.includes('react-native/') &&
-        !cleanPath.includes('react-native-inapp-inspector') &&
-        (fileExt === 'tsx' || fileExt === 'jsx' || fileExt === 'ts' || fileExt === 'js');
+    const isNative = locationPart === 'native' || cleanPath === 'native';
+    const isInternalBytecode = cleanPath.includes('InternalBytecode') ||
+        cleanPath.includes('metro-runtime') ||
+        cleanPath.includes('regenerator-runtime') ||
+        functionName === 'tryCallOne' ||
+        functionName === 'asyncGeneratorStep' ||
+        functionName === '_next' ||
+        (functionName === 'next' && isNative);
+    const isDependency = cleanPath.includes('node_modules') ||
+        cleanPath.includes('react-native/Libraries') ||
+        (cleanPath.includes('react-native-inapp-inspector') && !cleanPath.includes('/example/'));
+    const isUserCode = !isNative &&
+        !isInternalBytecode &&
+        !isDependency &&
+        (fileExt === 'tsx' || fileExt === 'jsx' || fileExt === 'ts' || fileExt === 'js' || !fileName.includes('.bundle'));
+    const frameType = isUserCode
+        ? 'app'
+        : isDependency
+            ? 'dependency'
+            : isNative
+                ? 'native'
+                : 'runtime';
+    const isRuntimeNoise = isInternalBytecode || isNative || functionName === 'asyncGeneratorStep' || functionName === '_next';
+    // Format clean relative project path
+    let relativePath = cleanPath;
+    if (relativePath.includes('/example/')) {
+        relativePath = relativePath.substring(relativePath.indexOf('/example/') + 9);
+    }
+    else if (relativePath.includes('/src/')) {
+        relativePath = relativePath.substring(relativePath.indexOf('/src/') + 1);
+    }
+    else if (relativePath.includes('/node_modules/')) {
+        relativePath = relativePath.substring(relativePath.indexOf('/node_modules/') + 14);
+    }
+    const copyableLocation = lineNumber
+        ? `${fileName}:${lineNumber}${columnNumber ? `:${columnNumber}` : ''}`
+        : fileName;
     return {
         raw: rawLine,
         functionName,
         fileName,
-        fullPath: cleanPath,
+        fullPath: relativePath,
         fileExt,
+        frameType,
         isUserCode,
+        isRuntimeNoise,
         lineNumber,
         columnNumber,
         isOrigin,
+        copyableLocation,
     };
 };
 exports.parseStackLine = parseStackLine;
@@ -540,36 +605,9 @@ const getEventColor = (name) => {
     return exports.ANALYTICS_EVENT_PALETTE[Math.abs(hash) % exports.ANALYTICS_EVENT_PALETTE.length];
 };
 exports.getEventColor = getEventColor;
-const getEventCategory = (name) => {
-    if (!name)
-        return 'custom';
-    const lowercaseName = name.toLowerCase();
-    if (lowercaseName === 'screen_view' || lowercaseName === 'page_view') {
-        return 'page_view';
-    }
-    // Ecommerce events
-    const ecommerceEvents = [
-        'purchase', 'add_to_cart', 'begin_checkout', 'view_item',
-        'select_item', 'remove_from_cart', 'view_cart',
-        'add_shipping_info', 'add_payment_info', 'refund',
-        'view_item_list', 'select_promotion', 'view_promotion'
-    ];
-    if (ecommerceEvents.includes(lowercaseName)) {
-        return 'ecommerce';
-    }
-    // Firebase System Auto-events
-    const systemEvents = [
-        'first_open', 'session_start', 'user_engagement',
-        'app_clear_data', 'app_exception', 'app_update', 'os_update',
-        'notification_receive', 'notification_open', 'notification_dismiss',
-        'screen_active', 'screen_inactive'
-    ];
-    if (systemEvents.includes(lowercaseName) || lowercaseName.startsWith('firebase_') || lowercaseName.startsWith('_')) {
-        return 'system';
-    }
-    return 'custom';
-};
-exports.getEventCategory = getEventCategory;
+var gaAnalyticsRegistry_1 = require("./gaAnalyticsRegistry");
+Object.defineProperty(exports, "getEventCategory", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.getEventCategory; } });
+Object.defineProperty(exports, "registerGAPlugin", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.registerGAPlugin; } });
 const getCategoryColors = (category) => {
     switch (category) {
         case 'page_view':

package/dist/commonjs/i18n/locales/en.json

@@ -211,7 +211,29 @@
         "filterWarn": "Warn",
         "filterError": "Error",
         "filterUserLog": "User Log",
-        "filterAnalytics": "Analytics"
+        "filterAnalytics": "Analytics",
+        "tabOutput": "Output",
+        "tabArgs": "Args ({{count}})",
+        "tabStack": "Stack Trace",
+        "tabMetadata": "Metadata",
+        "callStack": "Call Stack ({{count}} frames)",
+        "errorStack": "Error Exception Stack ({{count}} frames)",
+        "callOriginStack": "Call Origin Stack",
+        "errorThrownStack": "Error Thrown Stack",
+        "appCodeScope": "🎯 App Code ({{count}})",
+        "allFramesScope": "📜 All Frames ({{count}})",
+        "cardsView": "Cards",
+        "rawTraceView": "Raw",
+        "noStackAvailable": "No call stack frames found matching the active filter.",
+        "originBadge": "#1 ORIGIN",
+        "appCodeBadge": "App Code",
+        "dependencyBadge": "Dependency",
+        "nativeBadge": "Native",
+        "hermesVmBadge": "Hermes VM",
+        "fullStackTrace": "Full Stack Trace",
+        "lineCol": "Line {{line}}, Col {{col}}",
+        "lineColShort": "L{{line}}:C{{col}}",
+        "searchInLogDetails": "Search in log details..."
     },
     "analytics": {
         "title": "Analytics",
@@ -398,11 +420,36 @@
         "catTsDesc": "App screen components, hooks, and business logic",
         "catJsonTitle": "JSON Data & Localizations",
         "catJsonDesc": "i18n translation dictionaries and static configs",
-        "catRowSub": "{{count}} items • {{desc}}",
-        "totalBundleAssets": "TOTAL BUNDLE ASSETS",
+        "totalBundleAssets": "TOTAL HOST PROJECT FILES",
         "totalBundleValue": "{{kb}} KB (~{{mb}} MB)",
-        "totalFormula": "Sum: {{images}} KB + {{js}} KB + {{fonts}} KB + {{ts}} KB + {{json}} KB = {{total}} KB ({{count}} items • 100%)",
+        "totalFormula": "Sum of host source files: {{images}} KB + {{js}} KB + {{fonts}} KB + {{ts}} KB + {{json}} KB = {{total}} KB ({{count}} items)",
+        "prodIosApp": "iOS App (.ipa)",
+        "prodAndroidAab": "Android AAB (.aab)",
+        "prodAndroidApk": "Universal APK (.apk)",
+        "prodHeroTitleIos": "iOS Production Binary Footprint",
+        "prodHeroTitleAab": "Google Play App Bundle (.aab)",
+        "prodHeroTitleApk": "Universal Standalone APK (.apk)",
+        "prodHeroSubIos": "App Store install & over-the-air cellular download estimates",
+        "prodHeroSubAab": "Optimized per-device dynamic delivery split APK architecture",
+        "prodHeroSubApk": "Multi-ABI universal install archive for sideloading & direct distribution",
+        "prodInstallSize": "INSTALL SIZE",
+        "prodInstallHint": "On-device uncompressed footprint",
+        "prodDownloadSize": "DOWNLOAD SIZE",
+        "prodDownloadHint": "Store network transfer payload",
+        "prodCompression": "COMPRESSION",
+        "prodCompressionHint": "Bytecode & asset ratio",
+        "prodFormatArch": "FORMAT ARCHITECTURE",
+        "prodFormatHintIos": "Apple ARM64 runtime",
+        "prodFormatHintAab": "Dynamic Google Play delivery",
+        "prodFormatHintApk": "Sideload universal package",
+        "prodArchTitle": "Binary Component Architecture",
+        "prodArchSub": "Compiled native libraries, runtime bytecodes, assets, and signature blocks",
+        "prodTotalIos": "TOTAL IOS APP BINARY",
+        "prodTotalAab": "TOTAL ANDROID AAB BUNDLE",
+        "prodTotalApk": "TOTAL UNIVERSAL APK",
+        "prodTotalFormula": "From {{devKb}} KB (~{{devMb}} MB • {{count}} total assets) dev source bundle → {{installMb}} MB optimized native binary ({{pct}}% bytecode/asset compression).",
         "tabOverview": "Overview",
+        "tabProduction": "Production ({{count}})",
         "tabFiles": "Files ({{count}})",
         "tabPackages": "Packages ({{count}})",
         "tabMedia": "Media ({{count}})",
@@ -535,5 +582,136 @@
         "retry": "Try Again",
         "reset": "Reset",
         "close": "Close"
+    },
+    "crash": {
+        "title": "Crash",
+        "searchPlaceholder": "Search error, message, stack...",
+        "searchDetailPlaceholder": "Search in trace or JSON...",
+        "statCrashes": "Crashes",
+        "statFatal": "Fatal",
+        "statJsErrors": "JS Errors",
+        "statPromises": "Promises",
+        "statRender": "Render",
+        "statNative": "Native",
+        "filterAll": "All",
+        "filterFatal": "Fatal",
+        "filterJsError": "JS Error",
+        "filterPromise": "Promise",
+        "filterRender": "Render",
+        "filterNative": "Native",
+        "fatalBadge": "FATAL",
+        "handledBadge": "HANDLED",
+        "fatalCrash": "FATAL CRASH",
+        "handledException": "HANDLED EXCEPTION",
+        "unknownException": "Unknown Exception",
+        "report": "Report",
+        "inspect": "Inspect",
+        "copyReport": "Copy Report",
+        "copied": "Copied",
+        "clearTitle": "Clear Crash History",
+        "clearMessage": "Are you sure you want to clear all intercepted crash records?",
+        "clearCancel": "Cancel",
+        "clearConfirm": "Clear All",
+        "emptyTitle": "Zero Crashes Detected",
+        "emptySubtitle": "Global crash guard is active. All native and JavaScript exceptions are intercepted and protected.",
+        "emptySearchSubtitle": "No crash entries matched your search query.",
+        "tabStack": "Stack ({{count}})",
+        "tabDiagnostics": "Diagnostics",
+        "tabTrail": "Trail ({{count}})",
+        "tabRawJson": "Raw JSON",
+        "appFrames": "App Frames ({{count}})",
+        "allFrames": "All Frames ({{count}})",
+        "frameApp": "APP",
+        "frameLib": "LIB",
+        "anonymous": "<anonymous>",
+        "noStackTrace": "No stack trace captured for this event.",
+        "deviceEnvironment": "Device & Environment",
+        "platform": "Platform",
+        "osVersion": "OS Version",
+        "reactNative": "React Native",
+        "jsEngine": "JS Engine",
+        "hermesEngine": "Hermes Engine",
+        "jsc": "JSC",
+        "architecture": "Architecture",
+        "fabricNewArch": "Fabric (New Arch)",
+        "paperLegacy": "Paper (Legacy)",
+        "appState": "App State",
+        "jsHeapMemory": "JS Heap Memory",
+        "usedHeap": "Used Heap",
+        "totalHeap": "Total Heap",
+        "noBreadcrumbs": "No breadcrumb events recorded prior to this crash.",
+        "simNativeMessage": "Simulated native fatal exception",
+        "simPromiseMessage": "Simulated unhandled promise rejection",
+        "simRenderMessage": "Simulated React component render error",
+        "simJsMessage": "Simulated JavaScript exception",
+        "reportTitle": "CRASH DIAGNOSTIC REPORT",
+        "reportErrorName": "Error Name:",
+        "reportMessage": "Message:",
+        "reportType": "Type:",
+        "reportFatalYes": "YES (Fatal)",
+        "reportFatalNo": "NO (Caught/Handled)",
+        "reportFatal": "Fatal:",
+        "reportTimestamp": "Timestamp:",
+        "reportUptime": "App Uptime:",
+        "reportUptimeValue": "{{seconds}} seconds",
+        "reportPlatform": "Platform:",
+        "reportReactNative": "React Native:",
+        "reportHermes": "Hermes:",
+        "reportEnabled": "Enabled",
+        "reportDisabled": "Disabled",
+        "reportArchitecture": "Architecture:",
+        "reportFabricNew": "Fabric (New)",
+        "reportPaperLegacy": "Paper (Legacy)",
+        "reportScreenSize": "Screen Size:",
+        "reportAppState": "App State:",
+        "reportJsMemory": "JS Memory:",
+        "reportStackTrace": "STACK TRACE:",
+        "reportNoStackTrace": "No stack trace available",
+        "reportComponentHierarchy": "COMPONENT HIERARCHY:",
+        "reportRecentBreadcrumbs": "RECENT BREADCRUMBS:",
+        "mdReportTitle": "🚨 Crash Report: {{name}}",
+        "mdStackTrace": "📦 Stack Trace",
+        "mdComponentHierarchy": "🌲 Component Hierarchy",
+        "mdRecentBreadcrumbs": "👣 Recent Breadcrumbs",
+        "mdSeverityFatal": "FATAL",
+        "mdSeverityHandled": "HANDLED",
+        "breadcrumbNavigation": "Navigated from \"{{from}}\" to \"{{to}}\"",
+        "breadcrumbAction": "Action: {{actionType}}",
+        "unknown": "Unknown",
+        "runtimeException": "Runtime Exception",
+        "logFatalCrash": "Fatal Crash",
+        "logUnhandledError": "Unhandled Error",
+        "errorNameFatal": "FatalError",
+        "errorNameUnhandled": "UnhandledException",
+        "nativeCrashTitle": "Native Crash",
+        "nativeUncaughtException": "Native Uncaught Exception",
+        "nativeException": "Native Exception",
+        "unhandledPromiseRejection": "Unhandled Promise Rejection",
+        "filterTitle": "Crash Filters",
+        "filterSubtitle": "Diagnostics & Reports",
+        "filterReset": "Reset All",
+        "filterTypeSection": "CRASH TYPE",
+        "filterTypeAll": "All Types",
+        "filterTimeSection": "TIME HORIZON",
+        "filterTimeAll": "All Time",
+        "filterTime15m": "Last 15 mins",
+        "filterTime1h": "Last 1 hour",
+        "filterTime24h": "Last 24 hours",
+        "filterTime7d": "Last 7 days",
+        "filterPlatformSection": "PLATFORM",
+        "filterPlatformAll": "All Platforms",
+        "filterPlatformIos": "iOS",
+        "filterPlatformAndroid": "Android",
+        "filterEngineSection": "JS ENGINE",
+        "filterEngineAll": "All Engines",
+        "filterEngineHermes": "Hermes",
+        "filterSortSection": "SORT ORDER",
+        "filterSortNewest": "Newest First (Default)",
+        "filterSortOldest": "Oldest First",
+        "filterDiscard": "Discard",
+        "filterApply": "Apply ({{count}} Crashes)",
+        "frameCopy": "Copy",
+        "frameCopied": "Copied",
+        "componentHierarchy": "Component Hierarchy"
     }
 }

package/dist/commonjs/index.d.ts

@@ -5,5 +5,11 @@ export default NetworkInspectorWrapper;
 export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, addAxiosInterceptors, } from './customHooks/networkLogger';
 export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, } from './customHooks/consoleLogger';
 export { setupAnalyticsLogger, logAnalyticsEvent, subscribeAnalyticsEvents, clearAnalyticsEvents, getCurrentUserProperties, getCurrentUserId, getDefaultEventParameters, getCollectionEnabled, } from './customHooks/analyticsLogger';
+export { setupGlobalCrashHandler, subscribeCrashEvents, emitCrashEvent, getCrashRecords, clearCrashRecords, simulateTestCrash, exportCrashReport, parseCrashStackTrace, recordCustomCrash, addCrashBreadcrumb, recordNavigationBreadcrumb, recordNetworkBreadcrumb, recordReduxBreadcrumb, recordUserActionBreadcrumb, computeCrashFingerprint, type CrashEventPayload, } from './customHooks/crashHandler';
+export { default as CrashTab } from './components/Inspector/CrashTab';
 export { default as ErrorBoundary } from './components/ErrorBoundary';
 export { connectReduxStore, inspectorReduxMiddleware, getReduxState, subscribeReduxState, getActionHistory, clearActionHistory, getLastActionForReducer, } from './customHooks/reduxLogger';
+export { getEventCategory, registerGAPlugin, type GAPlugin, } from './helpers/gaAnalyticsRegistry';
+export { usePerformanceTracker, logPerformanceEvent, clearPerformanceEvents, subscribePerformanceEvents, getPerformanceEvents, } from './customHooks/performanceTracker';
+export { InspectLog, InspectTrackTime, InspectCatch, type InspectLogOptions, } from './decorators';
+export { ActiveTab, Method, StatusFilter, SortOrder, LocalFilter, ModalAnimationType, SettingsPage, SettingsSubTab, LogFilter, ConsoleLogType, AnalyticsEventSource, GAEventCategory, StackFrameType, DiffResultType, BundleSubTab, PerformanceSubTab, CrashType, CrashExportFormat, CrashDetailSubTab, CrashFilterType, BreadcrumbType, } from './types';