@shuvi/error-overlay 1.0.16 → 1.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuvi/error-overlay",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "main": "umd/index.js",
   "types": "lib/index.d.ts",
   "files": [
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "@babel/code-frame": "7.14.5",
-    "@shuvi/shared": "1.0.16",
-    "@shuvi/toolpack": "1.0.16",
+    "@shuvi/shared": "1.0.18",
+    "@shuvi/toolpack": "1.0.18",
     "anser": "1.4.9",
     "data-uri-to-buffer": "3.0.1",
     "html-entities": "2.3.2",

package/umd/client.d.ts

@@ -0,0 +1,15 @@
+declare global {
+    interface Window {
+        __SHUVI_ERROR_OVERLAY_GLOBAL_HOOK__: string | {};
+    }
+}
+declare function startReportingRuntimeErrors({ onError }: {
+    onError: () => void;
+}): void;
+declare function stopReportingRuntimeErrors(): void;
+declare function onBuildOk(): void;
+declare function onBuildError(message: string): void;
+declare function onRefresh(): void;
+export { getErrorByType } from './view/helpers/getErrorByType';
+export { getServerError } from './view/helpers/nodeStackFrames';
+export { onBuildError, onBuildOk, onRefresh, startReportingRuntimeErrors, stopReportingRuntimeErrors };

package/umd/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const SERVER_TYPE_ERROR = "server";
+export declare const TYPE_BUILD_OK = "build-ok";
+export declare const TYPE_REFRESH = "fast-refresh";
+export declare const TYPE_BUILD_ERROR = "build-error";
+export declare const TYPE_UNHANDLED_ERROR = "unhandled-error";
+export declare const TYPE_UNHANDLED_REJECTION = "unhandled-rejection";
+export declare const STACK_TRACE_LIMIT = 50;

package/umd/iframeScript.d.ts

@@ -0,0 +1 @@
+export {};

package/umd/index.d.ts

@@ -0,0 +1,2 @@
+export * from './client';
+export { getServerError } from './view/helpers/nodeStackFrames';

package/umd/middleware/helper/createOriginalStackFrame.d.ts

@@ -0,0 +1,15 @@
+import { StackFrame } from 'stacktrace-parser';
+import type webpack from '@shuvi/toolpack/lib/webpack';
+export declare type OriginalStackFrameResponse = {
+    originalStackFrame: StackFrame;
+    originalCodeFrame: string | null;
+};
+export declare function createOriginalStackFrame({ line, column, source, modulePath, frame, errorMessage, compilation }: {
+    line: number;
+    column: number | null;
+    source: any;
+    modulePath?: string;
+    frame: any;
+    errorMessage?: string;
+    compilation?: webpack.Compilation;
+}): Promise<OriginalStackFrameResponse | null>;

package/umd/middleware/helper/findOriginalSourcePositionAndContent.d.ts

@@ -0,0 +1,7 @@
+export declare function findOriginalSourcePositionAndContent(webpackSource: any, position: {
+    line: number;
+    column: number | null;
+}): Promise<{
+    sourcePosition: NullableMappedPosition;
+    sourceContent: string | null;
+} | null>;

package/umd/middleware/helper/getModuleById.d.ts

@@ -0,0 +1,2 @@
+import type webpack from '@shuvi/toolpack/lib/webpack';
+export declare function getModuleById(id: string | undefined, compilation: webpack.Compilation): webpack.Module | undefined;

package/umd/middleware/helper/getOriginalStackFrame.d.ts

@@ -0,0 +1,6 @@
+import type { StackFrame } from 'stacktrace-parser';
+import type webpack from '@shuvi/toolpack/lib/webpack';
+import type { Source } from './getSourceById';
+import type { OriginalStackFrame } from '../../view/helpers/stack-frame';
+export { OriginalStackFrame };
+export declare function getOriginalStackFrame(frame: StackFrame, cache: Map<string, Source | null>, resolveBuildFile: (...paths: string[]) => string, buildDir: string, errorMessage?: string, compilation?: webpack.Compilation): Promise<OriginalStackFrame>;

package/umd/middleware/helper/getSourceById.d.ts

@@ -0,0 +1,6 @@
+import { RawSourceMap } from 'source-map';
+import type { webpack } from '@shuvi/toolpack/lib/webpack';
+export declare type Source = {
+    map: () => RawSourceMap;
+} | null;
+export declare function getSourceById(isFile: boolean, id: string, compiler: webpack.Compiler, resolveBuildFile: (...paths: string[]) => string, buildDir: string, compilation?: webpack.Compilation): Promise<Source>;

package/umd/middleware/helper/getSourceMapUrl.d.ts

@@ -0,0 +1 @@
+export declare function getSourceMapUrl(fileContents: string): string | null;

package/umd/middleware/helper/getSourcePath.d.ts

@@ -0,0 +1 @@
+export declare function getSourcePath(source: string): string;

package/umd/middleware/index.d.ts

@@ -0,0 +1,2 @@
+export { launchEditorMiddleware } from './launchEditorMiddleware';
+export { stackFrameMiddleware } from './stackFrameMiddleware';

package/umd/middleware/launchEditorMiddleware.d.ts

@@ -0,0 +1,2 @@
+import { IncomingMessage, ServerResponse } from 'http';
+export declare function launchEditorMiddleware(launchEditorEndpoint: string, rootDir: string): (req: IncomingMessage, res: ServerResponse, next: Function) => void;

package/umd/middleware/stackFrameMiddleware.d.ts

@@ -0,0 +1,2 @@
+import { IncomingMessage, ServerResponse } from 'http';
+export declare function stackFrameMiddleware(originalStackFrameEndpoint: string, bundler: any, resolveBuildFile: (...paths: string[]) => string, buildDefaultDir: string, buildServerDir: string): (req: IncomingMessage, res: ServerResponse, next: Function) => Promise<any>;

package/umd/view/ErrorOverlay.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ErrorOverlay: () => JSX.Element;

package/umd/view/components/Dialog/Dialog.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export declare type DialogProps = {
+    type: 'error' | 'warning';
+    'aria-labelledby': string;
+    'aria-describedby': string;
+    onClose?: (e: MouseEvent | TouchEvent) => void;
+    children: React.ReactNode;
+};
+declare const Dialog: React.FC<DialogProps>;
+export { Dialog };

package/umd/view/components/Dialog/DialogBody.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare type DialogBodyProps = {
+    className?: string;
+    children: React.ReactNode;
+};
+declare const DialogBody: React.FC<DialogBodyProps>;
+export { DialogBody };

package/umd/view/components/Dialog/DialogContent.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare type DialogContentProps = {
+    className?: string;
+    children: React.ReactNode;
+};
+declare const DialogContent: React.FC<DialogContentProps>;
+export { DialogContent };

package/umd/view/components/Dialog/DialogHeader.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare type DialogHeaderProps = {
+    className?: string;
+    children: React.ReactNode;
+};
+declare const DialogHeader: React.FC<DialogHeaderProps>;
+export { DialogHeader };

package/umd/view/components/Dialog/index.d.ts

@@ -0,0 +1,5 @@
+export { Dialog } from './Dialog';
+export { DialogBody } from './DialogBody';
+export { DialogContent } from './DialogContent';
+export { DialogHeader } from './DialogHeader';
+export { styles } from './styles';

package/umd/view/components/Dialog/styles.d.ts

@@ -0,0 +1,2 @@
+declare const styles: string;
+export { styles };

package/umd/view/components/Errors/CallStackFrame/CallStackFrame.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { StackFrame } from 'stacktrace-parser';
+import { OriginalStackFrame } from '../../../helpers/stack-frame';
+export declare type CallStackFrameProps = {
+    stackFrame: StackFrame;
+    codeFrame: string;
+};
+export declare const CallStackFrame: React.FC<{
+    frame: OriginalStackFrame;
+}>;

package/umd/view/components/Errors/CallStackFrame/index.d.ts

@@ -0,0 +1 @@
+export { CallStackFrame } from './CallStackFrame';

package/umd/view/components/Errors/CodeFrame/CodeFrame.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { StackFrame } from 'stacktrace-parser';
+export declare type CodeFrameProps = {
+    stackFrame: StackFrame;
+    codeFrame: string;
+};
+export declare const CodeFrame: React.FC<CodeFrameProps>;

package/umd/view/components/Errors/CodeFrame/index.d.ts

@@ -0,0 +1 @@
+export { CodeFrame } from './CodeFrame';

package/umd/view/components/Errors/Errors.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ReadyRuntimeError } from '../../helpers/getErrorByType';
+export declare type ErrorsProps = {
+    error: ReadyRuntimeError;
+};
+declare const Errors: React.FC<ErrorsProps>;
+export { Errors };

package/umd/view/components/Errors/index.d.ts

@@ -0,0 +1,2 @@
+export { Errors } from './Errors';
+export { styles } from './styles';

package/umd/view/components/Errors/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: string;

package/umd/view/components/Icons/ArrowLeftIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ArrowLeftIcon: () => JSX.Element;
+export { ArrowLeftIcon };

package/umd/view/components/Icons/ArrowRightIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ArrowRightIcon: () => JSX.Element;
+export { ArrowRightIcon };

package/umd/view/components/Icons/CloseIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CloseIcon: () => JSX.Element;
+export { CloseIcon };

package/umd/view/components/Icons/ExternalLinkIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ExternalLinkIcon: () => JSX.Element;
+export { ExternalLinkIcon };

package/umd/view/components/Icons/WarningIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const WarningIcon: () => JSX.Element;
+export { WarningIcon };

package/umd/view/components/Icons/index.d.ts

@@ -0,0 +1,5 @@
+export { CloseIcon } from './CloseIcon';
+export { WarningIcon } from './WarningIcon';
+export { ExternalLinkIcon } from './ExternalLinkIcon';
+export { ArrowLeftIcon } from './ArrowLeftIcon';
+export { ArrowRightIcon } from './ArrowRightIcon';

package/umd/view/components/NavigationBar/NavigationBar.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export declare type NavigationBarProps = {
+    className?: string;
+    previous: (() => void) | null;
+    next: (() => void) | null;
+    close?: () => void;
+    children: React.ReactNode;
+};
+declare const NavigationBar: React.FC<NavigationBarProps>;
+export { NavigationBar };

package/umd/view/components/NavigationBar/index.d.ts

@@ -0,0 +1,2 @@
+export { NavigationBar } from './NavigationBar';
+export { styles } from './styles';

package/umd/view/components/NavigationBar/styles.d.ts

@@ -0,0 +1,2 @@
+declare const styles: string;
+export { styles };

package/umd/view/components/Overlay/Overlay.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare type OverlayProps = {
+    className?: string;
+    fixed?: boolean;
+    children?: React.ReactNode;
+};
+declare const Overlay: React.FC<OverlayProps>;
+export { Overlay };

package/umd/view/components/Overlay/body-locker.d.ts

@@ -0,0 +1,2 @@
+export declare function lock(): void;
+export declare function unlock(): void;

package/umd/view/components/Overlay/index.d.ts

@@ -0,0 +1,2 @@
+export { Overlay } from './Overlay';
+export { styles } from './styles';

package/umd/view/components/Overlay/styles.d.ts

@@ -0,0 +1,2 @@
+declare const styles: string;
+export { styles };

package/umd/view/components/ShadowPortal.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare type ShadowPortalProps = {
+    children: React.ReactNode;
+};
+export declare const ShadowPortal: React.FC<ShadowPortalProps>;

package/umd/view/components/Terminal/Terminal.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare type TerminalProps = {
+    content: string;
+};
+export declare const Terminal: React.FC<TerminalProps>;

package/umd/view/components/Terminal/index.d.ts

@@ -0,0 +1,2 @@
+export { Terminal } from './Terminal';
+export { styles } from './styles';

package/umd/view/components/Terminal/styles.d.ts

@@ -0,0 +1,2 @@
+declare const styles: string;
+export { styles };

package/umd/view/components/Toast/Toast.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare type ToastProps = {
+    onClick?: (ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    className?: string;
+    children: React.ReactNode;
+};
+export declare const Toast: React.FC<ToastProps>;

package/umd/view/components/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export { Toast } from './Toast';
+export { styles } from './styles';

package/umd/view/components/Toast/styles.d.ts

@@ -0,0 +1,2 @@
+declare const styles: string;
+export { styles };

package/umd/view/container/BuildError.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare type BuildErrorProps = {
+    error: string;
+};
+export declare const BuildError: React.FC<BuildErrorProps>;
+export declare const styles: string;

package/umd/view/container/RuntimeError.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { UnhandledError, UnhandledRejection } from '../errorTypeHandler';
+export declare type SupportedErrorEvent = {
+    id: number;
+    event: UnhandledError | UnhandledRejection;
+};
+export declare type RuntimeErrorProps = {
+    errors: SupportedErrorEvent[];
+};
+export declare const RuntimeError: React.FC<RuntimeErrorProps>;
+export declare const styles: string;

package/umd/view/container/index.d.ts

@@ -0,0 +1,2 @@
+export { BuildError } from './BuildError';
+export { RuntimeError } from './RuntimeError';

package/umd/view/errorTypeHandler.d.ts

@@ -0,0 +1,27 @@
+import { StackFrame } from 'stacktrace-parser';
+import { TYPE_BUILD_OK, TYPE_REFRESH, TYPE_BUILD_ERROR, TYPE_UNHANDLED_ERROR, TYPE_UNHANDLED_REJECTION } from '../constants';
+export declare type BuildOk = {
+    type: typeof TYPE_BUILD_OK;
+};
+export declare type FastRefresh = {
+    type: typeof TYPE_REFRESH;
+};
+export declare type BuildError = {
+    type: typeof TYPE_BUILD_ERROR;
+    message: string;
+};
+export declare type UnhandledError = {
+    type: typeof TYPE_UNHANDLED_ERROR;
+    reason: Error;
+    frames: StackFrame[];
+};
+export declare type UnhandledRejection = {
+    type: typeof TYPE_UNHANDLED_REJECTION;
+    reason: Error;
+    frames: StackFrame[];
+};
+export declare type ErrorTypeEvent = BuildOk | FastRefresh | BuildError | UnhandledError | UnhandledRejection;
+export declare type ErrorTypeEventHandler = (ev: ErrorTypeEvent) => void;
+export declare function emit(ev: ErrorTypeEvent): void;
+export declare function on(fn: ErrorTypeEventHandler): boolean;
+export declare function off(fn: ErrorTypeEventHandler): boolean;

package/umd/view/helpers/getErrorByType.d.ts

@@ -0,0 +1,9 @@
+import { SupportedErrorEvent } from '../container/RuntimeError';
+import { OriginalStackFrame } from './stack-frame';
+export declare type ReadyRuntimeError = {
+    id: number;
+    runtime: true;
+    error: Error;
+    frames: OriginalStackFrame[];
+};
+export declare function getErrorByType(ev: SupportedErrorEvent): Promise<ReadyRuntimeError>;

package/umd/view/helpers/nodeStackFrames.d.ts

@@ -0,0 +1,7 @@
+import { StackFrame } from 'stacktrace-parser';
+declare type ErrorType = 'server';
+export declare function getFilesystemFrame(frame: StackFrame): StackFrame;
+export declare function decorateServerError(error: Error): void;
+export declare function getServerError(error: Error): Error;
+export declare function getErrorSource(error: Error): ErrorType | null;
+export {};

package/umd/view/helpers/noop-template.d.ts

@@ -0,0 +1 @@
+export declare function noop(strings: TemplateStringsArray, ...keys: readonly string[]): string;

package/umd/view/helpers/parseStack.d.ts

@@ -0,0 +1,3 @@
+import { StackFrame } from 'stacktrace-parser';
+export declare function parseError(stack: string): string;
+export declare function parseStack(stack: string): StackFrame[];

package/umd/view/helpers/stack-frame.d.ts

@@ -0,0 +1,12 @@
+import { StackFrame } from 'stacktrace-parser';
+export declare type OriginalStackFrame = {
+    error: boolean;
+    reason: string | null;
+    external: boolean;
+    expanded: boolean;
+    sourceStackFrame: StackFrame;
+    originalStackFrame: StackFrame | null;
+    originalCodeFrame: string | null;
+};
+export declare function getOriginalStackFrames(frames: StackFrame[], type: 'server' | null, errorMessage: string): Promise<OriginalStackFrame[]>;
+export declare function getFrameSource(frame: StackFrame): string;

package/umd/view/hooks/use-on-click-outside.d.ts

@@ -0,0 +1 @@
+export declare function useOnClickOutside(el: Node | null, handler: ((e: MouseEvent | TouchEvent) => void) | undefined): void;

package/umd/view/styles/Base.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Base(): JSX.Element;

package/umd/view/styles/ComponentStyles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function ComponentStyles(): JSX.Element;

package/umd/view/styles/CssReset.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function CssReset(): JSX.Element;

package/umd/view/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { Base } from './Base';
+export { ComponentStyles } from './ComponentStyles';
+export { CssReset } from './CssReset';