@finsemble/finsemble-ui 1.0.0-beta-5 → 1.0.0-beta-9

package/react/components/processMonitor/components/ProcessStatistics.js

@@ -0,0 +1,62 @@
+import React from "react";
+import { Actions } from "../stores/ProcessMonitorStore";
+import { HIGH_CPU, HIGH_MEMORY_USAGE, MODERATE_CPU_USAGE, MODERATE_MEMORY_USAGE, TO_MB } from "../constants";
+import { bytesToSize, roundDecimalToPrecision } from "../helpers";
+/**
+ * Given a number, will return modifier classes that change the background. High usage === red. Moderate === orange.
+ */
+function getClassesForStat(number, statType) {
+    let classes = "statistic", high_comparison = HIGH_MEMORY_USAGE * TO_MB, moderate_comparison = MODERATE_MEMORY_USAGE * TO_MB;
+    if (typeof number === "undefined") {
+        return classes;
+    }
+    if (statType === "CPU") {
+        (high_comparison = HIGH_CPU), (moderate_comparison = MODERATE_CPU_USAGE);
+    }
+    if (number > high_comparison) {
+        classes = `${classes} high-usage`;
+    }
+    else if (number > moderate_comparison) {
+        classes = `${classes} moderate-usage`;
+    }
+    return classes;
+}
+/**
+ * Outputs something nice. 102423465243 outputs whatever that number is in KB/MB/GB.
+ * 0.35123 will output 0.35% for CPU.
+ */
+function prettyPrint(number, statType) {
+    if (typeof number === "undefined") {
+        return "";
+    }
+    if (statType === "CPU") {
+        //make it a percent.
+        return `${roundDecimalToPrecision(number, 2)}%`;
+    }
+    else if (statType !== "PID") {
+        return bytesToSize(number);
+    }
+    else {
+        return number;
+    }
+}
+const ProcessStatistics = (props) => {
+    const { processId, webContents } = props.stats;
+    // In Advanced mode we always display the process name because it includes the pid
+    const displayName = props.stats.name; //this.props.mode === ViewModeEnums.SIMPLE ? simpleName : this.props.stats.name;
+    //simple mode: CPU, memory
+    //Advanced mode: add Peak Memory.
+    return (React.createElement("div", { className: "process-row" },
+        React.createElement("div", { className: "process-name" }, displayName),
+        React.createElement("div", { className: "process-statistics" },
+            props.fields.map((field, i) => (React.createElement("div", { key: i, className: getClassesForStat(props.stats[field.value], field.label) }, prettyPrint(props.stats[field.value], field.label)))),
+            React.createElement("div", { className: "statistic process-actions" }, props.stats.type === "Tab" && processId ? (React.createElement("div", { className: " terminate fsbl-button-negative process-action", onClick: () => {
+                    Actions.terminateProcess(webContents);
+                }, tabIndex: 0, role: "button", onKeyDown: (e) => {
+                    if (e.key === "Enter" || e.key === " ") {
+                        Actions.terminateProcess(webContents);
+                    }
+                } }, "Terminate")) : null))));
+};
+export default ProcessStatistics;
+//# sourceMappingURL=ProcessStatistics.js.map

package/react/components/processMonitor/components/ProcessStatistics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessStatistics.js","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ProcessStatistics.tsx"],"names":[],"mappings":"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"}

package/react/components/processMonitor/constants.d.ts

@@ -0,0 +1,10 @@
+import { ProcessType, ModeStatsType } from "./ProcessMonitorTypes";
+export declare const SIMPLE_MODE_STATISTICS: ModeStatsType[];
+export declare const ADVANCED_MODE_STATISTICS: ModeStatsType[];
+export declare const HIGH_CPU = 10;
+export declare const MODERATE_CPU_USAGE = 5;
+export declare const MODERATE_MEMORY_USAGE = 250;
+export declare const HIGH_MEMORY_USAGE = 400;
+export declare const TO_MB = 1000000;
+export declare const EMPTY_TOTALS: ProcessType;
+//# sourceMappingURL=constants.d.ts.map

package/react/components/processMonitor/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/processMonitor/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGnE,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAGjD,CAAC;AAGF,eAAO,MAAM,wBAAwB,EAAE,aAAa,EAKnD,CAAC;AAGF,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAGpC,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAGrC,eAAO,MAAM,KAAK,UAAU,CAAC;AAW7B,eAAO,MAAM,YAAY,aAAc,CAAC"}

package/react/components/processMonitor/constants.js

@@ -0,0 +1,30 @@
+// Stats to be displayed in simple mode
+export const SIMPLE_MODE_STATISTICS = [
+    { label: "CPU", value: "cpuUsage" },
+    { label: "Memory", value: "workingSetSize" },
+];
+// Stats to be diesplayed in advanced mode
+export const ADVANCED_MODE_STATISTICS = [
+    { label: "CPU", value: "cpuUsage" },
+    { label: "Memory", value: "workingSetSize" },
+    { label: "Peak Memory", value: "peakWorkingSetSize" },
+    { label: "PID", value: "processId" },
+];
+// These are percentages
+export const HIGH_CPU = 10;
+export const MODERATE_CPU_USAGE = 5;
+// Usage in MB
+export const MODERATE_MEMORY_USAGE = 250;
+export const HIGH_MEMORY_USAGE = 400;
+// Constant to convert megabytes (250) to bytes (250,000,000). Conversion is approximate.
+export const TO_MB = 1000000;
+const emptyTotals = {
+    visible: false,
+    statistics: {},
+};
+// Just an object to hold the UI over until we get real information from the system.
+SIMPLE_MODE_STATISTICS.forEach((stat) => {
+    emptyTotals.statistics[stat.value] = 0;
+});
+export const EMPTY_TOTALS = emptyTotals;
+//# sourceMappingURL=constants.js.map

package/react/components/processMonitor/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/ui/components/processMonitor/constants.ts"],"names":[],"mappings":"AAEA,uCAAuC;AACvC,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACtD,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE;IACnC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE;CAC5C,CAAC;AAEF,0CAA0C;AAC1C,MAAM,CAAC,MAAM,wBAAwB,GAAoB;IACxD,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE;IACnC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC5C,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,oBAAoB,EAAE;IACrD,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE;CACpC,CAAC;AAEF,wBAAwB;AACxB,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAEpC,cAAc;AACd,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAC;AACzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAErC,yFAAyF;AACzF,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAC;AAE7B,MAAM,WAAW,GAAgB;IAChC,OAAO,EAAE,KAAK;IACd,UAAU,EAAE,EAAE;CACd,CAAC;AACF,oFAAoF;AACpF,sBAAsB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;IACvC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACxC,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC"}

package/react/components/processMonitor/helpers.d.ts

@@ -0,0 +1,19 @@
+import { ProcessType } from "./ProcessMonitorTypes";
+export declare function toProperCase(str: string): string;
+/**
+ * Given a number, will return a nice string, 1,024 will return 1KB, 100 will return 100 Bytes, and so on.
+ *
+ * The result is displayed with 2 decimal points of precision.
+ */
+export declare function bytesToSize(bytes: number): string;
+/**
+ * Handler for Array.reduce. It takes the array of statistics and sums each value.
+ * This outputs an object that has total CPU and memory consumption.
+ */
+export declare const statReducer: (prev: ProcessType, curr: ProcessType) => ProcessType;
+/**
+ * Convenience function for rounding decimals to a given precision
+ * Note that "precision" here means "number of digits to the right of the decimal point"
+ */
+export declare const roundDecimalToPrecision: (number: number, precision: number) => number;
+//# sourceMappingURL=helpers.d.ts.map

package/react/components/processMonitor/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/processMonitor/helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAG3E,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAOvC;AACD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,UAcxC;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,WAAW,QAAQ,WAAW,KAAG,WAiBlE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,WAAY,MAAM,aAAa,MAAM,KAAG,MAK3E,CAAC"}

package/react/components/processMonitor/helpers.js

@@ -0,0 +1,56 @@
+import { SIMPLE_MODE_STATISTICS } from "./constants";
+// This Is Proper Case
+export function toProperCase(str) {
+    return (str
+        .replace(/([A-Z])/g, " $1")
+        // uppercase the first character
+        .replace(/^./, (char) => char.toUpperCase()));
+}
+/**
+ * Given a number, will return a nice string, 1,024 will return 1KB, 100 will return 100 Bytes, and so on.
+ *
+ * The result is displayed with 2 decimal points of precision.
+ */
+export function bytesToSize(bytes) {
+    if (bytes === 0)
+        return "0 Bytes";
+    // Size powers, in English
+    const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+    // Determine the size power for the number of bytes
+    const i = Math.floor(Math.log(bytes) / Math.log(1024));
+    // Adjusted down to how many KB, MB, GB, etc...
+    const bytesByScale = bytes / Math.pow(1024, i);
+    // Return the size, rounded, with 2 decimal points of precision
+    return `${Math.round(bytesByScale * 100) / 100} ${sizes[i]}`;
+}
+/**
+ * Handler for Array.reduce. It takes the array of statistics and sums each value.
+ * This outputs an object that has total CPU and memory consumption.
+ */
+export const statReducer = (prev, curr) => {
+    const statistics = {};
+    SIMPLE_MODE_STATISTICS.forEach((stat) => {
+        var _a, _b;
+        if (typeof prev.statistics[stat.value] === "undefined" || typeof curr.statistics[stat.value] === "undefined") {
+            statistics[stat.value] = undefined;
+            return;
+        }
+        statistics[stat.value] = ((_a = prev.statistics[stat.value]) !== null && _a !== void 0 ? _a : 0) + ((_b = curr.statistics[stat.value]) !== null && _b !== void 0 ? _b : 0);
+    });
+    statistics.name = "Totals";
+    return {
+        visible: curr.visible,
+        statistics,
+    };
+};
+/**
+ * Convenience function for rounding decimals to a given precision
+ * Note that "precision" here means "number of digits to the right of the decimal point"
+ */
+export const roundDecimalToPrecision = (number, precision) => {
+    // Example: number = .12345, precision = 2
+    const shiftedNumber = number * Math.pow(10, precision); // example: 12.345
+    const roundedShiftedNumber = Math.round(shiftedNumber); // example: 12
+    return roundedShiftedNumber / Math.pow(10, precision); // example: .12
+};
+//# sourceMappingURL=helpers.js.map

package/react/components/processMonitor/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../../src/ui/components/processMonitor/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAGrD,sBAAsB;AACtB,MAAM,UAAU,YAAY,CAAC,GAAW;IACvC,OAAO,CACN,GAAG;SACD,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC;QAC3B,gCAAgC;SAC/B,OAAO,CAAC,IAAI,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CACrD,CAAC;AACH,CAAC;AACD;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa;IACxC,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAElC,0BAA0B;IAC1B,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAEhD,mDAAmD;IACnD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvD,+CAA+C;IAC/C,MAAM,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAE/C,+DAA+D;IAC/D,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAC9D,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAiB,EAAE,IAAiB,EAAe,EAAE;IAChF,MAAM,UAAU,GAAwC,EAAE,CAAC;IAC3D,sBAAsB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;;QACvC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,WAAW,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,WAAW,EAAE;YAC7G,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;YACnC,OAAO;SACP;QAED,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC,CAAC;IAClG,CAAC,CAAC,CAAC;IAEH,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;IAE3B,OAAO;QACN,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,UAAU;KACV,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,MAAc,EAAE,SAAiB,EAAU,EAAE;IACpF,0CAA0C;IAC1C,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,kBAAkB;IAC1E,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;IACtE,OAAO,oBAAoB,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe;AACvE,CAAC,CAAC"}

package/react/components/processMonitor/index.d.ts

@@ -0,0 +1,2 @@
+export { ProcessMonitor } from "./ProcessMonitor";
+//# sourceMappingURL=index.d.ts.map

package/react/components/processMonitor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/processMonitor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/react/components/processMonitor/index.js

@@ -0,0 +1,2 @@
+export { ProcessMonitor } from "./ProcessMonitor";
+//# sourceMappingURL=index.js.map

package/react/components/processMonitor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/processMonitor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/react/components/processMonitor/stores/ProcessMonitorStore.d.ts

@@ -0,0 +1,63 @@
+import { ChildWindowType, ProcessType } from "../ProcessMonitorTypes";
+import { StoreModel } from "../../../../clients/StoreModel";
+import { StandardCallback } from "../../../../types";
+import { ProcessInfo } from "../../../../FEA";
+declare let ProcessMonitorStore: StoreModel | undefined;
+declare type VoidCallback = () => void;
+export declare let storeWrapper: StoreModel | null | undefined;
+declare const Actions: {
+    /**
+     * Creates the local store, then gets the first cut at stats for the process list.
+     */
+    initialize: (cb: VoidCallback) => void;
+    /**
+     * Gets the process list, pulls the statistics out, and renders the app. Also sets up an interval where we'll retrieve more stats from the system.
+     */
+    getInitialData: () => void;
+    /**
+     * Sets the sort field; if it's the same field as we had previously, we flip the sort direction.
+     */
+    setSort: (field: string) => Promise<void>;
+    /**
+     * Extracts data from the process list (via the createDataModel function), and then sets the processList value on the store. This causes the UI to re-render.
+     */
+    extractData: (processes: ProcessInfo[]) => void;
+    /**
+     * Converts the system.getProcessList response into something that's easily render-able.
+     */
+    createDataModel: (processes: ProcessInfo[], cb: (procs: ProcessType[]) => void) => void;
+    /**
+     * Sorting function. Handles ascending and descending.
+     */
+    sortProcesses: (procs: ProcessType[]) => ProcessType[];
+    /**
+     * Toggles advanced/simple mode
+     */
+    toggleViewMode: () => Promise<void>;
+    /**
+     * Gets the current "flashing" state - whether the process monitor is currently flashing a window
+     */
+    getFlashingState: (cb?: StandardCallback) => Promise<void>;
+    /**
+     * Gets the current "flashing" state for the process monitor
+     */
+    setFlashingState: (value: boolean, cb?: StandardCallback) => Promise<void>;
+    /**
+     * Make the window flash a couple of times so that the user can identify it.
+     */
+    identifyWindow: (winID: ChildWindowType) => void;
+    /**
+     * Terminates a process group. Containing windows for browser views will be closed.
+     */
+    terminateProcess: (webContents: ProcessType["statistics"]["webContents"]) => void;
+    /**
+     * This function exists to make the UI feel snappy. May take a second or so for the window to close properly and for the change to flow to system.getProcessList. To make that lag go away, we immediately render the change.
+     */
+    removeWindowLocally: (windowName: string) => Promise<void>;
+    /**
+     * Try to close the window. If that fails, try to force close the window. If that fails, ask if they'd like to terminate the parent process.
+     */
+    closeWindow: (windowName: string, force?: boolean) => void;
+};
+export { ProcessMonitorStore as Store, Actions };
+//# sourceMappingURL=ProcessMonitorStore.d.ts.map

package/react/components/processMonitor/stores/ProcessMonitorStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessMonitorStore.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/stores/ProcessMonitorStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAkB,MAAM,wBAAwB,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAiB,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK9C,QAAA,IAAI,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC;AAEhD,aAAK,YAAY,GAAG,MAAM,IAAI,CAAC;AAa/B,eAAO,IAAI,YAAY,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;AAgBvD,QAAA,MAAM,OAAO;IACZ;;OAEG;qBACc,YAAY;IAO7B;;OAEG;;IAQH;;OAEG;qBACoB,MAAM;IA6B7B;;OAEG;6BACsB,WAAW,EAAE;IAOtC;;OAEG;iCAC0B,WAAW,EAAE,cAAc,WAAW,EAAE,KAAK,IAAI;IAyD9E;;OAEG;2BACoB,WAAW,EAAE;IA+BpC;;OAEG;;IAMH;;OAEG;4BAC2B,gBAAgB;IAI9C;;OAEG;8BAC6B,OAAO,OAAO,gBAAgB;IAI9D;;OAEG;4BAC8B,eAAe;IAwChD;;OAEG;oCAC6B,WAAW,CAAC,YAAY,CAAC,CAAC,aAAa,CAAC;IA2BxE;;OAEG;sCAC8C,MAAM;IAavD;;OAEG;8BACgC,MAAM;CAwBzC,CAAC;AAEF,OAAO,EAAE,mBAAmB,IAAI,KAAK,EAAE,OAAO,EAAE,CAAC"}

package/react/components/processMonitor/stores/ProcessMonitorStore.js

@@ -0,0 +1,292 @@
+import async from "async";
+import { FEAGlobals } from "../../../../common/Globals";
+let ProcessMonitorStore;
+//Regex code taken from https://gist.github.com/mattheyan/46a230da86a0894a5ff654b9139ec5f2
+const DEFAULT_SORT_DIRECTION = "ascending";
+const DEFAULT_STORE_DATA = {
+    viewMode: "simple",
+    sort: {
+        field: "name",
+        direction: "ascending",
+    },
+};
+const MAGIC_NUMBER_TERMINATION_TIMEOUT = 4000;
+export let storeWrapper;
+function createLocalStore(done) {
+    FEAGlobals.FSBL.Clients.DistributedStoreClient.createStore({
+        store: "Finsemble-ProcessMonitor-Local-Store",
+        values: DEFAULT_STORE_DATA,
+    }, (err, store) => {
+        ProcessMonitorStore = store;
+        storeWrapper = store;
+        done();
+    });
+}
+const Actions = {
+    /**
+     * Creates the local store, then gets the first cut at stats for the process list.
+     */
+    initialize: (cb) => {
+        createLocalStore(() => {
+            Actions.getInitialData();
+            cb();
+        });
+    },
+    /**
+     * Gets the process list, pulls the statistics out, and renders the app. Also sets up an interval where we'll retrieve more stats from the system.
+     */
+    getInitialData: () => {
+        FEAGlobals.FSBL.System.getProcessList(Actions.extractData);
+        setInterval(() => {
+            FEAGlobals.FSBL.System.getProcessList(Actions.extractData);
+        }, 1000);
+    },
+    /**
+     * Sets the sort field; if it's the same field as we had previously, we flip the sort direction.
+     */
+    setSort: async (field) => {
+        const currentSort = await (ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.get(["sort"]));
+        let processLists = await (ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.get(["processList"]));
+        let processes;
+        if (processLists === null || processLists === void 0 ? void 0 : processLists.data) {
+            processes = processLists === null || processLists === void 0 ? void 0 : processLists.data;
+        }
+        let newSort;
+        //If it's the same field as before, flip the direction
+        if ((currentSort === null || currentSort === void 0 ? void 0 : currentSort.data.field) === field) {
+            newSort = currentSort;
+            if (currentSort.data.direction == "ascending") {
+                newSort.direction = "descending";
+            }
+            else {
+                newSort.direction = "ascending";
+            }
+        }
+        else {
+            newSort = {
+                field,
+                direction: DEFAULT_SORT_DIRECTION,
+            };
+        }
+        await (ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.set(["sort"], newSort));
+        processes = Actions.sortProcesses(processes);
+        await (ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.set(["processList"], processes));
+    },
+    /**
+     * Extracts data from the process list (via the createDataModel function), and then sets the processList value on the store. This causes the UI to re-render.
+     */
+    extractData: (processes) => {
+        Actions.createDataModel(processes, async (procs) => {
+            //set store.
+            await (ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.set(["processList"], procs));
+        });
+    },
+    /**
+     * Converts the system.getProcessList response into something that's easily render-able.
+     */
+    createDataModel: (processes, cb) => {
+        const mode = ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.getValue("viewMode");
+        const sortWindow = (a, b) => {
+            if (a.webContentsName < b.webContentsName)
+                return -1;
+            if (a.webContentsName > b.webContentsName)
+                return 1;
+            return 0;
+        };
+        const viewOrWindowToProc = (item) => {
+            return {
+                webContentsName: item.webContentsName,
+                windowName: item.windowName,
+                type: item.type,
+            };
+        };
+        const allowAdvanced = (item) => {
+            const windowName = item.webContentsName.toLowerCase();
+            const windowIsService = windowName.includes("service");
+            const windowIsSystem = windowName.includes("system");
+            const windowIsUnnamed = windowName.includes("unnamed");
+            const windowIsSimple = windowIsService || windowIsSystem || windowIsUnnamed;
+            return mode !== "simple" || !windowIsSimple;
+        };
+        const procs = processes.map((proc) => {
+            const procName = proc.name.toLowerCase();
+            const isService = procName.includes("service");
+            const isSystem = procName.includes("system");
+            const isUnnamed = procName.includes("unnamed");
+            const procIsSimple = isService || isSystem || isUnnamed;
+            if (mode === "simple" && procIsSimple) {
+                return {
+                    statistics: proc,
+                    visible: false,
+                };
+            }
+            const childWindows = [...Object.values(proc.webContents)]
+                .filter(allowAdvanced)
+                .map(viewOrWindowToProc)
+                .sort(sortWindow);
+            return {
+                statistics: proc,
+                visible: true,
+                type: proc.type,
+                childWindows,
+            };
+        });
+        cb(Actions.sortProcesses(procs));
+    },
+    /**
+     * Sorting function. Handles ascending and descending.
+     */
+    sortProcesses: (procs) => {
+        const currentSort = ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.getValue("sort");
+        let sortFN = (a, b) => {
+            let aValue = a.statistics[currentSort.field];
+            let bValue = b.statistics[currentSort.field];
+            if (typeof aValue === "undefined" || typeof bValue === "undefined") {
+                return 0;
+            }
+            //Comparing upper and lowercase names makes the sort look wrong. we equalize all strings here.
+            if (typeof aValue === "string") {
+                aValue = aValue.toLowerCase();
+            }
+            if (typeof bValue === "string") {
+                bValue = bValue.toLowerCase();
+            }
+            if (currentSort.direction === "ascending") {
+                if (aValue < bValue)
+                    return -1;
+                if (aValue > bValue)
+                    return 1;
+                return 0;
+            }
+            if (aValue > bValue)
+                return -1;
+            if (aValue < bValue)
+                return 1;
+            return 0;
+        };
+        return procs.sort(sortFN);
+    },
+    /**
+     * Toggles advanced/simple mode
+     */
+    toggleViewMode: async () => {
+        const mode = await (ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.get(["viewMode"]));
+        await (ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.set(["viewMode"], mode === "advanced" ? "simple" : "advanced"));
+    },
+    /**
+     * Gets the current "flashing" state - whether the process monitor is currently flashing a window
+     */
+    getFlashingState: async (cb) => {
+        await (ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.get(["flashing"], cb));
+    },
+    /**
+     * Gets the current "flashing" state for the process monitor
+     */
+    setFlashingState: async (value, cb) => {
+        await (ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.set(["flashing"], value, cb));
+    },
+    /**
+     * Make the window flash a couple of times so that the user can identify it.
+     */
+    identifyWindow: function (winID) {
+        if (winID.windowName.includes("Service"))
+            return;
+        this.setFlashingState(true);
+        const OPACITY_ANIMATION_DURATION = 200;
+        FEAGlobals.FSBL.FinsembleWindow.getInstance({ name: winID.windowName }, (err, win) => {
+            let windowState = "hidden";
+            function flash(n, done) {
+                setTimeout(() => {
+                    win.hide(() => {
+                        setTimeout(() => {
+                            win.show(() => {
+                                done(null);
+                            });
+                        }, OPACITY_ANIMATION_DURATION / 1.5);
+                    });
+                }, OPACITY_ANIMATION_DURATION / 1.5);
+            }
+            win.isShowing({}, (error, isVisible) => {
+                //cache the visible state of the window prior to making it flash. If it was hidden before, hide it when the flashing is done.
+                windowState = isVisible ? "visible" : "hidden";
+                win.show(() => {
+                    win.bringToFront(() => {
+                        //Flash 5 times, in series.
+                        async.timesSeries(5, flash, () => {
+                            if (windowState === "hidden") {
+                                win.hide();
+                            }
+                            this.setFlashingState(false);
+                        });
+                    });
+                });
+            });
+        });
+    },
+    /**
+     * Terminates a process group. Containing windows for browser views will be closed.
+     */
+    terminateProcess: (webContents) => {
+        const forceCloseProcess = () => {
+            if (!webContents)
+                return;
+            // De-duped array of window names from both windows and browser views
+            const windowNames = new Set(Object.values(webContents).map((item) => item.windowName));
+            windowNames.forEach((windowName) => {
+                Actions.closeWindow(windowName, true);
+            });
+        };
+        //Ask user if they're sure. If they says "yes", close it.
+        FEAGlobals.FSBL.Clients.DialogManager.open("YesNoDialog", {
+            title: "Terminate Process?",
+            question: "Terminating the process may close other apps. Are you sure you want to continue?",
+            affirmativeResponseLabel: "Terminate",
+            showNegativeButton: false,
+        }, (err, response) => {
+            if (err || response.choice === "affirmative") {
+                forceCloseProcess();
+            }
+        });
+    },
+    /**
+     * This function exists to make the UI feel snappy. May take a second or so for the window to close properly and for the change to flow to system.getProcessList. To make that lag go away, we immediately render the change.
+     */
+    removeWindowLocally: async function (windowName) {
+        let result = await (ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.get(["processList"]));
+        let procs = result === null || result === void 0 ? void 0 : result.data;
+        procs = procs.map((proc) => {
+            if (proc.childWindows) {
+                const cwIndex = proc.childWindows.findIndex((cw) => cw.windowName === windowName);
+                proc.childWindows.splice(cwIndex, 1);
+            }
+            return proc;
+        });
+        await (ProcessMonitorStore === null || ProcessMonitorStore === void 0 ? void 0 : ProcessMonitorStore.set(["processList"], procs));
+    },
+    /**
+     * Try to close the window. If that fails, try to force close the window. If that fails, ask if they'd like to terminate the parent process.
+     */
+    closeWindow: function (windowName, force = false) {
+        const win = FEAGlobals.FSBL.System.Window.wrap(windowName);
+        const onCloseFailure = () => {
+            //If Actions.closeWindow was called with force === true, and the close failed.
+            if (force) {
+                alert("Cannot close window");
+            }
+            else {
+                Actions.closeWindow(windowName, true);
+            }
+        };
+        //If we can't close within 4 seconds, something's wrong - try to force close it.
+        const closeTimeout = setTimeout(() => {
+            onCloseFailure();
+        }, MAGIC_NUMBER_TERMINATION_TIMEOUT);
+        const onCloseSuccess = () => {
+            Actions.removeWindowLocally(windowName);
+            clearTimeout(closeTimeout);
+        };
+        win.close(force, onCloseSuccess, onCloseFailure);
+    },
+};
+export { ProcessMonitorStore as Store, Actions };
+//# sourceMappingURL=ProcessMonitorStore.js.map

package/react/components/processMonitor/stores/ProcessMonitorStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessMonitorStore.js","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/stores/ProcessMonitorStore.ts"],"names":[],"mappings":"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"}

package/react/components/quickComponentForm/QuickComponentForm.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "../../assets/css/dialogs.css";
+import "./quickComponent.css";
+/**
+ * A form that allows the user to add a quick component. It provides one field for the name of the quick component, and another field for its URL.
+ */
+export declare const QuickComponentForm: () => JSX.Element;
+//# sourceMappingURL=QuickComponentForm.d.ts.map

package/react/components/quickComponentForm/QuickComponentForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickComponentForm.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/quickComponentForm/QuickComponentForm.tsx"],"names":[],"mappings":";AAQA,OAAO,8BAA8B,CAAC;AACtC,OAAO,sBAAsB,CAAC;AA0J9B;;GAEG;AACH,eAAO,MAAM,kBAAkB,mBAO9B,CAAC"}