@shopify/react-html - npm Package Compare versions

Comparing version 0.0.0-snapshot-20230117230633 to 0.0.0-snapshot-20230217231915

build/cjs/server/components/Serialize.js

@@ -6,3 +6,3 @@ 'use strict';
 var React = require('react');
-var serialize = require('serialize-javascript');
+var jsesc = require('jsesc');
 var utilities = require('../../utilities.js');
@@ -13,3 +13,3 @@
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var serialize__default = /*#__PURE__*/_interopDefaultLegacy(serialize);
+var jsesc__default = /*#__PURE__*/_interopDefaultLegacy(jsesc);
 
@@ -20,8 +20,10 @@ function Serialize({
 }) {
+  const serialized = jsesc__default["default"](data, {
+    isScriptContext: true,
+    json: true
+  });
   return /*#__PURE__*/React__default["default"].createElement("script", {
     type: "text/json",
     dangerouslySetInnerHTML: {
-      __html: serialize__default["default"](data, {
-        isJSON: true
-      })
+      __html: serialized
     },
@@ -28,0 +30,0 @@ [utilities.SERIALIZE_ATTRIBUTE]: id

build/ts/components/BodyAttributes.d.ts

 import { useBodyAttributes } from '../hooks';
-declare type Props = Parameters<typeof useBodyAttributes>[0];
+type Props = Parameters<typeof useBodyAttributes>[0];
 export declare function BodyAttributes(props: Props): null;
 export {};
 //# sourceMappingURL=BodyAttributes.d.ts.map

build/ts/components/HtmlAttributes.d.ts

 import { useHtmlAttributes } from '../hooks';
-declare type Props = Parameters<typeof useHtmlAttributes>[0];
+type Props = Parameters<typeof useHtmlAttributes>[0];
 export declare function HtmlAttributes(props: Props): null;
 export {};
 //# sourceMappingURL=HtmlAttributes.d.ts.map

build/ts/components/InlineStyle.d.ts

 import React from 'react';
-declare type Props = React.HTMLProps<HTMLStyleElement>;
+type Props = React.HTMLProps<HTMLStyleElement>;
 export declare function InlineStyle(props: Props): null;
 export {};
 //# sourceMappingURL=InlineStyle.d.ts.map

build/ts/components/Link.d.ts

 import React from 'react';
-declare type Props = React.HTMLProps<HTMLLinkElement>;
+type Props = React.HTMLProps<HTMLLinkElement>;
 export declare function Link(props: Props): null;
 export {};
 //# sourceMappingURL=Link.d.ts.map

build/ts/components/Meta.d.ts

 import React from 'react';
-declare type Props = React.HTMLProps<HTMLMetaElement>;
+type Props = React.HTMLProps<HTMLMetaElement>;
 export declare function Meta(props: Props): null;
 export {};
 //# sourceMappingURL=Meta.d.ts.map

package.json

 {
   "name": "@shopify/react-html",
-  "version": "0.0.0-snapshot-20230117230633",
+  "version": "0.0.0-snapshot-20230217231915",
   "license": "MIT",
@@ -36,4 +36,4 @@ "description": "A component to render your React app with no static HTML",
     "@types/multistream": "^2.1.1",
-    "multistream": "^2.1.1",
-    "serialize-javascript": "^3.0.0"
+    "jsesc": "^3.0.2",
+    "multistream": "^2.1.1"
   },
@@ -45,3 +45,3 @@ "peerDependencies": {
   "devDependencies": {
-    "@shopify/react-testing": "^5.0.1",
+    "@shopify/react-testing": "^5.1.0",
     "@shopify/with-env": "^3.0.1"
@@ -48,0 +48,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

112823

increased by0.02%

Lines of code

1740

increased by0.23%

Dependency changes

• + Addedjsesc@^3.0.2

• + Addedjsesc@3.0.2(transitive)

• - Removedserialize-javascript@^3.0.0

• - Removedrandombytes@2.1.0(transitive)

• - Removedserialize-javascript@3.1.0(transitive)