@times-components/article-skeleton 1.85.42 → 1.86.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +27 -0
- package/babel.config.js +13 -2
- package/dist/article-body/article-body-paragraph.js +101 -1
- package/dist/article-body/article-body.js +657 -1
- package/dist/article-body/article-link-tracking-events.js +28 -1
- package/dist/article-body/article-link.js +51 -1
- package/dist/article-body/drop-cap.js +70 -1
- package/dist/article-body/inline-paragraph.js +142 -1
- package/dist/article-body/inset-caption.js +44 -1
- package/dist/article-body/simple-paragraph.js +99 -1
- package/dist/article-skeleton-prop-types.js +38 -1
- package/dist/article-skeleton.js +265 -1
- package/dist/article-topics/index.js +43 -1
- package/dist/body-utils.js +81 -1
- package/dist/contentModifiers/dropcap-util-common.js +117 -1
- package/dist/contentModifiers/dropcap-util.js +28 -1
- package/dist/contentModifiers/inline-ad.js +46 -1
- package/dist/contentModifiers/inline-related-article.js +71 -1
- package/dist/contentModifiers/native-ad.js +56 -1
- package/dist/contentModifiers/newsletter-puff.js +143 -1
- package/dist/data-helper.js +106 -1
- package/dist/gutter.js +43 -1
- package/dist/head.js +472 -1
- package/dist/keylines.js +24 -1
- package/dist/paywall-portal.js +47 -1
- package/dist/sticky-save-and-share-bar.js +60 -1
- package/dist/styles/article-body/article-link.js +18 -1
- package/dist/styles/article-body/index.js +41 -1
- package/dist/styles/article-body/responsive.js +143 -1
- package/dist/styles/article-body/shared.js +124 -1
- package/dist/styles/article-topics/index.js +21 -1
- package/dist/styles/article-topics/responsive.js +21 -1
- package/dist/styles/article-topics/shared.js +24 -1
- package/dist/styles/responsive.js +45 -1
- package/dist/styles/shared.js +20 -1
- package/dist/tracking/article-tracking-context.js +71 -1
- package/dist/tracking/article-tracking-last-paragraph.js +33 -1
- package/package.json +36 -44
- package/rnw.js +1 -1
- package/tsconfig.jest.json +11 -0
package/dist/article-skeleton.js
CHANGED
|
@@ -1 +1,265 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ArticleLink",{enumerable:true,get:function get(){return _articleBody.ArticleLink;}});Object.defineProperty(exports,"KeylineItem",{enumerable:true,get:function get(){return _keylines.KeylineItem;}});Object.defineProperty(exports,"ArticleKeylineItem",{enumerable:true,get:function get(){return _keylines.ArticleKeylineItem;}});exports.default=exports.reduceArticleContent=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _ad=require("@times-components/ad");var _articleExtras=_interopRequireDefault(require("@times-components/article-extras"));var _lazyLoad=_interopRequireDefault(require("@times-components/lazy-load"));var _sticky=require("@times-components/sticky");var _tracking=require("@times-components/tracking");var _tsComponents=require("@times-components/ts-components");var _tsStyleguide=require("@times-components/ts-styleguide");var _userState=_interopRequireDefault(require("@times-components/user-state"));var _messageBar=require("@times-components/message-bar");var _articleBody=_interopRequireWildcard(require("./article-body/article-body"));var _articleSkeletonPropTypes=require("./article-skeleton-prop-types");var _articleTrackingContext=_interopRequireDefault(require("./tracking/article-tracking-context"));var _articleTrackingLastParagraph=_interopRequireDefault(require("./tracking/article-tracking-last-paragraph"));var _responsive=require("./styles/responsive");var _index=_interopRequireDefault(require("./styles/article-body/index"));var _head=_interopRequireDefault(require("./head"));var _paywallPortal=_interopRequireDefault(require("./paywall-portal"));var _stickySaveAndShareBar=_interopRequireDefault(require("./sticky-save-and-share-bar"));var _dropcapUtil=_interopRequireDefault(require("./contentModifiers/dropcap-util"));var _newsletterPuff=_interopRequireDefault(require("./contentModifiers/newsletter-puff"));var _inlineRelatedArticle=_interopRequireDefault(require("./contentModifiers/inline-related-article"));var _nativeAd=_interopRequireDefault(require("./contentModifiers/native-ad"));var _inlineAd=_interopRequireDefault(require("./contentModifiers/inline-ad"));var _dataHelper=require("./data-helper");var _keylines=require("./keylines");var _jsxFileName="/home/circleci/project/packages/article-skeleton/src/article-skeleton.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var reduceArticleContent=function reduceArticleContent(content,reducers){return content&&content.length>0&&reducers.reduce(function(result,next){return next(result);},content);};exports.reduceArticleContent=reduceArticleContent;var ArticleSkeleton=function ArticleSkeleton(_ref){var analyticsStream=_ref.analyticsStream,article=_ref.data,Header=_ref.Header,logoUrl=_ref.logoUrl,receiveChildList=_ref.receiveChildList,commentingConfig=_ref.commentingConfig,paidContentClassName=_ref.paidContentClassName,isPreview=_ref.isPreview,swgProductId=_ref.swgProductId,additionalRelatedArticlesFlag=_ref.additionalRelatedArticlesFlag,inlineRelatedArticleOptions=_ref.inlineRelatedArticleOptions,algoliaSearchKeys=_ref.algoliaSearchKeys,latestFromSectionFlag=_ref.latestFromSectionFlag,latestFromSection=_ref.latestFromSection,olympicsKeys=_ref.olympicsKeys,getFallbackThumbnailUrl169=_ref.getFallbackThumbnailUrl169;var commentsEnabled=article.commentsEnabled,content=article.content,dropcapsDisabled=article.dropcapsDisabled,articleId=article.id,section=article.section,url=article.url,headline=article.headline,shortHeadline=article.shortHeadline,expirableFlags=article.expirableFlags,label=article.label,topics=article.topics,relatedArticleSlice=article.relatedArticleSlice,template=article.template,savingEnabled=article.savingEnabled,sharingEnabled=article.sharingEnabled,publishedTime=article.publishedTime;var articleContentReducers=[(0,_dropcapUtil.default)(template,dropcapsDisabled),(0,_newsletterPuff.default)(section,isPreview,expirableFlags),_nativeAd.default,_inlineAd.default,(0,_inlineRelatedArticle.default)(relatedArticleSlice,inlineRelatedArticleOptions),_articleTrackingLastParagraph.default];var newContent=reduceArticleContent(content,articleContentReducers);var HeaderAdContainer=(0,_responsive.getHeaderAdStyles)(template);receiveChildList([{elementId:"last-paragraph",name:"end of article",eventNavigationName:"Article : View End"},{elementId:"related-articles",name:"related articles"}]);var isLiveOrBreaking=(0,_dataHelper.getIsLiveOrBreakingFlag)(expirableFlags);return _react.default.createElement(_sticky.StickyProvider,{__source:{fileName:_jsxFileName,lineNumber:113,columnNumber:5}},_react.default.createElement(_tsComponents.TrackingContextProvider,{context:{component:"ArticleSkeleton",attrs:{article_name:headline||shortHeadline||"",section_details:section}},analyticsStream:analyticsStream,__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:7}},isPreview&&_react.default.createElement("div",{className:"Container",__source:{fileName:_jsxFileName,lineNumber:125,columnNumber:11}},_react.default.createElement("div",{className:"ArticleMetaBanner",__source:{fileName:_jsxFileName,lineNumber:126,columnNumber:13}},_react.default.createElement("div",{className:"ArticleMetaBanner-field",__source:{fileName:_jsxFileName,lineNumber:127,columnNumber:15}},_react.default.createElement("label",{htmlFor:"ArticleMetaBanner-uuid",__source:{fileName:_jsxFileName,lineNumber:128,columnNumber:17}},"UUID",_react.default.createElement("input",{type:"text",placeholder:"UUID",name:"UUID",id:"ArticleMetaBanner-uuid",value:articleId,readOnly:true,__source:{fileName:_jsxFileName,lineNumber:130,columnNumber:19}})),_react.default.createElement("button",{type:"button",className:"ArticleMetaBanner-button","data-clipboard-target":"#ArticleMetaBanner-uuid",__source:{fileName:_jsxFileName,lineNumber:139,columnNumber:17}},"Copy")))),_react.default.createElement("div",{id:"article-marketing-header",__source:{fileName:_jsxFileName,lineNumber:150,columnNumber:9}}),_react.default.createElement("article",{id:"article-main","data-article-identifier":article.id,"data-article-sectionname":section,"data-article-template":template,__source:{fileName:_jsxFileName,lineNumber:151,columnNumber:9}},_react.default.createElement(_head.default,{article:article,logoUrl:logoUrl,paidContentClassName:paidContentClassName,getFallbackThumbnailUrl169:getFallbackThumbnailUrl169,swgProductId:swgProductId,__source:{fileName:_jsxFileName,lineNumber:157,columnNumber:11}}),_react.default.createElement(_tsComponents.AlgoliaSearchProvider,{algoliaSearchKeys:algoliaSearchKeys,article:{id:articleId,label:label,section:section,topics:topics},analyticsStream:analyticsStream,__source:{fileName:_jsxFileName,lineNumber:164,columnNumber:11}},_react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:169,columnNumber:13}},_react.default.createElement(HeaderAdContainer,{key:"headerAd",__source:{fileName:_jsxFileName,lineNumber:170,columnNumber:15}},_react.default.createElement(_ad.AdContainer,{slotName:"header",style:_index.default.adMarginStyle,__source:{fileName:_jsxFileName,lineNumber:171,columnNumber:17}})),_react.default.createElement(_responsive.MainContainer,{__source:{fileName:_jsxFileName,lineNumber:173,columnNumber:15}},_react.default.createElement(_responsive.HeaderContainer,{__source:{fileName:_jsxFileName,lineNumber:174,columnNumber:17}},_react.default.createElement(Header,{__source:{fileName:_jsxFileName,lineNumber:175,columnNumber:19}}),savingEnabled||sharingEnabled?_react.default.createElement(_userState.default,{state:_userState.default.loggedInOrShared,__source:{fileName:_jsxFileName,lineNumber:177,columnNumber:21}},_react.default.createElement(_messageBar.MessageContext.Consumer,{__source:{fileName:_jsxFileName,lineNumber:178,columnNumber:23}},function(_ref2){var showMessage=_ref2.showMessage;return _react.default.createElement(_stickySaveAndShareBar.default,{articleId:articleId,articleHeadline:headline,articleUrl:url,onCopyLink:function onCopyLink(){return showMessage("Article link copied");},onSaveToMyArticles:function onSaveToMyArticles(){},onShareOnEmail:function onShareOnEmail(){},savingEnabled:savingEnabled,sharingEnabled:sharingEnabled,__source:{fileName:_jsxFileName,lineNumber:180,columnNumber:27}});})):null),_react.default.createElement(_responsive.BodyContainer,{__source:{fileName:_jsxFileName,lineNumber:197,columnNumber:17}},newContent&&_react.default.createElement(_articleBody.default,{analyticsStream:analyticsStream,content:newContent,contextUrl:url,section:section,articleHeadline:headline,paidContentClassName:paidContentClassName,template:template,isPreview:isPreview,olympicsKeys:olympicsKeys,isLiveOrBreaking:isLiveOrBreaking,__source:{fileName:_jsxFileName,lineNumber:199,columnNumber:21}}),_react.default.createElement(_paywallPortal.default,{id:"paywall-portal-article-footer",componentName:"subscribe-cta",__source:{fileName:_jsxFileName,lineNumber:212,columnNumber:19}}),_react.default.createElement(_lazyLoad.default,{rootMargin:(0,_tsStyleguide.spacing)(40),threshold:0,__source:{fileName:_jsxFileName,lineNumber:216,columnNumber:19}},function(_ref3){var observed=_ref3.observed,registerNode=_ref3.registerNode;return _react.default.createElement(_articleExtras.default,{analyticsStream:analyticsStream,articleId:articleId,articleHeadline:headline,articleUrl:url,section:section,publishedTime:publishedTime,savingEnabled:savingEnabled,sharingEnabled:sharingEnabled,commentsEnabled:commentsEnabled,registerNode:registerNode,relatedArticleSlice:relatedArticleSlice,relatedArticlesVisible:!!observed.get("related-articles"),commentingConfig:commentingConfig,topics:topics,additionalRelatedArticlesFlag:additionalRelatedArticlesFlag,latestFromSectionFlag:latestFromSectionFlag,latestFromSection:latestFromSection,__source:{fileName:_jsxFileName,lineNumber:218,columnNumber:23}});})))),_react.default.createElement(_ad.AdContainer,{slotName:"pixel",__source:{fileName:_jsxFileName,lineNumber:246,columnNumber:13}}),_react.default.createElement(_ad.AdContainer,{slotName:"pixelteads",__source:{fileName:_jsxFileName,lineNumber:247,columnNumber:13}}),_react.default.createElement(_ad.AdContainer,{slotName:"pixelskin",__source:{fileName:_jsxFileName,lineNumber:248,columnNumber:13}})))));};ArticleSkeleton.propTypes=_objectSpread(_objectSpread({},_articleSkeletonPropTypes.articleSkeletonPropTypes),{},{paidContentClassName:_propTypes.default.string});ArticleSkeleton.defaultProps=_articleSkeletonPropTypes.articleSkeletonDefaultProps;var _default=(0,_articleTrackingContext.default)((0,_tracking.withTrackScrollDepth)(ArticleSkeleton));exports.default=_default;
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "ArticleLink", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _articleBody.ArticleLink;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "KeylineItem", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _keylines.KeylineItem;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "ArticleKeylineItem", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _keylines.ArticleKeylineItem;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
exports.default = exports.reduceArticleContent = void 0;
|
|
25
|
+
|
|
26
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
27
|
+
|
|
28
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
|
+
|
|
30
|
+
var _ad = require("@times-components/ad");
|
|
31
|
+
|
|
32
|
+
var _articleExtras = _interopRequireDefault(require("@times-components/article-extras"));
|
|
33
|
+
|
|
34
|
+
var _lazyLoad = _interopRequireDefault(require("@times-components/lazy-load"));
|
|
35
|
+
|
|
36
|
+
var _sticky = require("@times-components/sticky");
|
|
37
|
+
|
|
38
|
+
var _tracking = require("@times-components/tracking");
|
|
39
|
+
|
|
40
|
+
var _tsComponents = require("@times-components/ts-components");
|
|
41
|
+
|
|
42
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
43
|
+
|
|
44
|
+
var _userState = _interopRequireDefault(require("@times-components/user-state"));
|
|
45
|
+
|
|
46
|
+
var _messageBar = require("@times-components/message-bar");
|
|
47
|
+
|
|
48
|
+
var _articleBody = _interopRequireWildcard(require("./article-body/article-body"));
|
|
49
|
+
|
|
50
|
+
var _articleSkeletonPropTypes = require("./article-skeleton-prop-types");
|
|
51
|
+
|
|
52
|
+
var _articleTrackingContext = _interopRequireDefault(require("./tracking/article-tracking-context"));
|
|
53
|
+
|
|
54
|
+
var _articleTrackingLastParagraph = _interopRequireDefault(require("./tracking/article-tracking-last-paragraph"));
|
|
55
|
+
|
|
56
|
+
var _responsive = require("./styles/responsive");
|
|
57
|
+
|
|
58
|
+
var _index = _interopRequireDefault(require("./styles/article-body/index"));
|
|
59
|
+
|
|
60
|
+
var _head = _interopRequireDefault(require("./head"));
|
|
61
|
+
|
|
62
|
+
var _paywallPortal = _interopRequireDefault(require("./paywall-portal"));
|
|
63
|
+
|
|
64
|
+
var _stickySaveAndShareBar = _interopRequireDefault(require("./sticky-save-and-share-bar"));
|
|
65
|
+
|
|
66
|
+
var _dropcapUtil = _interopRequireDefault(require("./contentModifiers/dropcap-util"));
|
|
67
|
+
|
|
68
|
+
var _newsletterPuff = _interopRequireDefault(require("./contentModifiers/newsletter-puff"));
|
|
69
|
+
|
|
70
|
+
var _inlineRelatedArticle = _interopRequireDefault(require("./contentModifiers/inline-related-article"));
|
|
71
|
+
|
|
72
|
+
var _nativeAd = _interopRequireDefault(require("./contentModifiers/native-ad"));
|
|
73
|
+
|
|
74
|
+
var _inlineAd = _interopRequireDefault(require("./contentModifiers/inline-ad"));
|
|
75
|
+
|
|
76
|
+
var _dataHelper = require("./data-helper");
|
|
77
|
+
|
|
78
|
+
var _keylines = require("./keylines");
|
|
79
|
+
|
|
80
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
81
|
+
|
|
82
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
83
|
+
|
|
84
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
85
|
+
|
|
86
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
87
|
+
|
|
88
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
89
|
+
|
|
90
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
91
|
+
|
|
92
|
+
const reduceArticleContent = (content, reducers) => content && content.length > 0 && reducers.reduce((result, next) => next(result), content);
|
|
93
|
+
|
|
94
|
+
exports.reduceArticleContent = reduceArticleContent;
|
|
95
|
+
|
|
96
|
+
const ArticleSkeleton = _ref => {
|
|
97
|
+
let analyticsStream = _ref.analyticsStream,
|
|
98
|
+
article = _ref.data,
|
|
99
|
+
Header = _ref.Header,
|
|
100
|
+
logoUrl = _ref.logoUrl,
|
|
101
|
+
receiveChildList = _ref.receiveChildList,
|
|
102
|
+
commentingConfig = _ref.commentingConfig,
|
|
103
|
+
paidContentClassName = _ref.paidContentClassName,
|
|
104
|
+
isPreview = _ref.isPreview,
|
|
105
|
+
swgProductId = _ref.swgProductId,
|
|
106
|
+
additionalRelatedArticlesFlag = _ref.additionalRelatedArticlesFlag,
|
|
107
|
+
inlineRelatedArticleOptions = _ref.inlineRelatedArticleOptions,
|
|
108
|
+
algoliaSearchKeys = _ref.algoliaSearchKeys,
|
|
109
|
+
latestFromSectionFlag = _ref.latestFromSectionFlag,
|
|
110
|
+
latestFromSection = _ref.latestFromSection,
|
|
111
|
+
olympicsKeys = _ref.olympicsKeys,
|
|
112
|
+
getFallbackThumbnailUrl169 = _ref.getFallbackThumbnailUrl169;
|
|
113
|
+
const commentsEnabled = article.commentsEnabled,
|
|
114
|
+
content = article.content,
|
|
115
|
+
dropcapsDisabled = article.dropcapsDisabled,
|
|
116
|
+
articleId = article.id,
|
|
117
|
+
section = article.section,
|
|
118
|
+
url = article.url,
|
|
119
|
+
headline = article.headline,
|
|
120
|
+
shortHeadline = article.shortHeadline,
|
|
121
|
+
expirableFlags = article.expirableFlags,
|
|
122
|
+
label = article.label,
|
|
123
|
+
topics = article.topics,
|
|
124
|
+
relatedArticleSlice = article.relatedArticleSlice,
|
|
125
|
+
template = article.template,
|
|
126
|
+
savingEnabled = article.savingEnabled,
|
|
127
|
+
sharingEnabled = article.sharingEnabled,
|
|
128
|
+
publishedTime = article.publishedTime;
|
|
129
|
+
const articleContentReducers = [(0, _dropcapUtil.default)(template, dropcapsDisabled), (0, _newsletterPuff.default)(section, isPreview, expirableFlags), _nativeAd.default, _inlineAd.default, (0, _inlineRelatedArticle.default)(relatedArticleSlice, inlineRelatedArticleOptions), _articleTrackingLastParagraph.default];
|
|
130
|
+
const newContent = reduceArticleContent(content, articleContentReducers);
|
|
131
|
+
const HeaderAdContainer = (0, _responsive.getHeaderAdStyles)(template);
|
|
132
|
+
receiveChildList([{
|
|
133
|
+
elementId: "last-paragraph",
|
|
134
|
+
name: "end of article",
|
|
135
|
+
eventNavigationName: "Article : View End"
|
|
136
|
+
}, {
|
|
137
|
+
elementId: "related-articles",
|
|
138
|
+
name: "related articles"
|
|
139
|
+
}]);
|
|
140
|
+
const isLiveOrBreaking = (0, _dataHelper.getIsLiveOrBreakingFlag)(expirableFlags);
|
|
141
|
+
return /*#__PURE__*/_react.default.createElement(_sticky.StickyProvider, null, /*#__PURE__*/_react.default.createElement(_tsComponents.TrackingContextProvider, {
|
|
142
|
+
context: {
|
|
143
|
+
component: "ArticleSkeleton",
|
|
144
|
+
attrs: {
|
|
145
|
+
article_name: headline || shortHeadline || "",
|
|
146
|
+
section_details: section
|
|
147
|
+
}
|
|
148
|
+
},
|
|
149
|
+
analyticsStream: analyticsStream
|
|
150
|
+
}, isPreview && /*#__PURE__*/_react.default.createElement("div", {
|
|
151
|
+
className: "Container"
|
|
152
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
153
|
+
className: "ArticleMetaBanner"
|
|
154
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
155
|
+
className: "ArticleMetaBanner-field"
|
|
156
|
+
}, /*#__PURE__*/_react.default.createElement("label", {
|
|
157
|
+
htmlFor: "ArticleMetaBanner-uuid"
|
|
158
|
+
}, "UUID", /*#__PURE__*/_react.default.createElement("input", {
|
|
159
|
+
type: "text",
|
|
160
|
+
placeholder: "UUID",
|
|
161
|
+
name: "UUID",
|
|
162
|
+
id: "ArticleMetaBanner-uuid",
|
|
163
|
+
value: articleId,
|
|
164
|
+
readOnly: true
|
|
165
|
+
})), /*#__PURE__*/_react.default.createElement("button", {
|
|
166
|
+
type: "button",
|
|
167
|
+
className: "ArticleMetaBanner-button",
|
|
168
|
+
"data-clipboard-target": "#ArticleMetaBanner-uuid"
|
|
169
|
+
}, "Copy")))), /*#__PURE__*/_react.default.createElement("div", {
|
|
170
|
+
id: "article-marketing-header"
|
|
171
|
+
}), /*#__PURE__*/_react.default.createElement("article", {
|
|
172
|
+
id: "article-main",
|
|
173
|
+
"data-article-identifier": article.id,
|
|
174
|
+
"data-article-sectionname": section,
|
|
175
|
+
"data-article-template": template
|
|
176
|
+
}, /*#__PURE__*/_react.default.createElement(_head.default, {
|
|
177
|
+
article: article,
|
|
178
|
+
logoUrl: logoUrl,
|
|
179
|
+
paidContentClassName: paidContentClassName,
|
|
180
|
+
getFallbackThumbnailUrl169: getFallbackThumbnailUrl169,
|
|
181
|
+
swgProductId: swgProductId
|
|
182
|
+
}), /*#__PURE__*/_react.default.createElement(_tsComponents.AlgoliaSearchProvider, {
|
|
183
|
+
algoliaSearchKeys: algoliaSearchKeys,
|
|
184
|
+
article: {
|
|
185
|
+
id: articleId,
|
|
186
|
+
label,
|
|
187
|
+
section,
|
|
188
|
+
topics
|
|
189
|
+
},
|
|
190
|
+
analyticsStream: analyticsStream
|
|
191
|
+
}, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(HeaderAdContainer, {
|
|
192
|
+
key: "headerAd"
|
|
193
|
+
}, /*#__PURE__*/_react.default.createElement(_ad.AdContainer, {
|
|
194
|
+
slotName: "header",
|
|
195
|
+
style: _index.default.adMarginStyle
|
|
196
|
+
})), /*#__PURE__*/_react.default.createElement(_responsive.MainContainer, null, /*#__PURE__*/_react.default.createElement(_responsive.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(Header, null), savingEnabled || sharingEnabled ? /*#__PURE__*/_react.default.createElement(_userState.default, {
|
|
197
|
+
state: _userState.default.loggedInOrShared
|
|
198
|
+
}, /*#__PURE__*/_react.default.createElement(_messageBar.MessageContext.Consumer, null, _ref2 => {
|
|
199
|
+
let showMessage = _ref2.showMessage;
|
|
200
|
+
return /*#__PURE__*/_react.default.createElement(_stickySaveAndShareBar.default, {
|
|
201
|
+
articleId: articleId,
|
|
202
|
+
articleHeadline: headline,
|
|
203
|
+
articleUrl: url,
|
|
204
|
+
onCopyLink: () => showMessage("Article link copied"),
|
|
205
|
+
onSaveToMyArticles: () => {},
|
|
206
|
+
onShareOnEmail: () => {},
|
|
207
|
+
savingEnabled: savingEnabled,
|
|
208
|
+
sharingEnabled: sharingEnabled
|
|
209
|
+
});
|
|
210
|
+
})) : null), /*#__PURE__*/_react.default.createElement(_responsive.BodyContainer, null, newContent && /*#__PURE__*/_react.default.createElement(_articleBody.default, {
|
|
211
|
+
analyticsStream: analyticsStream,
|
|
212
|
+
content: newContent,
|
|
213
|
+
contextUrl: url,
|
|
214
|
+
section: section,
|
|
215
|
+
articleHeadline: headline,
|
|
216
|
+
paidContentClassName: paidContentClassName,
|
|
217
|
+
template: template,
|
|
218
|
+
isPreview: isPreview,
|
|
219
|
+
olympicsKeys: olympicsKeys,
|
|
220
|
+
isLiveOrBreaking: isLiveOrBreaking
|
|
221
|
+
}), /*#__PURE__*/_react.default.createElement(_paywallPortal.default, {
|
|
222
|
+
id: "paywall-portal-article-footer",
|
|
223
|
+
componentName: "subscribe-cta"
|
|
224
|
+
}), /*#__PURE__*/_react.default.createElement(_lazyLoad.default, {
|
|
225
|
+
rootMargin: (0, _tsStyleguide.spacing)(40),
|
|
226
|
+
threshold: 0
|
|
227
|
+
}, _ref3 => {
|
|
228
|
+
let observed = _ref3.observed,
|
|
229
|
+
registerNode = _ref3.registerNode;
|
|
230
|
+
return /*#__PURE__*/_react.default.createElement(_articleExtras.default, {
|
|
231
|
+
analyticsStream: analyticsStream,
|
|
232
|
+
articleId: articleId,
|
|
233
|
+
articleHeadline: headline,
|
|
234
|
+
articleUrl: url,
|
|
235
|
+
section: section,
|
|
236
|
+
publishedTime: publishedTime,
|
|
237
|
+
savingEnabled: savingEnabled,
|
|
238
|
+
sharingEnabled: sharingEnabled,
|
|
239
|
+
commentsEnabled: commentsEnabled,
|
|
240
|
+
registerNode: registerNode,
|
|
241
|
+
relatedArticleSlice: relatedArticleSlice,
|
|
242
|
+
relatedArticlesVisible: !!observed.get("related-articles"),
|
|
243
|
+
commentingConfig: commentingConfig,
|
|
244
|
+
topics: topics,
|
|
245
|
+
additionalRelatedArticlesFlag: additionalRelatedArticlesFlag,
|
|
246
|
+
latestFromSectionFlag: latestFromSectionFlag,
|
|
247
|
+
latestFromSection: latestFromSection
|
|
248
|
+
});
|
|
249
|
+
})))), /*#__PURE__*/_react.default.createElement(_ad.AdContainer, {
|
|
250
|
+
slotName: "pixel"
|
|
251
|
+
}), /*#__PURE__*/_react.default.createElement(_ad.AdContainer, {
|
|
252
|
+
slotName: "pixelteads"
|
|
253
|
+
}), /*#__PURE__*/_react.default.createElement(_ad.AdContainer, {
|
|
254
|
+
slotName: "pixelskin"
|
|
255
|
+
})))));
|
|
256
|
+
};
|
|
257
|
+
|
|
258
|
+
ArticleSkeleton.propTypes = _objectSpread(_objectSpread({}, _articleSkeletonPropTypes.articleSkeletonPropTypes), {}, {
|
|
259
|
+
paidContentClassName: _propTypes.default.string
|
|
260
|
+
});
|
|
261
|
+
ArticleSkeleton.defaultProps = _articleSkeletonPropTypes.articleSkeletonDefaultProps;
|
|
262
|
+
|
|
263
|
+
var _default = (0, _articleTrackingContext.default)((0, _tracking.withTrackScrollDepth)(ArticleSkeleton));
|
|
264
|
+
|
|
265
|
+
exports.default = _default;
|
|
@@ -1 +1,43 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _articleTopics = _interopRequireDefault(require("@times-components/article-topics"));
|
|
11
|
+
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
|
|
14
|
+
var _articleTopics2 = _interopRequireDefault(require("../styles/article-topics"));
|
|
15
|
+
|
|
16
|
+
var _responsive = _interopRequireDefault(require("../styles/article-topics/responsive"));
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
20
|
+
const ShowTopics = _ref => {
|
|
21
|
+
let topics = _ref.topics;
|
|
22
|
+
|
|
23
|
+
if (topics && topics.length > 0) {
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement(_responsive.default, null, /*#__PURE__*/_react.default.createElement("nav", null, /*#__PURE__*/_react.default.createElement(_articleTopics.default, {
|
|
25
|
+
style: _articleTopics2.default.topicsContainer,
|
|
26
|
+
topics: topics
|
|
27
|
+
})));
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
return null;
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
ShowTopics.propTypes = {
|
|
34
|
+
topics: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
35
|
+
name: _propTypes.default.string.isRequired,
|
|
36
|
+
slug: _propTypes.default.string.isRequired
|
|
37
|
+
}).isRequired)
|
|
38
|
+
};
|
|
39
|
+
ShowTopics.defaultProps = {
|
|
40
|
+
topics: null
|
|
41
|
+
};
|
|
42
|
+
var _default = ShowTopics;
|
|
43
|
+
exports.default = _default;
|
package/dist/body-utils.js
CHANGED
|
@@ -1 +1,81 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.getStringBounds = void 0;
|
|
7
|
+
|
|
8
|
+
var _memoizeOne = _interopRequireDefault(require("memoize-one"));
|
|
9
|
+
|
|
10
|
+
var _typeset = require("@times-components/typeset");
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
14
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
+
|
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
17
|
+
|
|
18
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
+
|
|
20
|
+
// Collapse inlines into the following paragraphs on tablet
|
|
21
|
+
const collapsed = (isTablet, content) => !isTablet ? content : content.reduceRight((acc, node) => {
|
|
22
|
+
// backwards
|
|
23
|
+
if (node.name === "image" && node.attributes.display === "inline" || node.name === "pullQuote") {
|
|
24
|
+
// forwards
|
|
25
|
+
let i;
|
|
26
|
+
let children = [node];
|
|
27
|
+
|
|
28
|
+
for (i = 0; i < acc.length; i += 1) {
|
|
29
|
+
const next = acc[i];
|
|
30
|
+
|
|
31
|
+
if (next && next.name === "paragraph") {
|
|
32
|
+
children = [...children, ...next.children, {
|
|
33
|
+
name: "break",
|
|
34
|
+
children: []
|
|
35
|
+
}, {
|
|
36
|
+
name: "break",
|
|
37
|
+
children: []
|
|
38
|
+
}];
|
|
39
|
+
} else {
|
|
40
|
+
break;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
return [_objectSpread(_objectSpread({}, acc[0]), {}, {
|
|
45
|
+
children
|
|
46
|
+
}), ...acc.slice(i)];
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
return [node, ...acc];
|
|
50
|
+
}, []);
|
|
51
|
+
|
|
52
|
+
const getStringBounds = (fontSettings, string) => {
|
|
53
|
+
const fontSize = fontSettings.fontSize;
|
|
54
|
+
|
|
55
|
+
const font = _typeset.FontStorage.getFont(fontSettings);
|
|
56
|
+
|
|
57
|
+
const glyphs = font.stringToGlyphs(string);
|
|
58
|
+
let x1 = 0;
|
|
59
|
+
let x2 = 0;
|
|
60
|
+
let y1 = 0;
|
|
61
|
+
let y2 = 0;
|
|
62
|
+
glyphs.forEach(glyph => {
|
|
63
|
+
const bbox = glyph.getBoundingBox();
|
|
64
|
+
x1 = Math.min(x1, bbox.x1);
|
|
65
|
+
x2 = Math.max(x2, bbox.x2) + 100 * (glyphs.length - 1);
|
|
66
|
+
y1 = Math.min(y1, bbox.y1);
|
|
67
|
+
y2 = Math.max(y2, bbox.y2);
|
|
68
|
+
});
|
|
69
|
+
const width = x2 * fontSize / font.unitsPerEm - x1 * fontSize / font.unitsPerEm;
|
|
70
|
+
const height = y2 * fontSize / font.unitsPerEm - y1 * fontSize / font.unitsPerEm;
|
|
71
|
+
return {
|
|
72
|
+
width,
|
|
73
|
+
height
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
exports.getStringBounds = getStringBounds;
|
|
78
|
+
|
|
79
|
+
var _default = (0, _memoizeOne.default)((isTablet, content) => collapsed(isTablet, content));
|
|
80
|
+
|
|
81
|
+
exports.default = _default;
|
|
@@ -1 +1,117 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.isQuote = void 0;
|
|
7
|
+
|
|
8
|
+
var _lodash = _interopRequireDefault(require("lodash.get"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
12
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
+
|
|
14
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
15
|
+
|
|
16
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
+
|
|
18
|
+
const templateWithDropCaps = ["indepth", "maincomment", "magazinestandard", "magazinecomment"];
|
|
19
|
+
|
|
20
|
+
const isQuote = char => /'|"|‘|“/.test(char);
|
|
21
|
+
|
|
22
|
+
exports.isQuote = isQuote;
|
|
23
|
+
|
|
24
|
+
const splitNode = node => {
|
|
25
|
+
const children = node.children;
|
|
26
|
+
|
|
27
|
+
if (children.length === 0) {
|
|
28
|
+
return node;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
if (children[0].name === "text") {
|
|
32
|
+
const sliceIndex = isQuote((0, _lodash.default)(children[0], "attributes.value[0]")) && children[0].attributes.value.length > 1 ? 2 : 1;
|
|
33
|
+
return _objectSpread(_objectSpread({}, node), {}, {
|
|
34
|
+
attributes: _objectSpread({}, node.attributes),
|
|
35
|
+
children: [_objectSpread(_objectSpread({}, children[0]), {}, {
|
|
36
|
+
attributes: _objectSpread(_objectSpread({}, children[0].attributes), {}, {
|
|
37
|
+
value: children[0].attributes.value.slice(0, sliceIndex),
|
|
38
|
+
dropCap: true
|
|
39
|
+
})
|
|
40
|
+
}), _objectSpread(_objectSpread({}, children[0]), {}, {
|
|
41
|
+
attributes: _objectSpread(_objectSpread({}, children[0].attributes), {}, {
|
|
42
|
+
value: children[0].attributes.value.slice(sliceIndex),
|
|
43
|
+
dropCap: true
|
|
44
|
+
})
|
|
45
|
+
}), ...children.slice(1)]
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
const firstChild = splitNode(children[0]);
|
|
50
|
+
|
|
51
|
+
if (firstChild.attributes.dropCap && node.name !== "paragraph") {
|
|
52
|
+
const result = _objectSpread(_objectSpread({}, node), {}, {
|
|
53
|
+
attributes: _objectSpread(_objectSpread({}, node.attributes), {}, {
|
|
54
|
+
dropCap: true
|
|
55
|
+
}),
|
|
56
|
+
children: [firstChild, ...children.slice(1)]
|
|
57
|
+
});
|
|
58
|
+
|
|
59
|
+
firstChild.attributes.dropCap = true;
|
|
60
|
+
return result;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
const result = _objectSpread(_objectSpread({}, node), {}, {
|
|
64
|
+
children: [firstChild, ...children.slice(1)]
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
firstChild.attributes.dropCap = true;
|
|
68
|
+
return result;
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
const findFirstTextNode = children => {
|
|
72
|
+
const child = children[0];
|
|
73
|
+
|
|
74
|
+
if (!child) {
|
|
75
|
+
return children;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
if (child.attributes.dropCap && child.name !== "text") {
|
|
79
|
+
return findFirstTextNode(child.children);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
return children;
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
const insertDropcapIntoAST = (children, template, isDropcapDisabled) => {
|
|
86
|
+
try {
|
|
87
|
+
if (template && templateWithDropCaps.includes(template) && !isDropcapDisabled && children.length > 0) {
|
|
88
|
+
const child = children.find(x => x.name === "paragraph");
|
|
89
|
+
|
|
90
|
+
if (!child || child.children.length === 0) {
|
|
91
|
+
return children;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
const firstParagraphIndex = children.indexOf(child);
|
|
95
|
+
const withCap = splitNode(child);
|
|
96
|
+
const withoutCap = splitNode(child);
|
|
97
|
+
const newCapChildren = findFirstTextNode(withCap.children);
|
|
98
|
+
newCapChildren.splice(1);
|
|
99
|
+
const newChildren = findFirstTextNode(withoutCap.children);
|
|
100
|
+
newChildren.splice(0, 1);
|
|
101
|
+
const clonedChildren = [...children];
|
|
102
|
+
clonedChildren.splice(firstParagraphIndex, 1, {
|
|
103
|
+
name: "dropCap",
|
|
104
|
+
attributes: {},
|
|
105
|
+
children: [withCap]
|
|
106
|
+
}, withoutCap);
|
|
107
|
+
return clonedChildren;
|
|
108
|
+
}
|
|
109
|
+
} catch (error) {
|
|
110
|
+
return children;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
return children;
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
var _default = insertDropcapIntoAST;
|
|
117
|
+
exports.default = _default;
|
|
@@ -1 +1,28 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _dropcapUtilCommon = _interopRequireDefault(require("./dropcap-util-common"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
12
|
+
var _default = (template, isDropcapDisabled) => children => {
|
|
13
|
+
const newContent = (0, _dropcapUtilCommon.default)(children, template, isDropcapDisabled);
|
|
14
|
+
const dropCapChild = newContent.length > 0 && newContent.find(child => child.name === "dropCap");
|
|
15
|
+
|
|
16
|
+
if (dropCapChild) {
|
|
17
|
+
// remove the wrapping paragraph
|
|
18
|
+
const dropCapIndex = newContent.indexOf(dropCapChild);
|
|
19
|
+
newContent[dropCapIndex].children = newContent[dropCapIndex].children[0].children.slice(0, 1);
|
|
20
|
+
newContent[dropCapIndex + 1].children = [newContent[dropCapIndex], ...newContent[dropCapIndex + 1].children];
|
|
21
|
+
newContent.splice(dropCapIndex, 1);
|
|
22
|
+
return newContent;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
return newContent;
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
exports.default = _default;
|
|
@@ -1 +1,46 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
9
|
+
|
|
10
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
11
|
+
|
|
12
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
+
|
|
14
|
+
const insertInlineAd = children => {
|
|
15
|
+
const clonedChildren = [...children];
|
|
16
|
+
const child = clonedChildren.find(item => item.name === "paywall");
|
|
17
|
+
const paragraph = clonedChildren.filter(item => item.name === "paragraph");
|
|
18
|
+
|
|
19
|
+
if (!child) {
|
|
20
|
+
return clonedChildren;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
const paywallChildren = child.children;
|
|
24
|
+
const paywallParagraphs = paywallChildren.map((item, index) => _objectSpread(_objectSpread({}, item), {}, {
|
|
25
|
+
index
|
|
26
|
+
})).filter(item => item.name === "paragraph");
|
|
27
|
+
const paraPostition = [13, 20, 27];
|
|
28
|
+
paraPostition.forEach((item, i) => {
|
|
29
|
+
const inlineAd = paywallChildren.find(ad => ad.name === "inlineAd".concat(i + 1));
|
|
30
|
+
|
|
31
|
+
if (!inlineAd) {
|
|
32
|
+
const indexPos = paywallParagraphs[item - paragraph.length] ? paywallParagraphs[item - paragraph.length].index : null;
|
|
33
|
+
|
|
34
|
+
if (indexPos && indexPos !== null) {
|
|
35
|
+
paywallChildren.splice(indexPos + i, 0, {
|
|
36
|
+
name: "inlineAd".concat(i + 1),
|
|
37
|
+
children: []
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
return clonedChildren;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
var _default = insertInlineAd;
|
|
46
|
+
exports.default = _default;
|