@pmmmwh/react-refresh-webpack-plugin - npm Package Compare versions

Comparing version 0.5.2 to 0.5.3

loader/index.js

@@ -78,12 +78,11 @@ // This is a patch for mozilla/source-map#349 -
 
-      const node = SourceNode.fromStringWithSourceMap(
-        source,
-        await new SourceMapConsumer(originalSourceMap)
-      );
+      return SourceMapConsumer.with(originalSourceMap, undefined, (consumer) => {
+        const node = SourceNode.fromStringWithSourceMap(source, consumer);
 
-      node.prepend([RefreshSetupRuntime, '\n\n']);
-      node.add(['\n\n', RefreshModuleRuntime]);
+        node.prepend([RefreshSetupRuntime, '\n\n']);
+        node.add(['\n\n', RefreshModuleRuntime]);
 
-      const { code, map } = node.toStringWithSourceMap();
-      return [code, map.toJSON()];
+        const { code, map } = node.toStringWithSourceMap();
+        return [code, map.toJSON()];
+      });
     } else {
@@ -90,0 +89,0 @@ return [[RefreshSetupRuntime, source, RefreshModuleRuntime].join('\n\n'), inputSourceMap];

overlay/components/PageHeader.js

@@ -24,6 +24,8 @@ const Spacer = require('./Spacer.js');
   pageHeaderContainer.style.left = '0';
+  pageHeaderContainer.style.right = '0';
   pageHeaderContainer.style.padding = '1rem 1.5rem';
+  pageHeaderContainer.style.paddingLeft = 'max(1.5rem, env(safe-area-inset-left))';
+  pageHeaderContainer.style.paddingRight = 'max(1.5rem, env(safe-area-inset-right))';
   pageHeaderContainer.style.position = 'fixed';
   pageHeaderContainer.style.top = props.topOffset || '0';
-  pageHeaderContainer.style.width = 'calc(100vw - 3rem)';
 
@@ -30,0 +32,0 @@ const title = document.createElement('h3');

overlay/components/RuntimeErrorFooter.js

@@ -27,6 +27,8 @@ const Spacer = require('./Spacer.js');
   footer.style.left = '0';
+  footer.style.right = '0';
   footer.style.lineHeight = '2.5rem';
+  footer.style.paddingBottom = '0';
+  footer.style.paddingBottom = 'env(safe-area-inset-bottom)';
   footer.style.position = 'fixed';
   footer.style.textAlign = 'center';
-  footer.style.width = '100vw';
   footer.style.zIndex = '2';
@@ -33,0 +35,0 @@

overlay/index.js

@@ -76,4 +76,6 @@ const RuntimeErrorFooter = require('./components/RuntimeErrorFooter.js');
   iframe.style.border = 'none';
-  iframe.style.height = '100vh';
+  iframe.style.height = '100%';
   iframe.style.left = '0';
+  iframe.style.minHeight = '100vh';
+  iframe.style.minHeight = '-webkit-fill-available';
   iframe.style.position = 'fixed';
@@ -121,6 +123,10 @@ iframe.style.top = '0';
   div.style.fontSize = '0.875rem';
-  div.style.height = '100vh';
+  div.style.height = '100%';
   div.style.lineHeight = '1.3';
   div.style.overflow = 'auto';
   div.style.padding = '1rem 1.5rem 0';
+  div.style.paddingTop = 'max(1rem, env(safe-area-inset-top))';
+  div.style.paddingRight = 'max(1.5rem, env(safe-area-inset-right))';
+  div.style.paddingBottom = 'env(safe-area-inset-bottom)';
+  div.style.paddingLeft = 'max(1.5rem, env(safe-area-inset-left))';
   div.style.width = '100vw';
@@ -127,0 +133,0 @@

package.json

 {
   "name": "@pmmmwh/react-refresh-webpack-plugin",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "An **EXPERIMENTAL** Webpack plugin to enable \"Fast Refresh\" (also previously known as _Hot Reloading_) for React components.",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

135236

increased by6.79%

Number of package files

59

increased by1.72%

Lines of code

3080

increased by0.29%

No dependency changes