storybook-amp
Version:
Storybook addon for AMP Html. Allows to display in your stories AMP Html components generated with React.
17 lines (16 loc) • 1.78 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _default = function _default(_ref) {
var _ref$title = _ref.title,
title = _ref$title === void 0 ? 'AMP Demo' : _ref$title,
_ref$canonical = _ref.canonical,
canonical = _ref$canonical === void 0 ? '#' : _ref$canonical,
scripts = _ref.scripts,
styles = _ref.styles,
baseUrl = _ref.baseUrl;
return "\n<html amp lang=\"en\">\n <head>\n <meta charSet=\"utf-8\" />\n <title>".concat(title, "</title>\n <link rel=\"canonical\" href=\"").concat(canonical, "\" />\n <meta name=\"viewport\" content=\"width=device-width,minimum-scale=1,initial-scale=1\" />\n\n <script async src=\"https://cdn.ampproject.org/v0.js\"></script>\n ").concat(scripts ? scripts.trim() : '', "\n\n <style amp-custom>").concat(styles, "</style>\n <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>\n </head>\n <body>\n <main>\n <!-- STORY CODE -->\n </main>\n </body>\n</html>");
};
exports["default"] = _default;