@shopify/react-async - npm Package Compare versions

Comparing version 3.1.5 to 3.1.6

package.json

 {
   "name": "@shopify/react-async",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "license": "MIT",
@@ -17,6 +17,3 @@ "description": "Tools for creating powerful, asynchronously-loaded React components.",
   "author": "Shopify Inc.",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Shopify/quilt.git"
-  },
+  "repository": "https://github.com/shopify/quilt/tree/master/packages/react-async",
   "bugs": {
@@ -27,10 +24,10 @@ "url": "https://github.com/shopify/quilt/issues"
   "dependencies": {
-    "@shopify/async": "^2.1.2",
+    "@shopify/async": "^2.1.3",
     "@shopify/javascript-utilities": "^2.4.0",
-    "@shopify/react-effect": "^3.2.9",
-    "@shopify/react-hooks": "^1.4.0",
-    "@shopify/react-hydrate": "^1.1.12",
-    "@shopify/react-idle": "^1.0.14",
-    "@shopify/react-intersection-observer": "^2.0.11",
-    "@shopify/useful-types": "^2.1.2"
+    "@shopify/react-effect": "^3.2.10",
+    "@shopify/react-hooks": "^1.4.1",
+    "@shopify/react-hydrate": "^1.1.13",
+    "@shopify/react-idle": "^1.0.15",
+    "@shopify/react-intersection-observer": "^2.0.12",
+    "@shopify/useful-types": "^2.1.3"
   },
@@ -41,4 +38,5 @@ "peerDependencies": {
   "files": [
-    "dist/*"
+    "dist/*",
+    "!tsconfig.tsbuildinfo"
   ]
 }

README.md

@@ -26,3 +26,3 @@ # `@shopify/react-async`
 const MyComponent = createAsyncComponent({
-  load: () => import('./MyComponent'),
+  load: () => import(/* webpackChunkName: 'MyComponent' */ './MyComponent'),
 });
@@ -39,3 +39,3 @@ ```
 const MyComponent = createAsyncComponent({
-  load: () => import('./MyComponent'),
+  load: () => import(/* webpackChunkName: 'MyComponent' */ './MyComponent'),
 });
@@ -59,3 +59,3 @@
 const MyComponent = createAsyncComponent({
-  load: () => import('./MyComponent'),
+  load: () => import(/* webpackChunkName: 'MyComponent' */ './MyComponent'),
   usePrefetch: () => {
@@ -85,3 +85,3 @@ const networkCache = useContext(MyNetworkCache);
 const MyComponent = createAsyncComponent({
-  load: () => import('./MyComponent'),
+  load: () => import(/* webpackChunkName: 'MyComponent' */ './MyComponent'),
   usePrefetch: ({id}: {id: string}) => (
@@ -116,7 +116,8 @@ const networkCache = useContext(MyNetworkCache);
 const MyQuery = createAsyncQueryComponent({
-  load: () => import('./graphql/MyQuery.graphql'),
+  load: () =>
+    import(/* webpackChunkName: 'MyQuery' */ './graphql/MyQuery.graphql'),
 });
 
 const MyComponent = createAsyncComponent({
-  load: () => import('./MyComponent'),
+  load: () => import(/* webpackChunkName: 'MyComponent' */ './MyComponent'),
   renderLoading: () => <Loading />,
@@ -147,3 +148,3 @@ // If you use `graphql-typescript-definitions` for generating types from your
 const MyComponent = createAsyncComponent({
-  load: () => import('./MyComponent'),
+  load: () => import(/* webpackChunkName: 'MyComponent' */ './MyComponent'),
 });
@@ -153,3 +154,3 @@
 const MyComponentOnMount = createAsyncComponent({
-  load: () => import('./MyComponent'),
+  load: () => import(/* webpackChunkName: 'MyComponent' */ './MyComponent'),
   defer: DeferTiming.Mount,
@@ -160,3 +161,3 @@ });
 const MyComponentOnIdle = createAsyncComponent({
-  load: () => import('./MyComponent'),
+  load: () => import(/* webpackChunkName: 'MyComponent' */ './MyComponent'),
   defer: DeferTiming.Idle,
@@ -168,3 +169,3 @@ });
 const MyComponentOnIdle = createAsyncComponent({
-  load: () => import('./MyComponent'),
+  load: () => import(/* webpackChunkName: 'MyComponent' */ './MyComponent'),
   defer: DeferTiming.InViewport,
@@ -178,3 +179,4 @@ });
 const MyModalComponent = createAsyncComponent({
-  load: () => import('./MyModalComponent'),
+  load: () =>
+    import(/* webpackChunkName: 'MyModalComponent' */ './MyModalComponent'),
   defer: ({open}) => open,
@@ -269,3 +271,4 @@ });
   load: () => import('./ProductDetails'),
-  usePrefetch: ({id}: {id: string}) => usePrefetch(PrefetchableGraphQLQuery, {id}),
+  usePrefetch: ({id}: {id: string}) =>
+    usePrefetch(PrefetchableGraphQLQuery, {id}),
 });
@@ -272,0 +275,0 @@ ```

New alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

350

increased by0.86%

Worsened metrics

Total package byte prevSize

74299

decreased by-82.4%

Number of package files

39

decreased by-2.5%

Number of low supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@shopify/async@^2.1.3

• Updated@shopify/react-effect@^3.2.10

• Updated@shopify/react-hooks@^1.4.1

• Updated@shopify/react-hydrate@^1.1.13

• Updated@shopify/react-idle@^1.0.15

• Updated@shopify/react-intersection-observer@^2.0.12

• Updated@shopify/useful-types@^2.1.3