msw-dev-tool 1.0.0

package/dist/cjs/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+var reactDom = require('react-dom');
+
+const MSWDevTool = () => {
+    return reactDom.createPortal(React.createElement(React.Fragment, null,
+        React.createElement("div", { style: {
+                position: "absolute",
+                top: "10px",
+                left: "10px",
+                borderRadius: "50%",
+                border: "1px solid black",
+                backgroundColor: "white",
+                color: "black",
+                width: "50px",
+                height: "50px",
+                fontSize: "30px",
+                textAlign: "center",
+                cursor: "pointer",
+            } }, "M")), document.body);
+};
+
+exports.MSWDevTool = MSWDevTool;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/ui/MSWDevTool.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport const MSWDevTool = () => {\n  return createPortal(\n    <>\n      <div\n        style={{\n          position: \"absolute\",\n          top: \"10px\",\n          left: \"10px\",\n          borderRadius: \"50%\",\n          border: \"1px solid black\",\n          backgroundColor: \"white\",\n          color: \"black\",\n          width: \"50px\",\n          height: \"50px\",\n          fontSize: \"30px\",\n          textAlign: \"center\",\n          cursor: \"pointer\",\n        }}\n      >\n        M\n      </div>\n    </>,\n    document.body\n  );\n};\n"],"names":["createPortal"],"mappings":";;;;;AAGO,MAAM,UAAU,GAAG,MAAK;AAC7B,IAAA,OAAOA,qBAAY,CACjB,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,MAAM;AACX,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,YAAY,EAAE,KAAK;AACnB,gBAAA,MAAM,EAAE,iBAAiB;AACzB,gBAAA,eAAe,EAAE,OAAO;AACxB,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,SAAS,EAAE,QAAQ;AACnB,gBAAA,MAAM,EAAE,SAAS;AAClB,aAAA,EAAA,EAAA,GAAA,CAGG,CACL,EACH,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ;;;;"}

package/dist/cjs/types/index.d.ts

@@ -0,0 +1,2 @@
+import { MSWDevTool } from "./ui/MSWDevTool";
+export { MSWDevTool };

package/dist/cjs/types/ui/MSWDevTool.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const MSWDevTool: () => React.ReactPortal;

package/dist/esm/index.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { createPortal } from 'react-dom';
+
+const MSWDevTool = () => {
+    return createPortal(React.createElement(React.Fragment, null,
+        React.createElement("div", { style: {
+                position: "absolute",
+                top: "10px",
+                left: "10px",
+                borderRadius: "50%",
+                border: "1px solid black",
+                backgroundColor: "white",
+                color: "black",
+                width: "50px",
+                height: "50px",
+                fontSize: "30px",
+                textAlign: "center",
+                cursor: "pointer",
+            } }, "M")), document.body);
+};
+
+export { MSWDevTool };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/ui/MSWDevTool.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport const MSWDevTool = () => {\n  return createPortal(\n    <>\n      <div\n        style={{\n          position: \"absolute\",\n          top: \"10px\",\n          left: \"10px\",\n          borderRadius: \"50%\",\n          border: \"1px solid black\",\n          backgroundColor: \"white\",\n          color: \"black\",\n          width: \"50px\",\n          height: \"50px\",\n          fontSize: \"30px\",\n          textAlign: \"center\",\n          cursor: \"pointer\",\n        }}\n      >\n        M\n      </div>\n    </>,\n    document.body\n  );\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,UAAU,GAAG,MAAK;AAC7B,IAAA,OAAO,YAAY,CACjB,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,MAAM;AACX,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,YAAY,EAAE,KAAK;AACnB,gBAAA,MAAM,EAAE,iBAAiB;AACzB,gBAAA,eAAe,EAAE,OAAO;AACxB,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,SAAS,EAAE,QAAQ;AACnB,gBAAA,MAAM,EAAE,SAAS;AAClB,aAAA,EAAA,EAAA,GAAA,CAGG,CACL,EACH,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ;;;;"}

package/dist/esm/types/index.d.ts

@@ -0,0 +1,2 @@
+import { MSWDevTool } from "./ui/MSWDevTool";
+export { MSWDevTool };

package/dist/esm/types/ui/MSWDevTool.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const MSWDevTool: () => React.ReactPortal;

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+declare const MSWDevTool: () => React.ReactPortal;
+
+export { MSWDevTool };

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "msw-dev-tool",
+  "version": "1.0.0",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "rollup -c"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^24.0.1",
+    "@rollup/plugin-node-resolve": "^15.0.2",
+    "@rollup/plugin-typescript": "^11.1.3",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup": "^3.28.0",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-dts": "^5.3.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "tslib": "^2.8.1",
+    "typescript": "^5.2.2"
+  }
+}