@happymini/debugbar - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

lib/cjs/frontend/App.js

@@ -48,2 +48,3 @@ "use strict";
 var Network_1 = __importDefault(require("./components/Tabs/Network"));
+var Resources_1 = __importDefault(require("./components/Tabs/Resources"));
 var defaultConfig = {
@@ -106,4 +107,5 @@ showMode: "hide",
                     isActiveTab("Settings") && react_1.default.createElement(Settings_1.default, null),
-                    isActiveTab("Network") && react_1.default.createElement(Network_1.default, null))))));
+                    isActiveTab("Network") && react_1.default.createElement(Network_1.default, null),
+                    isActiveTab("Resources") && react_1.default.createElement(Resources_1.default, null))))));
 };
 exports.default = App;

lib/cjs/frontend/components/Header.js

@@ -57,3 +57,3 @@ "use strict";
     {
-        name: "Application"
+        name: "Resources"
     },
@@ -60,0 +60,0 @@ {

lib/cjs/frontend/components/Tabs/Network.js

@@ -54,2 +54,3 @@ "use strict";
 var console_1 = require("../../configs/console");
+var CopyButton_1 = __importDefault(require("../CopyButton"));
 var netWorkTabs = ["Headers", "Payload", "Response"];
@@ -62,3 +63,3 @@ var netWorkTypes = [
     "Img",
-    "Media"
+    "Media",
 ];
@@ -92,3 +93,7 @@ var RequestDetail = function (_a) {
                     react_1.default.createElement("div", { className: "hmdb-network-line-detail" },
-                        react_1.default.createElement("div", { style: { textDecoration: "underline" } }, request.url)),
+                        react_1.default.createElement("div", { style: {
+                                textDecoration: "underline",
+                            } },
+                            request.url,
+                            react_1.default.createElement(CopyButton_1.default, { contentNeedCopy: request.url }))),
                     react_1.default.createElement("details", { open: true },
@@ -116,3 +121,4 @@ react_1.default.createElement("summary", null, "General"),
                                 ": ",
-                                value));
+                                value,
+                                react_1.default.createElement(CopyButton_1.default, { contentNeedCopy: value })));
                         })))),
@@ -126,12 +132,18 @@ !!Object.keys(request.reqHeaders).length && (react_1.default.createElement("details", { open: true },
                                 ": ",
-                                value));
+                                value,
+                                react_1.default.createElement(CopyButton_1.default, { contentNeedCopy: value })));
                         })))))),
-                isActiveTab("Payload") && (react_1.default.createElement("div", null, payload ? (react_1.default.createElement(Component_1.default, { styles: console_1.styles, variant: "dark", logs: [
-                        {
-                            method: "log",
-                            data: [payload],
-                            id: payload
-                        }
-                    ] })) : (react_1.default.createElement("i", null, "( Empty )")))),
+                isActiveTab("Payload") && (react_1.default.createElement("div", null, payload ? (react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", { style: { paddingBottom: 10 } },
+                        react_1.default.createElement(CopyButton_1.default, { title: "Copy payload", contentNeedCopy: request.data })),
+                    react_1.default.createElement(Component_1.default, { styles: console_1.styles, variant: "dark", logs: [
+                            {
+                                method: "log",
+                                data: [payload],
+                                id: payload,
+                            },
+                        ] }))) : (react_1.default.createElement("i", null, "( Empty )")))),
                 isActiveTab("Response") && response && (react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", { style: { paddingBottom: 10 } },
+                        react_1.default.createElement(CopyButton_1.default, { title: "Copy response", contentNeedCopy: request.resTxt })),
                     react_1.default.createElement(Component_1.default, { styles: console_1.styles, variant: "dark", logs: [
@@ -141,4 +153,4 @@ {
                                 data: [response],
-                                id: response
-                            }
+                                id: response,
+                            },
                         ] }))))));
@@ -191,3 +203,3 @@ }
                     (hasErr || status === "error") && "hmdb-request-line-error",
-                    _requestId === requestId && "hmdb-request-line-active"
+                    _requestId === requestId && "hmdb-request-line-active",
                 ].join(" ") },
@@ -194,0 +206,0 @@ react_1.default.createElement("td", null,

lib/cjs/types/app.d.ts

 export declare type ShowModeType = "hide" | "minimize" | "full";
-export declare type TabType = "Console" | "Elements" | "Performance" | "Network" | "Application" | "Settings";
+export declare type TabType = "Console" | "Elements" | "Performance" | "Network" | "Resources" | "Settings";
 export declare type Config = {
@@ -4,0 +4,0 @@ showMode: ShowModeType;

lib/esm/frontend/App.js

@@ -48,2 +48,3 @@ "use strict";
 var Network_1 = __importDefault(require("./components/Tabs/Network"));
+var Resources_1 = __importDefault(require("./components/Tabs/Resources"));
 var defaultConfig = {
@@ -106,4 +107,5 @@ showMode: "hide",
                     isActiveTab("Settings") && react_1.default.createElement(Settings_1.default, null),
-                    isActiveTab("Network") && react_1.default.createElement(Network_1.default, null))))));
+                    isActiveTab("Network") && react_1.default.createElement(Network_1.default, null),
+                    isActiveTab("Resources") && react_1.default.createElement(Resources_1.default, null))))));
 };
 exports.default = App;

lib/esm/frontend/components/Header.js

@@ -57,3 +57,3 @@ "use strict";
     {
-        name: "Application"
+        name: "Resources"
     },
@@ -60,0 +60,0 @@ {

lib/esm/frontend/components/Tabs/Network.js

@@ -54,2 +54,3 @@ "use strict";
 var console_1 = require("../../configs/console");
+var CopyButton_1 = __importDefault(require("../CopyButton"));
 var netWorkTabs = ["Headers", "Payload", "Response"];
@@ -62,3 +63,3 @@ var netWorkTypes = [
     "Img",
-    "Media"
+    "Media",
 ];
@@ -92,3 +93,7 @@ var RequestDetail = function (_a) {
                     react_1.default.createElement("div", { className: "hmdb-network-line-detail" },
-                        react_1.default.createElement("div", { style: { textDecoration: "underline" } }, request.url)),
+                        react_1.default.createElement("div", { style: {
+                                textDecoration: "underline",
+                            } },
+                            request.url,
+                            react_1.default.createElement(CopyButton_1.default, { contentNeedCopy: request.url }))),
                     react_1.default.createElement("details", { open: true },
@@ -116,3 +121,4 @@ react_1.default.createElement("summary", null, "General"),
                                 ": ",
-                                value));
+                                value,
+                                react_1.default.createElement(CopyButton_1.default, { contentNeedCopy: value })));
                         })))),
@@ -126,12 +132,18 @@ !!Object.keys(request.reqHeaders).length && (react_1.default.createElement("details", { open: true },
                                 ": ",
-                                value));
+                                value,
+                                react_1.default.createElement(CopyButton_1.default, { contentNeedCopy: value })));
                         })))))),
-                isActiveTab("Payload") && (react_1.default.createElement("div", null, payload ? (react_1.default.createElement(Component_1.default, { styles: console_1.styles, variant: "dark", logs: [
-                        {
-                            method: "log",
-                            data: [payload],
-                            id: payload
-                        }
-                    ] })) : (react_1.default.createElement("i", null, "( Empty )")))),
+                isActiveTab("Payload") && (react_1.default.createElement("div", null, payload ? (react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", { style: { paddingBottom: 10 } },
+                        react_1.default.createElement(CopyButton_1.default, { title: "Copy payload", contentNeedCopy: request.data })),
+                    react_1.default.createElement(Component_1.default, { styles: console_1.styles, variant: "dark", logs: [
+                            {
+                                method: "log",
+                                data: [payload],
+                                id: payload,
+                            },
+                        ] }))) : (react_1.default.createElement("i", null, "( Empty )")))),
                 isActiveTab("Response") && response && (react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", { style: { paddingBottom: 10 } },
+                        react_1.default.createElement(CopyButton_1.default, { title: "Copy response", contentNeedCopy: request.resTxt })),
                     react_1.default.createElement(Component_1.default, { styles: console_1.styles, variant: "dark", logs: [
@@ -141,4 +153,4 @@ {
                                 data: [response],
-                                id: response
-                            }
+                                id: response,
+                            },
                         ] }))))));
@@ -191,3 +203,3 @@ }
                     (hasErr || status === "error") && "hmdb-request-line-error",
-                    _requestId === requestId && "hmdb-request-line-active"
+                    _requestId === requestId && "hmdb-request-line-active",
                 ].join(" ") },
@@ -194,0 +206,0 @@ react_1.default.createElement("td", null,

lib/esm/types/app.d.ts

 export declare type ShowModeType = "hide" | "minimize" | "full";
-export declare type TabType = "Console" | "Elements" | "Performance" | "Network" | "Application" | "Settings";
+export declare type TabType = "Console" | "Elements" | "Performance" | "Network" | "Resources" | "Settings";
 export declare type Config = {
@@ -4,0 +4,0 @@ showMode: ShowModeType;

package.json

 {
   "name": "@happymini/debugbar",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Debugbar for Happy Mini App",
@@ -5,0 +5,0 @@ "main": "./lib/cjs/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

252612

increased by7.91%

Number of package files

120

increased by7.14%

Lines of code

5892

increased by6.28%

No dependency changes