@shopify/react-html - npm Package Compare versions

Comparing version 6.1.0 to 6.2.0

CHANGELOG.md

@@ -11,4 +11,8 @@ # Changelog
 
+## Unreleased
+
+- Added metadata components: `AppleHomeScreen` and `Responsive`. [#481](https://github.com/Shopify/quilt/pull/481)
+
 ## 6.0.2 - 2019-01-09
 
 - Start of Changelog

dist/components/index.d.ts

@@ -8,1 +8,3 @@ export { default as Favicon } from './Favicon';
 export { default as Title } from './Title';
+export { default as Responsive } from './Responsive';
+export { default as AppleHomeScreen } from './AppleHomeScreen';

dist/components/index.js

@@ -17,1 +17,5 @@ "use strict";
 exports.Title = Title_1.default;
+var Responsive_1 = require("./Responsive");
+exports.Responsive = Responsive_1.default;
+var AppleHomeScreen_1 = require("./AppleHomeScreen");
+exports.AppleHomeScreen = AppleHomeScreen_1.default;

dist/server/components/Html.d.ts

@@ -16,3 +16,5 @@ import * as React from 'react';
     bodyMarkup?: React.ReactNode;
+    favicon?: string;
+    title?: string;
 }
-export default function Html({ manager, children, locale, blockingScripts, scripts, styles, headMarkup, bodyMarkup, }: Props): JSX.Element;
+export default function Html({ manager, children, locale, blockingScripts, scripts, styles, headMarkup, bodyMarkup, favicon, title, }: Props): JSX.Element;

dist/server/components/Html.js

@@ -10,3 +10,3 @@ "use strict";
 function Html(_a) {
-    var manager = _a.manager, children = _a.children, _b = _a.locale, locale = _b === void 0 ? 'en' : _b, _c = _a.blockingScripts, blockingScripts = _c === void 0 ? [] : _c, _d = _a.scripts, scripts = _d === void 0 ? [] : _d, _e = _a.styles, styles = _e === void 0 ? [] : _e, _f = _a.headMarkup, headMarkup = _f === void 0 ? null : _f, _g = _a.bodyMarkup, bodyMarkup = _g === void 0 ? null : _g;
+    var manager = _a.manager, children = _a.children, _b = _a.locale, locale = _b === void 0 ? 'en' : _b, _c = _a.blockingScripts, blockingScripts = _c === void 0 ? [] : _c, _d = _a.scripts, scripts = _d === void 0 ? [] : _d, _e = _a.styles, styles = _e === void 0 ? [] : _e, _f = _a.headMarkup, headMarkup = _f === void 0 ? null : _f, _g = _a.bodyMarkup, bodyMarkup = _g === void 0 ? null : _g, favicon = _a.favicon, title = _a.title;
     var _h;
@@ -22,3 +22,4 @@ var markup = server_1.renderToString(children);
     var managedProps = (_h = {}, _h[utilities_1.MANAGED_ATTRIBUTE] = true, _h);
-    var titleMarkup = extracted && extracted.title ? (React.createElement("title", tslib_1.__assign({}, managedProps), extracted.title)) : null;
+    var titleFallbackMarkup = title ? React.createElement(components_1.Title, null, title) : null;
+    var titleMarkup = extracted && extracted.title ? (React.createElement("title", tslib_1.__assign({}, managedProps), extracted.title)) : (titleFallbackMarkup);
     var metaMarkup = extracted
@@ -50,4 +51,9 @@ ? extracted.metas.map(function (metaProps, index) { return (
     process.env.NODE_ENV === 'development' ? { display: 'none' } : undefined;
+    var faviconMarkup = favicon ? React.createElement(components_1.Favicon, { source: favicon }) : null;
     return (React.createElement("html", { lang: locale },
         React.createElement("head", null,
+            React.createElement(components_1.Meta, { charSet: "utf-8" }),
+            React.createElement(components_1.Meta, { httpEquiv: "X-UA-Compatible", content: "IE=edge" }),
+            React.createElement(components_1.Meta, { name: "referrer", content: "never" }),
+            faviconMarkup,
             titleMarkup,
@@ -54,0 +60,0 @@ metaMarkup,

package.json

 {
   "name": "@shopify/react-html",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "A component to render your react app with no static HTML.",

README.md

@@ -233,2 +233,10 @@ # `@shopify/react-html`
 
+### `<Responsive />`
+
+Renders a `<Meta />` tag that specifies additional functionality and dimensions to mobile devices. Accepts a `coverNotch` property which allows the viewport to fill the device display, and an `allowPinchToZoom` property to the allow the app to be zoomed-in. Both properties default to `true`.
+
+### `<AppleHomeScreen />`
+
+Renders iOS-specific `<Meta />` tags and `<Link />` tags to specify additional visual information on how to display the app on iOS devices. Accepts an `icons` property as an array of image attributes to be used for the app‘s home screen icon. Also accepts a `startUpImage` url to render while the app is loading after being launched from the home screen.
+
 ### `<Serialize />`
@@ -235,0 +243,0 @@

src/components/index.ts

@@ -8,1 +8,3 @@ export {default as Favicon} from './Favicon';
 export {default as Title} from './Title';
+export {default as Responsive} from './Responsive';
+export {default as AppleHomeScreen} from './AppleHomeScreen';

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

86536

increased by12.38%

Number of package files

85

increased by10.39%

Lines of code

1973

increased by14.05%

Number of lines in readme file

266

increased by3.1%

No dependency changes