@shopify/react-html - npm Package Compare versions

Comparing version 0.0.0-snapshot-20230217231915 to 0.0.0-snapshot-20230425154318

build/cjs/server/components/Serialize.js

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

build/ts/components/InlineStyle.d.ts

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

build/ts/components/Link.d.ts

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

build/ts/components/Meta.d.ts

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

build/ts/hooks.d.ts

 /// <reference types="react" />
-import { HtmlManager } from './manager';
+import type { HtmlManager } from './manager';
 export declare function useDomEffect(perform: (manager: HtmlManager) => () => void, inputs?: unknown[]): void;
@@ -4,0 +4,0 @@ export declare function useTitle(title: string): void;

build/ts/manager.d.ts

 /// <reference types="react" />
-import { EffectKind } from '@shopify/react-effect';
+import type { EffectKind } from '@shopify/react-effect';
 export interface State {
@@ -4,0 +4,0 @@ title?: string;

build/ts/server/components/Html.d.ts

 import React from 'react';
-import { HydrationManager } from '@shopify/react-hydrate';
-import { HtmlManager } from '../../manager';
+import type { HydrationManager } from '@shopify/react-hydrate';
+import type { HtmlManager } from '../../manager';
 export interface Asset {
@@ -5,0 +5,0 @@ path: string;

build/ts/server/render.d.ts

@@ -1,3 +0,3 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export default function render(tree: ReactElement<unknown>): string;
 //# sourceMappingURL=render.d.ts.map

build/ts/server/stream.d.ts

@@ -1,3 +0,3 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export default function stream(tree: ReactElement<unknown>): NodeJS.ReadableStream;
 //# sourceMappingURL=stream.d.ts.map

index.js

@@ -1,1 +0,1 @@
-module.exports = require("./build/cjs/index.js");
+module.exports = require("./build/cjs/index.js");

package.json

 {
   "name": "@shopify/react-html",
-  "version": "0.0.0-snapshot-20230217231915",
+  "version": "0.0.0-snapshot-20230425154318",
   "license": "MIT",
@@ -33,7 +33,7 @@ "description": "A component to render your React app with no static HTML",
   "dependencies": {
-    "@shopify/react-effect": "^5.0.2",
-    "@shopify/react-hydrate": "^3.0.6",
+    "@shopify/react-effect": "^5.0.3",
+    "@shopify/react-hydrate": "0.0.0-snapshot-20230425154318",
     "@types/multistream": "^2.1.1",
-    "jsesc": "^3.0.2",
-    "multistream": "^2.1.1"
+    "multistream": "^2.1.1",
+    "serialize-javascript": "^3.0.0"
   },
@@ -45,3 +45,3 @@ "peerDependencies": {
   "devDependencies": {
-    "@shopify/react-testing": "^5.1.0",
+    "@shopify/react-testing": "^5.1.3",
     "@shopify/with-env": "^3.0.1"
@@ -48,0 +48,0 @@ },

server.js

@@ -1,1 +0,1 @@
-module.exports = require("./build/cjs/server/index.js");
+module.exports = require("./build/cjs/server/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

112889

increased by0.06%

Dependency changes

• + Addedserialize-javascript@^3.0.0

• + Added@shopify/react-hooks@0.0.0-snapshot-20230425154318(transitive)

• + Added@shopify/react-hydrate@0.0.0-snapshot-20230425154318(transitive)

• + Addedrandombytes@2.1.0(transitive)

• + Addedserialize-javascript@3.1.0(transitive)

• - Removedjsesc@^3.0.2

• - Removed@shopify/react-hooks@4.1.2(transitive)

• - Removed@shopify/react-hydrate@3.1.4(transitive)

• - Removedjsesc@3.0.2(transitive)

• Updated@shopify/react-effect@^5.0.3

• Updated@shopify/react-hydrate@0.0.0-snapshot-20230425154318