react-ui-basics 0.0.224 → 0.0.226

package/index.js

@@ -26,6 +26,8 @@ export { default as Modal } from './Modal.js';
 export { default as ModalMenu } from './ModalMenu.js';
 export { default as Router } from './router/index.js';
 export { default as Scrollable } from './Scrollable.js';
+import * as SimpleSentryClient from './misc/SimpleSentryClient.js';
+export { SimpleSentryClient };
 export { default as Size } from './Size.js';
 export { default as Snackbar } from './Snackbar.js';
 export { default as SpinningProgress } from './SpinningProgress.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/misc/SimpleSentryClient.d.ts

@@ -0,0 +1,48 @@
+interface Context {
+    extra: any;
+}
+interface User {
+    id?: string | number;
+    name?: string;
+    username?: string;
+    email?: string;
+}
+interface Request {
+    url: string;
+    headers: {
+        [key: string]: string;
+    };
+}
+declare class Scope {
+    user: User;
+    dsn: string;
+    release: string;
+    environment: string;
+    userAgent: string;
+    url: string;
+    setUser(userProps: User): void;
+}
+interface Payload {
+    level: string;
+    exception: any;
+    event_id: string;
+    platform: string;
+    timestamp: number;
+    environment: string;
+    release: string;
+    request: Request;
+    extra: any;
+    user: User;
+}
+declare type PayloadInterceptor = (payload: Payload, context: Context) => (Payload | null);
+export declare const init: (args: {
+    dsn: string;
+    release: string;
+    environment: string;
+}) => void;
+export declare const captureException: (e: Error | string, context: Context) => void;
+export declare const configureScope: (f: (scope: Scope) => void) => void;
+export declare const setPayloadInterceptor: (interceptor: PayloadInterceptor) => void;
+export declare const setOnPostSuccess: (onSuccess: any) => void;
+export declare const setOnErrorSuccess: (onError: any) => void;
+export {};

package/misc/SimpleSentryClient.js

@@ -0,0 +1,169 @@
+import ReactConstants from "./../ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./../CommonFields"; import {toConsumableArray as __toConsumableArray} from "./../_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./../_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./../_virtual/_rollupPluginBabelHelpers"; import { fetch } from '../HttpTools.js';
+import { WINDOW } from '../Tools.js';
+
+class Scope {
+    constructor() {
+        this.user = {};
+    }
+    setUser(userProps) {
+        this.user = __extends({}, userProps);
+    }
+}
+const scope = new Scope();
+let payloadInterceptor = null;
+let onPostSuccess = (data) => {
+    console.log('error stored: ', data);
+};
+let onPostError = (e, s) => {
+    console.log('failed to store error: ', s, e);
+};
+const captureError = (info, context) => {
+    let frames = processStackTrace(info.stack);
+    let event_id = crypto.randomUUID().replaceAll('-', '');
+    let payload = {
+        exception: {
+            values: [{
+                    "type": info.type,
+                    "value": info.message,
+                    "stacktrace": { frames },
+                    "mechanism": {
+                        "handled": false,
+                        "type": "instrument",
+                    }
+                }]
+        },
+        level: "error",
+        event_id,
+        platform: "javascript",
+        timestamp: Date.now(),
+        environment: scope.environment,
+        release: scope.release,
+        request: {
+            url: WINDOW.location.href,
+            headers: {
+                "User-Agent": navigator.userAgent
+            }
+        },
+        "extra": {
+            "arguments": []
+        },
+        user: scope.user,
+    };
+    payload = payloadInterceptor ? payloadInterceptor(payload, context) : payload;
+    payload && fetch(scope.url, {
+        method: 'POST',
+        params: payload,
+        withCredentials: false,
+        onSuccess: onPostSuccess,
+        onError: onPostError
+    });
+};
+const processStackTrace = (stack) => {
+    if (!stack)
+        return [];
+    let lines = stack.split(/\n\s*/);
+    let frames = lines.map((line, j) => {
+        if (j === 0 || !line)
+            return null;
+        let filename;
+        let fn;
+        let colno;
+        let lineno;
+        let separator = ' ';
+        if (line.startsWith('at ')) {
+            line = line.substring(3);
+        }
+        else {
+            separator = '@';
+        }
+        let i;
+        if (line.endsWith(')')) {
+            i = line.lastIndexOf('(');
+            filename = line.substring(i + 1, __length(line) - 1);
+            i--;
+        }
+        else {
+            i = line.lastIndexOf(separator);
+            filename = line.substring(i + 1, __length(line));
+        }
+        fn = line.substring(0, i);
+        i = filename.lastIndexOf(':');
+        if (i !== -1) {
+            colno = parseInt(filename.substring(i + 1), 10);
+            filename = filename.substring(0, i);
+        }
+        i = filename.lastIndexOf(':');
+        if (i !== -1) {
+            lineno = parseInt(filename.substring(i + 1), 10);
+            filename = filename.substring(0, i);
+        }
+        return {
+            filename, 'function': fn || '?', lineno, colno,
+        };
+    });
+    if (!frames[__length(frames) - 1])
+        frames.pop();
+    frames.reverse();
+    if (!frames[__length(frames) - 1])
+        frames.pop();
+    return frames;
+};
+const initExceptionHandlers = () => {
+    let prevonerror = WINDOW.onerror;
+    WINDOW.onerror = (message, source, lineno, colno, error) => {
+        prevonerror && prevonerror(message, source, lineno, colno, error);
+        captureError({
+            message: error ? error.message : message,
+            source,
+            lineno,
+            colno,
+            stack: error ? error.stack : null,
+            error,
+            type: error ? error.name : 'Error',
+        });
+    };
+    WINDOW.onunhandledrejection = event => {
+        captureError({
+            message: event.reason.message || 'Unhandled promise rejection',
+            stack: event.reason.stack || null,
+            type: 'Error'
+        });
+    };
+};
+const init = (args) => {
+    scope.dsn = args.dsn;
+    scope.release = args.release;
+    scope.environment = args.environment;
+    scope.userAgent = navigator.userAgent;
+    let url = new URL(scope.dsn);
+    scope.url = url.origin + '/api' + url.pathname + '/store/?sentry_key=' + url.username;
+    initExceptionHandlers();
+};
+const captureException = (e, context) => {
+    if (e instanceof Error) {
+        captureError({
+            message: e.message,
+            stack: e.stack,
+        }, context);
+    }
+    else {
+        captureError({
+            message: e,
+        }, context);
+    }
+};
+const configureScope = (f) => {
+    f(scope);
+};
+const setPayloadInterceptor = (interceptor) => {
+    payloadInterceptor = interceptor;
+};
+const setOnPostSuccess = (onSuccess) => {
+    onPostSuccess = onSuccess;
+};
+const setOnErrorSuccess = (onError) => {
+    onPostError = onError;
+};
+
+export { captureException, configureScope, init, setOnErrorSuccess, setOnPostSuccess, setPayloadInterceptor };
+//# sourceMappingURL=SimpleSentryClient.js.map

package/misc/SimpleSentryClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleSentryClient.js","sources":["../src/misc/SimpleSentryClient.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-basics",
-  "version": "0.0.224",
+  "version": "0.0.226",
   "description": "",
   "module": "index.js",
   "_main": "index.cjs.js",

package/src/FilteredList.tsx

@@ -167,8 +167,11 @@ class FilteredList<T extends string|number> extends PureComponent<FilteredListPr
     };
 
     updateScroll = (id) => {
-        let child = this.elements[id];
-        let container = this.el;
+        const child = this.elements[id];
+        if (!child)
+            return
+
+        const container = this.el;
         const scrollTop = container.getScroll();
         const height = container.getHeight();
         let isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + child.clientHeight;

package/src/index.js

@@ -24,6 +24,7 @@ import Modal from "./Modal";
 import ModalMenu from "./ModalMenu";
 import Router from "./router";
 import Scrollable from "./Scrollable";
+import  * as SimpleSentryClient from "./misc/SimpleSentryClient";
 import Size from "./Size";
 import Snackbar from "./Snackbar";
 import SpinningProgress from "./SpinningProgress";
@@ -68,6 +69,7 @@ export {
     Router,
     Scrollable,
     ScrollableTable,
+    SimpleSentryClient,
     Size,
     Snackbar,
     SpinningProgress,

package/src/misc/SimpleSentryClient.ts

@@ -0,0 +1,237 @@
+import {fetch} from '../HttpTools'
+import {WINDOW} from "../Tools";
+
+interface ErrorInfo {
+    message: Event | string
+    source?: string
+    lineno?: number
+    colno?: number
+    stack?: string
+    type?: string
+    error?: Error
+}
+
+interface Context {
+    extra: any
+}
+
+interface Frame {
+    filename: string,
+    function: string,
+    lineno: string,
+    colno: string,
+}
+
+interface User {
+    id?: string | number,
+    name?: string,
+    username?: string,
+    email?: string,
+}
+
+interface Request {
+    url: string,
+    headers: { [key: string]: string },
+}
+
+class Scope {
+    user: User = {}
+    dsn: string
+    release: string
+    environment: string
+    userAgent: string
+    url: string
+
+    setUser(userProps: User) {
+        this.user = {...userProps};
+    }
+}
+
+interface Payload {
+    level: string,
+    exception: any,
+    event_id: string,
+    platform: string,
+    timestamp: number,
+    environment: string,
+    release: string,
+    request: Request,
+    extra: any,
+    user: User,
+}
+
+type PayloadInterceptor = (payload: Payload, context: Context) => (Payload | null)
+
+const scope = new Scope();
+let payloadInterceptor: PayloadInterceptor = null
+let onPostSuccess = (data) => {
+    console.log('error stored: ', data)
+};
+let onPostError = (e, s) => {
+    console.log('failed to store error: ', s, e)
+};
+
+const captureError = (info: ErrorInfo, context?: Context) => {
+    let frames = processStackTrace(info.stack)
+    let event_id = crypto.randomUUID().replaceAll('-', '');
+    let payload: Payload = {
+        exception: {
+            values: [{
+                "type": info.type,
+                "value": info.message,
+                "stacktrace": {frames},
+                "mechanism": {
+                    "handled": false,
+                    "type": "instrument",
+                }
+            }]
+        },
+        level: "error",
+        event_id,
+        platform: "javascript",
+        timestamp: Date.now(),
+        environment: scope.environment,
+        release: scope.release,
+        request: {
+            url: WINDOW.location.href,
+            headers: {
+                "User-Agent": navigator.userAgent
+            }
+        },
+        "extra": {
+            "arguments": []
+        },
+        user: scope.user,
+    }
+
+    payload = payloadInterceptor ? payloadInterceptor(payload, context) : payload
+    payload && fetch(scope.url, {
+        method: 'POST',
+        params: payload,
+        withCredentials: false,
+        onSuccess: onPostSuccess,
+        onError: onPostError
+    })
+}
+
+const processStackTrace = (stack: string): Frame[] => {
+    if (!stack)
+        return []
+
+    let lines = stack.split(/\n\s*/);
+    let frames = lines.map((line, j) => {
+        if (j === 0 || !line)
+            return null
+
+        let filename;
+        let fn;
+        let colno;
+        let lineno;
+        let separator = ' '
+
+        if (line.startsWith('at ')) {
+            line = line.substring(3);
+        } else {
+            separator = '@'
+        }
+
+        let i;
+        if (line.endsWith(')')) {
+            i = line.lastIndexOf('(');
+            filename = line.substring(i + 1, line.length - 1);
+            i--;
+        } else {
+            i = line.lastIndexOf(separator);
+            filename = line.substring(i + 1, line.length);
+        }
+        fn = line.substring(0, i);
+
+        i = filename.lastIndexOf(':');
+        if (i !== -1) {
+            colno = parseInt(filename.substring(i + 1), 10);
+            filename = filename.substring(0, i);
+        }
+        i = filename.lastIndexOf(':');
+        if (i !== -1) {
+            lineno = parseInt(filename.substring(i + 1), 10);
+            filename = filename.substring(0, i);
+        }
+        return {
+            filename, 'function': fn || '?', lineno, colno,
+        }
+    })
+    if (!frames[frames.length - 1])
+        frames.pop();
+    frames.reverse();
+    if (!frames[frames.length - 1])
+        frames.pop();
+    return frames;
+}
+
+
+const initExceptionHandlers = () => {
+    let prevonerror = WINDOW.onerror
+    WINDOW.onerror = (message, source, lineno, colno, error) => {
+        prevonerror && prevonerror(message, source, lineno, colno, error)
+        captureError({
+            message: error ? error.message : message,
+            source,
+            lineno,
+            colno,
+            stack: error ? error.stack : null,
+            error,
+            type: error ? error.name : 'Error',
+        });
+    };
+
+    WINDOW.onunhandledrejection = event => {
+        captureError({
+            message: event.reason.message || 'Unhandled promise rejection',
+            stack: event.reason.stack || null,
+            type: 'Error'
+        });
+    };
+}
+
+export const init = (args: {
+    dsn: string
+    release: string
+    environment: string
+}) => {
+    scope.dsn = args.dsn
+    scope.release = args.release
+    scope.environment = args.environment
+    scope.userAgent = navigator.userAgent
+
+    let url = new URL(scope.dsn);
+    scope.url = url.origin + '/api' + url.pathname + '/store/?sentry_key=' + url.username;
+    initExceptionHandlers()
+}
+
+export const captureException = (e: Error | string, context: Context) => {
+    if (e instanceof Error) {
+        captureError({
+            message: e.message,
+            stack: e.stack,
+        }, context)
+    } else {
+        captureError({
+            message: e,
+        }, context)
+    }
+}
+
+export const configureScope = (f: (scope: Scope) => void) => {
+    f(scope)
+}
+
+export const setPayloadInterceptor = (interceptor: PayloadInterceptor) => {
+    payloadInterceptor = interceptor
+}
+
+export const setOnPostSuccess = (onSuccess) => {
+    onPostSuccess = onSuccess
+}
+export const setOnErrorSuccess = (onError) => {
+    onPostError = onError
+}