@pinnacle0/web-ui 0.3.38 → 0.3.39

package/util/PromptUtil/index.d.ts

@@ -0,0 +1,19 @@
+export declare type PromptResult = {
+    value: string;
+} | null;
+export interface PromptConfig {
+    title: string;
+    body: string;
+    warning?: string;
+    inputType?: "default" | "multi-line" | "password";
+    initialInputValue?: string;
+    inputPlaceholder?: string;
+    inputValidator?: (value: string) => string | null | Promise<string | null>;
+    width?: number;
+    okText?: string;
+}
+declare function createAsync(config: PromptConfig): Promise<PromptResult>;
+export declare const PromptUtil: Readonly<{
+    createAsync: typeof createAsync;
+}>;
+export {};

package/util/PromptUtil/index.js

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from "react";
+import { ModalUtil } from "../ModalUtil";
+import { PromptBody } from "./PromptBody";
+import { i18n } from "../../internal/i18n/util";
+function createAsync(config) {
+    var t = i18n();
+    return new Promise(function (resolve) {
+        var ref = React.createRef();
+        ModalUtil.createSync({
+            title: config.title,
+            body: React.createElement(PromptBody, __assign({}, config, { ref: ref })),
+            okText: config.okText || t.defaultConfirm,
+            onOk: function () {
+                return new Promise(function (closeModal, keepModal) {
+                    if (ref.current) {
+                        ref.current.validateForm().then(function (result) {
+                            if (result) {
+                                closeModal();
+                                resolve(result);
+                            }
+                            else {
+                                keepModal();
+                            }
+                        });
+                    }
+                });
+            },
+            onCancel: function () { return resolve(null); },
+            width: config.width || 550,
+            autoFocusButton: null,
+        });
+    });
+}
+export var PromptUtil = Object.freeze({
+    createAsync: createAsync,
+});
+//# sourceMappingURL=index.js.map

package/util/PromptUtil/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/PromptUtil/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AACvC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAgB9C,SAAS,WAAW,CAAC,MAAoB;IACrC,IAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,OAAO,IAAI,OAAO,CAAe,UAAA,OAAO;QACpC,IAAM,GAAG,GAAgC,KAAK,CAAC,SAAS,EAAE,CAAC;QAC3D,SAAS,CAAC,UAAU,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,IAAI,EAAE,oBAAC,UAAU,eAAK,MAAM,IAAE,GAAG,EAAE,GAAG,IAAI;YAC1C,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC,cAAc;YACzC,IAAI,EAAE;gBACF,OAAA,IAAI,OAAO,CAAO,UAAC,UAAU,EAAE,SAAS;oBACpC,IAAI,GAAG,CAAC,OAAO,EAAE;wBACb,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,UAAA,MAAM;4BAClC,IAAI,MAAM,EAAE;gCACR,UAAU,EAAE,CAAC;gCACb,OAAO,CAAC,MAAM,CAAC,CAAC;6BACnB;iCAAM;gCACH,SAAS,EAAE,CAAC;6BACf;wBACL,CAAC,CAAC,CAAC;qBACN;gBACL,CAAC,CAAC;YAXF,CAWE;YACN,QAAQ,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa;YAC7B,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,GAAG;YAC1B,eAAe,EAAE,IAAI;SACxB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,WAAW,aAAA;CACd,CAAC,CAAC"}

package/util/RecentUsedStorageUtil.d.ts

@@ -0,0 +1,12 @@
+/**
+ * In mobile Safari, the user may turn on "Block All Cookies".
+ * In such situation, accessing to localStorage will throw error.
+ */
+declare type ListItemType = string | number | boolean;
+declare function get<T extends ListItemType>(key: string, validator?: T[]): T[];
+declare function put<T extends ListItemType>(key: string, value: T, maxSize?: number): void;
+export declare const RecentUsedStorageUtil: Readonly<{
+    get: typeof get;
+    put: typeof put;
+}>;
+export {};

package/util/RecentUsedStorageUtil.js

@@ -0,0 +1,45 @@
+/**
+ * In mobile Safari, the user may turn on "Block All Cookies".
+ * In such situation, accessing to localStorage will throw error.
+ */
+function get(key, validator) {
+    try {
+        var rawData = localStorage.getItem(key);
+        if (rawData) {
+            var parsedList = JSON.parse(rawData);
+            if (Array.isArray(parsedList)) {
+                return parsedList.filter(function (_) { return !validator || validator.includes(_); });
+            }
+        }
+        return [];
+    }
+    catch (e) {
+        return [];
+    }
+}
+function put(key, value, maxSize) {
+    if (maxSize === void 0) { maxSize = 5; }
+    try {
+        var list = get(key);
+        var existIndex = list.indexOf(value);
+        if (existIndex >= 0) {
+            list.splice(existIndex, 1);
+            list.push(value);
+        }
+        else {
+            list.push(value);
+            if (list.length > maxSize) {
+                list.splice(0, list.length - maxSize);
+            }
+        }
+        localStorage.setItem(key, JSON.stringify(list));
+    }
+    catch (e) {
+        // Do nothing
+    }
+}
+export var RecentUsedStorageUtil = Object.freeze({
+    get: get,
+    put: put,
+});
+//# sourceMappingURL=RecentUsedStorageUtil.js.map

package/util/RecentUsedStorageUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentUsedStorageUtil.js","sourceRoot":"","sources":["../../src/util/RecentUsedStorageUtil.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,SAAS,GAAG,CAAyB,GAAW,EAAE,SAAe;IAC7D,IAAI;QACA,IAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,OAAO,EAAE;YACT,IAAM,UAAU,GAAY,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAChD,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;gBAC3B,OAAQ,UAAkB,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAnC,CAAmC,CAAC,CAAC;aAC/E;SACJ;QACD,OAAO,EAAE,CAAC;KACb;IAAC,OAAO,CAAC,EAAE;QACR,OAAO,EAAE,CAAC;KACb;AACL,CAAC;AAED,SAAS,GAAG,CAAyB,GAAW,EAAE,KAAQ,EAAE,OAAmB;IAAnB,wBAAA,EAAA,WAAmB;IAC3E,IAAI;QACA,IAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QACtB,IAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,UAAU,IAAI,CAAC,EAAE;YACjB,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YAC3B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACpB;aAAM;YACH,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACjB,IAAI,IAAI,CAAC,MAAM,GAAG,OAAO,EAAE;gBACvB,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;aACzC;SACJ;QAED,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;KACnD;IAAC,OAAO,CAAC,EAAE;QACR,aAAa;KAChB;AACL,CAAC;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC;IAC/C,GAAG,KAAA;IACH,GAAG,KAAA;CACN,CAAC,CAAC"}

package/util/SessionStorageUtil.d.ts

@@ -0,0 +1,2 @@
+import { StorageHelper } from "../internal/StorageHelper";
+export declare const SessionStorageUtil: StorageHelper;

package/util/SessionStorageUtil.js

@@ -0,0 +1,3 @@
+import { StorageHelper } from "../internal/StorageHelper";
+export var SessionStorageUtil = new StorageHelper(sessionStorage);
+//# sourceMappingURL=SessionStorageUtil.js.map

package/util/SessionStorageUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionStorageUtil.js","sourceRoot":"","sources":["../../src/util/SessionStorageUtil.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAExD,MAAM,CAAC,IAAM,kBAAkB,GAAG,IAAI,aAAa,CAAC,cAAc,CAAC,CAAC"}

package/util/SwipeUtil.d.ts

@@ -0,0 +1,8 @@
+import { Direction } from "../hooks/useSwipe";
+declare function getDirection(start: [number, number], end: [number, number]): Direction;
+declare function getDisplacement(start: [number, number], end: [number, number]): number;
+export declare const SwipeUtil: Readonly<{
+    getDirection: typeof getDirection;
+    getDisplacement: typeof getDisplacement;
+}>;
+export {};

package/util/SwipeUtil.js

@@ -0,0 +1,26 @@
+import { Direction } from "../hooks/useSwipe";
+function getDirection(start, end) {
+    var vector = [end[0] - start[0], start[1] - end[1]];
+    var degree = (Math.atan2(vector[1], vector[0]) * 180) / Math.PI;
+    degree = degree < 0 ? degree + 360 : degree;
+    if ((degree >= 315 && degree < 360) || (degree >= 0 && degree < 45)) {
+        return Direction.RIGHT;
+    }
+    else if (degree >= 45 && degree < 135) {
+        return Direction.UP;
+    }
+    else if (degree >= 135 && degree < 225) {
+        return Direction.LEFT;
+    }
+    else {
+        return Direction.DOWN;
+    }
+}
+function getDisplacement(start, end) {
+    return Math.sqrt(Math.pow(start[0] - end[0], 2) + Math.pow(start[1] - end[1], 2));
+}
+export var SwipeUtil = Object.freeze({
+    getDirection: getDirection,
+    getDisplacement: getDisplacement,
+});
+//# sourceMappingURL=SwipeUtil.js.map

package/util/SwipeUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeUtil.js","sourceRoot":"","sources":["../../src/util/SwipeUtil.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,SAAS,YAAY,CAAC,KAAuB,EAAE,GAAqB;IAChE,IAAM,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,IAAI,MAAM,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAChE,MAAM,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAE5C,IAAI,CAAC,MAAM,IAAI,GAAG,IAAI,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC,EAAE;QACjE,OAAO,SAAS,CAAC,KAAK,CAAC;KAC1B;SAAM,IAAI,MAAM,IAAI,EAAE,IAAI,MAAM,GAAG,GAAG,EAAE;QACrC,OAAO,SAAS,CAAC,EAAE,CAAC;KACvB;SAAM,IAAI,MAAM,IAAI,GAAG,IAAI,MAAM,GAAG,GAAG,EAAE;QACtC,OAAO,SAAS,CAAC,IAAI,CAAC;KACzB;SAAM;QACH,OAAO,SAAS,CAAC,IAAI,CAAC;KACzB;AACL,CAAC;AAED,SAAS,eAAe,CAAC,KAAuB,EAAE,GAAqB;IACnE,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACtF,CAAC;AACD,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,YAAY,cAAA;IACZ,eAAe,iBAAA;CAClB,CAAC,CAAC"}

package/util/UploadUtil/index.d.ts

@@ -0,0 +1,6 @@
+import type { CreateUploadRequestOptions } from "./type";
+declare function createRequest({ uploadURL, file, formField, onSuccess, onError, onProgress }: CreateUploadRequestOptions): void;
+export declare const UploadUtil: Readonly<{
+    createRequest: typeof createRequest;
+}>;
+export {};

package/util/UploadUtil/index.js

@@ -0,0 +1,61 @@
+function createRequest(_a) {
+    var uploadURL = _a.uploadURL, file = _a.file, formField = _a.formField, onSuccess = _a.onSuccess, onError = _a.onError, onProgress = _a.onProgress;
+    var httpRequest = new XMLHttpRequest();
+    var startTime = Date.now();
+    var formData = new FormData();
+    formData.append(formField, file);
+    var handleNetworkError = function (reason) {
+        var info = {
+            file_name: file.name,
+            file_size: file.size.toString(),
+            file_type: file.type,
+            api_response: "-",
+        };
+        var elapsedTime = Date.now() - startTime;
+        onError === null || onError === void 0 ? void 0 : onError({
+            info: info,
+            elapsedTime: elapsedTime,
+            errorCode: "UPLOAD_NETWORK_ERROR",
+            errorMessage: reason,
+        });
+    };
+    httpRequest.addEventListener("load", function () {
+        var response;
+        try {
+            response = JSON.parse(httpRequest.response);
+        }
+        catch (e) {
+            // Leave response as undefined
+        }
+        var info = {
+            file_name: file.name,
+            file_size: file.size.toString(),
+            file_type: file.type,
+            api_response: httpRequest.responseText,
+        };
+        var elapsedTime = Date.now() - startTime;
+        var statusCode = httpRequest.status;
+        if (statusCode !== 200) {
+            onError === null || onError === void 0 ? void 0 : onError({
+                info: info,
+                elapsedTime: elapsedTime,
+                errorCode: "UPLOAD_API_ERROR_".concat(statusCode),
+                errorMessage: "HTTP response: ".concat(httpRequest.responseText),
+                statusCode: statusCode,
+            }, httpRequest.status);
+        }
+        else {
+            onSuccess({ info: info, elapsedTime: elapsedTime }, response);
+        }
+    }, false);
+    httpRequest.addEventListener("error", function () { return handleNetworkError("HTTP request network error"); }, false);
+    httpRequest.addEventListener("abort", function () { return handleNetworkError("HTTP request aborted"); }, false);
+    httpRequest.addEventListener("timeout", function () { return handleNetworkError("HTTP request timeout"); }, false);
+    httpRequest.upload.addEventListener("progress", function (event) { return onProgress === null || onProgress === void 0 ? void 0 : onProgress((event.loaded / event.total) * 100); }, false);
+    httpRequest.open("POST", uploadURL, true);
+    httpRequest.send(formData);
+}
+export var UploadUtil = Object.freeze({
+    createRequest: createRequest,
+});
+//# sourceMappingURL=index.js.map

package/util/UploadUtil/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/UploadUtil/index.ts"],"names":[],"mappings":"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"}

package/util/UploadUtil/type.d.ts

@@ -0,0 +1,41 @@
+/**
+ * - Use snake_case, for logging purpose.
+ * - Reason of using `type` instead of `interface`: https://github.com/microsoft/TypeScript/issues/15300
+ */
+export declare type UploadLogInfo = {
+    file_name: string;
+    file_size: string;
+    file_type: string;
+    api_response: string;
+};
+export interface UploadSuccessLogEntry {
+    info: UploadLogInfo;
+    elapsedTime: number;
+}
+export interface UploadFailureLogEntry extends UploadSuccessLogEntry {
+    errorCode: string;
+    errorMessage: string;
+    statusCode?: number;
+}
+export declare type UploadSuccessCallback<ResponseType = any> = (logEntry: UploadSuccessLogEntry, response: ResponseType) => void;
+export declare type UploadFailureCallback<ResponseType = any> = (logEntry: UploadFailureLogEntry, response?: ResponseType) => void;
+export interface UploaderProps<SuccessResponseType = any, ErrorResponseType = any> {
+    /**
+     * POST form field for image content.
+     */
+    formField: string;
+    /**
+     * URL for uploading (method POST).
+     */
+    uploadURL: string;
+    onUploadSuccess?: UploadSuccessCallback<SuccessResponseType>;
+    onUploadFailure?: UploadFailureCallback<ErrorResponseType>;
+}
+export interface CreateUploadRequestOptions {
+    uploadURL: string;
+    file: File;
+    formField: string;
+    onSuccess: UploadSuccessCallback;
+    onError?: UploadFailureCallback;
+    onProgress?: (percentage: number) => void;
+}

package/util/UploadUtil/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/util/UploadUtil/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/util/UploadUtil/type.ts"],"names":[],"mappings":""}

package/config/jest-stubs/style-stub.js

@@ -1,13 +0,0 @@
-/* eslint-env node */
-
-/**
- * A `null` value will be used for *.css, *.less imports during testing
- *
- * Because webpack is not used by jest, parsing style imports directly will throw an error
- * This file will be used to replace all style imports as configured in jest.config.js#moduleNameMapper
- *
- * More info: https://jestjs.io/docs/en/webpack
- *
- * @type {any}
- */
-module.exports = null;

package/config/jest.config.ts

@@ -1,57 +0,0 @@
-import type {Config} from "@jest/types";
-
-const config: Config.InitialOptionsWithRootDir = {
-    // An array of file extensions your modules use
-    moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json"],
-
-    // The regexp pattern or array of patterns that Jest uses to detect test files
-    testRegex: [String.raw`.*/.+\.test\.(ts|tsx)$`],
-
-    // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
-    testPathIgnorePatterns: ["/node_modules/", "<rootDir>/build/"],
-
-    // A preset that is used as a base for Jest's configuration
-    preset: "ts-jest",
-
-    // A set of global variables that need to be available in all test environments
-    globals: {
-        "ts-jest": {
-            tsconfig: "<rootDir>/config/tsconfig.test.json",
-        },
-    },
-
-    // A map from regular expressions to paths to transformers
-    transform: {
-        [String.raw`^.+\.[jt]sx?$`]: "ts-jest",
-    },
-
-    // The root directory that Jest should scan for tests and modules within
-    rootDir: "..",
-
-    // A list of paths to directories that Jest should use to search for files in
-    roots: ["<rootDir>/src", "<rootDir>/test"],
-
-    // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
-    // Note: pathsToModuleNameMapper does NOT automatically pick up folder mapping from baseUrl, add "@pinnacle0/web-ui-test/*" to tsconfig.json
-    moduleNameMapper: {
-        [String.raw`^@pinnacle0/web-ui/(.*)$`]: "<rootDir>/src/$1",
-        [String.raw`\.(css|less)$`]: "<rootDir>/config/jest-stubs/style-stub.js",
-    },
-
-    // The test environment that will be used for testing
-    testEnvironment: "jsdom",
-
-    // A list of paths to modules that run some code to configure or set up the testing framework before each test
-    setupFilesAfterEnv: ["@testing-library/jest-dom/extend-expect"],
-
-    // All imported modules in your tests should be mocked automatically
-    automock: false,
-
-    // Automatically clear mock calls and instances between every test
-    clearMocks: true,
-
-    // An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
-    watchPathIgnorePatterns: ["<rootDir>/build/"],
-};
-
-export default config;

package/config/tsconfig.script.json

@@ -1,12 +0,0 @@
-{
-    "extends": "../../../tsconfig.base.json",
-    "compilerOptions": {
-        "lib": ["ES2020"],
-        "module": "CommonJS",
-        "target": "ES2015",
-        "noEmit": true,
-
-        "jsx": "react"
-    },
-    "include": ["../config", "../script/"]
-}

package/config/tsconfig.src.json

@@ -1,15 +0,0 @@
-{
-    "extends": "../../../tsconfig.base.json",
-    "compilerOptions": {
-        "lib": ["DOM", "ESNext"],
-        "module": "ESNext",
-        "target": "ES5",
-        "rootDir": "../src/",
-        "outDir": "../build/",
-        "exactOptionalPropertyTypes": false,
-        "isolatedModules": true,
-        "jsx": "react",
-        "suppressImplicitAnyIndexErrors": true
-    },
-    "include": ["../src/"]
-}

package/config/tsconfig.test.json

@@ -1,20 +0,0 @@
-{
-    "extends": "../../../tsconfig.base.json",
-    "compilerOptions": {
-        "lib": ["DOM", "ESNext"],
-        "module": "ESNext",
-        "target": "ES5",
-        "importsNotUsedAsValues": "preserve",
-        "inlineSources": true,
-        "isolatedModules": true,
-        "jsx": "react",
-        "sourceMap": true,
-        "suppressImplicitAnyIndexErrors": true,
-        "exactOptionalPropertyTypes": false,
-        "baseUrl": "../test",
-        "paths": {
-            "@pinnacle0/web-ui/*": ["../src/*"]
-        }
-    },
-    "include": ["../test"]
-}

package/script/build.ts

@@ -1,103 +0,0 @@
-import {PrettierUtil, TaskRunner, Utility} from "@pinnacle0/devtool-util";
-import fs from "fs";
-import {copySync as fsExtraCopySync} from "fs-extra";
-import path from "path";
-
-const FilePath = {
-    project: path.join(__dirname, ".."),
-    config: path.join(__dirname, "../config"),
-    build: path.join(__dirname, "../build"),
-    script: path.join(__dirname, "../script"),
-    src: path.join(__dirname, "../src"),
-    test: path.join(__dirname, "../test"),
-
-    jestConfig: path.join(__dirname, "../config/jest.config.ts"),
-    tsConfigForSrc: path.join(__dirname, "../config/tsconfig.src.json"),
-    projectPackageJSON: path.join(__dirname, "../package.json"),
-    projectReadMe: path.join(__dirname, "../README.md"),
-    projectLicense: path.join(__dirname, "../LICENSE.md"),
-    buildPackageJSON: path.join(__dirname, "../build/package.json"),
-    buildReadMe: path.join(__dirname, "../build/README.md"),
-    buildLicense: path.join(__dirname, "../build/LICENSE.md"),
-};
-
-new TaskRunner("build").execute([
-    {
-        name: "prettier",
-        skipInFastMode: true,
-        execute: () => {
-            PrettierUtil.check(FilePath.config);
-            PrettierUtil.check(FilePath.script);
-            PrettierUtil.check(FilePath.src);
-            PrettierUtil.check(FilePath.test);
-        },
-    },
-    {
-        name: "eslint",
-        skipInFastMode: true,
-        execute: () => {
-            Utility.runCommand("eslint", ["--ext=.js,.jsx,.ts,.tsx", FilePath.src]);
-            Utility.runCommand("eslint", ["--ext=.js,.jsx,.ts,.tsx", FilePath.test]);
-        },
-    },
-    {
-        name: "stylelint",
-        skipInFastMode: true,
-        execute: () => {
-            Utility.runCommand("stylelint", [path.join(FilePath.src, "**/*.{css,less}")]);
-            Utility.runCommand("stylelint", [path.join(FilePath.test, "**/*.{css,less}")]);
-        },
-    },
-    {
-        name: "unit test",
-        skipInFastMode: true,
-        execute: () => {
-            Utility.runCommand("jest", ["--config", FilePath.jestConfig, "--bail"]);
-        },
-    },
-    {
-        name: "prepare build directory",
-        execute: () => {
-            Utility.prepareEmptyDirectory(FilePath.build);
-        },
-    },
-    {
-        name: "compile with tsc",
-        execute: () => {
-            Utility.runCommand("tsc", ["--project", FilePath.tsConfigForSrc]);
-        },
-    },
-    {
-        name: "copy assets to build directory",
-        execute: () => {
-            const print = Utility.createConsoleLogger("build");
-            const supportedExtensions = [".less", ".css", ".json", ".jpg", ".png", ".gif", ".mp3", ".mp4", ".wmv"];
-            fsExtraCopySync(FilePath.src, FilePath.build, {
-                filter: source => {
-                    const extension = path.extname(source);
-                    // source may be a directory or a file under the directory.
-                    if (fs.statSync(source).isDirectory()) {
-                        return true;
-                    } else if (supportedExtensions.includes(extension)) {
-                        print.info(`Asset (${extension}) copied from "${path.relative(FilePath.src, source)}"`);
-                        return true;
-                    } else {
-                        if (extension !== ".tsx" && extension !== ".ts") {
-                            print.error(`Asset (${extension}) is unsupported, skipped "${path.relative(FilePath.src, source)}"`);
-                        }
-                        return false;
-                    }
-                },
-                dereference: true,
-            });
-        },
-    },
-    {
-        name: "copy package.json, markdown files",
-        execute: () => {
-            fs.copyFileSync(FilePath.projectPackageJSON, FilePath.buildPackageJSON);
-            fs.copyFileSync(FilePath.projectReadMe, FilePath.buildReadMe);
-            fs.copyFileSync(FilePath.projectLicense, FilePath.buildLicense);
-        },
-    },
-]);

package/script/format.ts

@@ -1,7 +0,0 @@
-import {PrettierUtil} from "@pinnacle0/devtool-util";
-import path from "path";
-
-PrettierUtil.format(path.join(__dirname, "../config"));
-PrettierUtil.format(path.join(__dirname, "../script"));
-PrettierUtil.format(path.join(__dirname, "../src"));
-PrettierUtil.format(path.join(__dirname, "../test"));

package/script/start-mobile.ts

@@ -1,13 +0,0 @@
-import path from "path";
-import {WebpackUtil} from "@pinnacle0/webpack-util/src";
-
-new WebpackUtil.ServerStarter({
-    projectDirectory: path.resolve(__dirname, "../test/mobile-ui-test"),
-    port: 4456,
-    dynamicPathResolvers: [
-        {
-            prefix: "@pinnacle0/web-ui",
-            resolver: path.join(__dirname, "../src"),
-        },
-    ],
-}).run();

package/script/start.ts

@@ -1,31 +0,0 @@
-import path from "path";
-import {WebpackUtil} from "@pinnacle0/webpack-util/src";
-// @ts-ignore
-import type {TestImageUploadResponse, APIErrorResponse} from "../test/ui-test/src/type";
-
-new WebpackUtil.ServerStarter({
-    projectDirectory: path.join(__dirname, "../test/ui-test"),
-    port: 4455,
-    dynamicPathResolvers: [
-        {
-            prefix: "@pinnacle0/web-ui",
-            resolver: path.join(__dirname, "../src"),
-        },
-    ],
-    interceptExpressApp: app =>
-        app.post("/ajax/upload", (request, response) => {
-            if (Math.random() > 0.5) {
-                const uploadResponse: TestImageUploadResponse = {
-                    imageURL: "https://upload.wikimedia.org/wikipedia/commons/1/11/Test-Logo.svg",
-                    imageKey: "test",
-                };
-                response.json(uploadResponse);
-            } else {
-                const errorCode = Math.random() > 0.5 ? 500 : 400;
-                const uploadResponse: APIErrorResponse = {
-                    message: "Server Error, Please Retry",
-                };
-                response.status(errorCode).json(uploadResponse);
-            }
-        }),
-}).run();