storyly-web 1.0.0

package/.babelrc

@@ -0,0 +1,10 @@
+{
+  "presets": ["@babel/preset-env"],
+  "plugins": [
+    ["@babel/plugin-transform-runtime",
+      {
+        "regenerator": true
+      }
+    ]
+  ]
+}

package/.eslintrc.js

@@ -0,0 +1,21 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: ['airbnb-base', 'prettier'],
+  plugins: ['prettier'],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+  rules: {
+    'no-underscore-dangle': 'off',
+    'no-new': 'off',
+    'class-methods-use-this': 'off',
+    camelcase: 'off',
+    'prettier/prettier': ['error'],
+    'no-console': 'error',
+    'no-debugger': 'error',
+  },
+};

package/.github/workflows/commit-message-checker.yml

@@ -0,0 +1,32 @@
+name: 'Commit Message Check'
+on:
+  pull_request:
+    types:
+      - opened
+      - edited
+      - reopened
+      - synchronize
+  pull_request_target:
+    types:
+      - opened
+      - edited
+      - reopened
+      - synchronize
+  push:
+    branches:
+      - '**'
+
+jobs:
+  check-commit-message:
+    name: Check Commit Message
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check Commit Type
+        uses: gsactions/commit-message-checker@v1
+        with:
+          pattern: '(^(build|ci|docs|feat|fix|perf|refactor|test)(\([a-z0-9._%+-]+\))?(!)?: .+$)|^(Merge .+$)'
+          flags: 'gm'
+          error: 'Commit naming should be like "refactor(transcoder): Perform mime type check with magic instead of file".'
+          excludeDescription: 'true' # optional: this excludes the description body of a pull request
+          checkAllCommitMessages: 'true' # optional: this checks all commits associated with a pull request
+          accessToken: ${{ secrets.GITHUB_TOKEN }} # github access token is only required if checkAllCommitMessages is true

package/.github/workflows/enforce-pr-labels.yml

@@ -0,0 +1,27 @@
+name: 'Enforce PR labels'
+on:
+  pull_request:
+    types:
+      - labeled
+      - unlabeled
+      - opened
+      - edited
+      - synchronize
+  pull_request_target:
+    types:
+      - labeled
+      - unlabeled
+      - opened
+      - edited
+      - synchronize
+
+jobs:
+  enforce-label:
+    name: Enforce Label
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check PR Labels
+        uses: yogevbd/enforce-label-action@2.1.0
+        with:
+          REQUIRED_LABELS_ANY: "build,ci,docs,feat,fix,perf,refactor,test"
+          REQUIRED_LABELS_ANY_DESCRIPTION: "Select at least one label"

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+# . "$(dirname "$0")/_/husky.sh"
+
+# yarn lint-staged

package/.parcel-cache/f0ace7bde139ae65.txt

@@ -0,0 +1,2 @@
+242204958
+1672661957955189000

package/.prettierrc

@@ -0,0 +1,5 @@
+{
+  "printWidth": 100,
+  "singleQuote": true,
+  "tabWidth": 2
+}

package/.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "pwa-chrome",
+      "request": "launch",
+      "name": "Launch Chrome against localhost",
+      "url": "http://localhost:8080",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}

package/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "editor.formatOnSave": true,
+  "editor.tabSize": 2,
+  "editor.formatOnType": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode"
+}

package/README.md

@@ -0,0 +1,41 @@
+# Storyly Web
+
+Web stories for Storyly
+
+## Installation
+
+Clone
+
+```bash
+  git clone https://github.com/Netvent/storyly-web.git
+```
+
+Go to project folder
+
+```bash
+  cd storyly-web
+```
+
+Install mkcert for http certificas
+
+```bash
+  brew install mkcert
+```
+
+Run command in project folder
+
+```bash
+  mkcert dev.storyly
+```
+
+Install packages
+
+```bash
+  yarn
+```
+
+Run project
+
+```bash
+  yarn start
+```

package/dist/AdGroup.8ca7e3ac.js

@@ -0,0 +1,5 @@
+parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"VM1f":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=u(require("@babel/runtime/helpers/slicedToArray")),t=u(require("@babel/runtime/helpers/classCallCheck")),s=u(require("@babel/runtime/helpers/createClass")),r=require("../../constants/events"),a=u(require("../../constants/layouts")),o=require("../../lib/style"),n=require("../../lib/util"),i=u(require("../../layouts/Classic/templates/story")),l=u(require("../../lib/proxy"));function u(e){return e&&e.__esModule?e:{default:e}}var d=function(){function u(e){var s=e.key,r=e.group,a=e.storiesContainer,o=e.progressDoms,n=e.groupWrapper,i=e.instanceId;(0,t.default)(this,u),this.storyDom_=null,this.key_=s,this.storyData_={},this.group_=r,this.storiesContainer_=a,this.progressDoms_=o,this.storyProgressSecond_=7,this.progressPaused_=!0,this.groupWrapper_=n,this.storyProgressRemain_=this.storyProgressSecond_,this.instanceId_=i,this.attachCallbacksToElement_()}return(0,s.default)(u,[{key:"attachCallbacksToElement_",value:function(){this.playAndPauseStory=this.playAndPauseStory.bind(this),this.handleCloseGroup_=this.handleCloseGroup_.bind(this)}},{key:"createAdManagerAds_",value:function(){var t=this;return new Promise(function(s){var r=atob(t.group_.settings.ad_manager_body),a=atob(t.group_.settings.ad_manager_header),o=r.match(/.*?id=("|')(.*?)("|').*?/)[2],i=a.match(/defineSlot\(('|")(.*)('|"),.*\)/),l=(0,e.default)(i,3);t.slotId=l[2],t.newAdId="".concat(o).concat((0,n.randomAlphaNum)(6));var u=document.createElement("div");u.classList.add("storyly-ad-manager");var d=(0,n.randomAlphaNum)(10);u.setAttribute("id",t.newAdId),u.style.setProperty("min-width","300px"),u.style.setProperty("min-height","200px"),setTimeout(function(){u.style.setProperty("margin-left",0,"important")},2e3),u.setAttribute("slot","storyly-ad-manager-".concat(d));var y=document.createElement("slot");y.setAttribute("name","storyly-ad-manager-".concat(d)),t.storyDom_.appendChild(y),document.querySelector("storyly-stories").appendChild(u),window.googletag.cmd.push(function(){window.googletag.defineSlot(t.slotId,[[300,250]],t.newAdId).addService(window.googletag.pubads()),window.googletag.pubads().enableSingleRequest(),window.googletag.enableServices()}),window.googletag.cmd.push(function(){window.googletag.display(t.newAdId)}),t.adsenseObserver_=new MutationObserver(function(e){e.forEach(function(e){"childList"===e.type&&s("filled")})}),t.adsenseObserver_.observe(u,{childList:!0})})}},{key:"createAdsenseAds_",value:function(){var e=this;return new Promise(function(t){window.adsbygoogle||t("unfilled");var s=(0,n.randomAlphaNum)(10),r=document.createElement("ins");r.setAttribute("class","adsbygoogle storyly-adsense"),r.setAttribute("style","\n        display: flex !important;\n        justify-content: center;\n      "),r.setAttribute("data-ad-client",e.group_.settings.ad_pub_id),r.setAttribute("data-ad-slot",e.group_.settings.ad_unit_id);var a=document.createElement("slot");a.setAttribute("name","storyly-adsense-".concat(s)),e.storyDom_.appendChild(a);var i=document.createElement("span");i.setAttribute("slot","storyly-adsense-".concat(s)),i.appendChild(r),(0,o.setClass)(i,"storyly-ad-wrapper"),document.querySelector("storyly-stories").appendChild(i),setTimeout(function(){(adsbygoogle=window.adsbygoogle||[]).push({})},0),e.adsenseObserver_=new MutationObserver(function(e){e.forEach(function(e){"attributes"===e.type&&"data-ad-status"===e.attributeName&&t(e.target.getAttribute(e.attributeName))})}),e.adsenseObserver_.observe(r,{attributes:!0})})}},{key:"removeEvents_",value:function(){this.playPauseAction_.removeEventListener("pointerdown",this.playAndPauseStory)}},{key:"startProgress_",value:function(){var e=this;this.progressInterval_||(this.progressInterval_=setInterval(function(){e.progressPaused_||(e.storyProgressRemain_-=1,e.handleProgress_())},1e3))}},{key:"handleProgress_",value:function(){(0===this.storyProgressRemain_||this.storyProgressRemain_<0)&&((0,n.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:r.GestureTypes.Progress}),clearInterval(this.progressInterval_))}},{key:"handleStoryActions_",value:function(){var e=this.storiesContainer_.querySelector(".storyly__story-actions");if(this.globalInstanceData.layout===a.default.MODERN&&(e=this.groupWrapper_.querySelector(".storyly__story-actions")),this.playPauseAction_=e.querySelector('button[data-type="play-pause"]'),(0,n.isMobileView)()){(0,n.setAttribute)(this.playPauseAction_,"hidden",!0);var t=e.querySelector('button[data-type="close"]');t.addEventListener("pointerdown",this.handleCloseGroup_),(0,n.removeAttribute)(t,"hidden")}else(0,n.removeAttribute)(this.playPauseAction_,"hidden"),this.playPauseAction_.classList.replace("play","pause");this.playPauseAction_.addEventListener("pointerdown",this.playAndPauseStory)}},{key:"handleCloseGroup_",value:function(){(0,n.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"startProgressLine_",value:function(){var e=this,t=0;this.startInterval_=setInterval(function(){e.progressPaused_||(t+=1)>100||(0,o.setStyle)(e.progressDoms_[e.key_].querySelector("span"),["width","".concat(t,"%")])},10*this.storyProgressSecond_)}},{key:"render",value:function(){this.storyDom_=(0,n.generateHtmlFromTemplate)((0,i.default)()),(0,o.setClass)(this.storyDom_,"ad-story"),this.storiesContainer_.appendChild(this.storyDom_);var e=null;this.group_.settings.ad_pub_id&&this.group_.settings.ad_unit_id?e=this.createAdsenseAds_():this.group_.settings.ad_manager_body&&(e=this.createAdManagerAds_());var t=l.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=t,e}},{key:"pause",value:function(){this.progressPaused_=!0}},{key:"play",value:function(){this.progressPaused_=!1}},{key:"playAndPauseStory",value:function(e){var t,s="play",a="pause";e&&(e.gesture&&(t=e.gesture),e.target===this.playPauseAction_&&(t=r.GestureTypes.Icon)),this.playPauseAction_.classList.contains("pause")?(this.pause(),(0,n.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:r.EventTypes.Paused})):(this.play(),(0,n.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:r.EventTypes.Resumed}),s="pause",a="play"),this.playPauseAction_.classList.replace(a,s)}},{key:"pauseByTouch",value:function(){this.pause(),(0,o.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",0])}},{key:"playAfterTouch",value:function(){(0,o.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",1]),this.play(),clearInterval(this.touchTimeout)}},{key:"show",value:function(){this.storyDom_.setAttribute("show",""),this.globalInstanceData.layout===a.default.MODERN&&(0,n.createAndDispatchEvent)(this.storyDom_,"onStoryChange"),this.handleStoryActions_(),this.progressPaused_=!1,this.storyProgressRemain_=this.storyProgressSecond_,(0,o.setClass)(this.storyDom_,"active"),this.startProgressLine_(),this.startProgress_(),(0,o.setClass)(this.progressDoms_[this.key_],"active")}},{key:"hide",value:function(){this.storyDom_.removeAttribute("show"),clearInterval(this.progressInterval_),clearInterval(this.startInterval_),this.progressInterval_=null,this.startInterval_=null,this.removeEvents_(),this.progressPaused_=!0,(0,o.removeClass)(this.progressDoms_[this.key_],"active"),(0,o.removeClass)(this.storyDom_,"active"),(0,o.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["transition","width"])}},{key:"getWatchLength",value:function(){return 1e3*(this.storyProgressSecond_-this.storyProgressRemain_)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}}]),u}(),y=d;exports.default=y;
+},{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../../constants/events":"d0lR","../../constants/layouts":"kUgL","../../lib/style":"vgU2","../../lib/util":"PesM","../../layouts/Classic/templates/story":"k65U","../../lib/proxy":"qmVm"}],"R6v9":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=y(require("@babel/runtime/helpers/asyncToGenerator")),t=y(require("@babel/runtime/helpers/classCallCheck")),r=y(require("@babel/runtime/helpers/createClass")),s=y(require("@babel/runtime/regenerator")),i=y(require("./AdStory")),n=require("../../lib/style"),o=require("../../lib/util"),a=y(require("../../layouts/Classic/templates/storyHeader")),u=y(require("../../layouts/Classic/templates/storyProgress")),l=y(require("../../layouts/Modern/templates/storyHeader")),d=y(require("../../layouts/Modern/templates/storyProgress")),h=y(require("../../constants/layouts")),p=y(require("../../constants/directions")),c=y(require("../../lib/proxy"));function y(e){return e&&e.__esModule?e:{default:e}}var _=function(){function y(e,r,s,i,n){(0,t.default)(this,y),this.group_=e,this.key_=r,this.storyInstances_=[],this.progressDoms_=[],this.groupOverlay_=s,this.layout_=i,this.activeStoryIndex_=0,this.instanceId_=n,this.attachCallbacksToElement_()}return(0,r.default)(y,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this)}},{key:"setEventListeners_",value:function(){this.storiesContainer_.addEventListener("onNextStory",this.nextStory)}},{key:"renderStoryHeader_",value:function(){var e,t=h.default.MODERN===this.globalInstanceData.layout?l.default:a.default,r=(0,o.generateHtmlFromTemplate)(t(this.group_,this.instanceId_));null===(e=this.storiesContainer_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.layout_===h.default.MODERN?this.groupWrapper_.prepend(r):this.storiesContainer_.prepend(r),(0,o.stopEventBubbling)(r),(0,o.isMobileView)()&&((0,o.stopEventBubbling)(r,"touchstart"),(0,o.stopEventBubbling)(r,"touchend")),this.renderProgressLines_(r)}},{key:"renderProgressLines_",value:function(e){var t=document.createElement("div");(0,n.setClass)(t,"progress-wrapper");var r=h.default.MODERN===this.globalInstanceData.layout?d.default:u.default,s=(0,o.generateHtmlFromTemplate)(r());if(t.appendChild(s),this.progressDoms_.push(s),this.layout_===h.default.MODERN){var i=document.createElement("div");(0,n.setClass)(i,"storyly__story-group-progress-bar"),i.appendChild(t),this.groupWrapper_.prepend(i)}else e.prepend(t)}},{key:"renderStory_",value:function(){var t=(0,e.default)(s.default.mark(function e(){var t,r,o,a=this;return s.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=new i.default({key:0,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,groupWrapper:this.groupWrapper_,instandeId:this.instanceId_}),this.storyInstances_.push(t),e.next=4,t.render();case 4:return r=e.sent,this.layout_===h.default.MODERN&&(o=this.globalInstanceData.direction===p.default.RTL?"right":"left",setTimeout(function(){var e=window.innerHeight/100*85*9/16,t=window.outerWidth/2-e/2,r=a.storiesContainer_.querySelector(".ad-story");(0,n.setStyle)(r,[o,"".concat(t,"px")])},100)),e.abrupt("return",r);case 7:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,n.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),this.groupWrapper_.dataset.ad=!0,this.storiesContainer_=document.createElement("div"),(0,n.setClass)(this.storiesContainer_,"storyly__stories-container"),this.groupWrapper_.appendChild(this.storiesContainer_),this.groupWrapper_.dataset.id=this.group_.id,this.setEventListeners_();var e=c.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,Promise.resolve(this.groupWrapper_)}},{key:"prevStory",value:function(e,t){(0,o.createAndDispatchEvent)(this.groupWrapper_,"onPrevGroup",{gesture:t}),this.storyInstances_[this.activeStoryIndex_].hide({holdActive:!0})}},{key:"nextStory",value:function(e,t){(0,o.createAndDispatchEvent)(this.groupWrapper_,"onNextGroup",{gesture:t}),this.storyInstances_[this.activeStoryIndex_].hide({holdActive:!0})}},{key:"show",value:function(){this.storyInstances_[this.activeStoryIndex_].show()}},{key:"load",value:function(){return this.progressDoms_=[],this.storyInstances_=[],this.renderStoryHeader_(),this.renderStory_()}},{key:"unLoad",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e;this.storyInstances_[this.activeStoryIndex_].hide({holdActive:t})}},{key:"hide",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e;(0,n.removeClass)(this.groupOverlay_,"active"),this.unLoad({holdActive:t})}},{key:"getActiveStory",value:function(){return{instance:this.storyInstances_[this.activeStoryIndex_]}}}]),y}(),v=_;exports.default=v;
+},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","./AdStory":"VM1f","../../lib/style":"vgU2","../../lib/util":"PesM","../../layouts/Classic/templates/storyHeader":"R5lM","../../layouts/Classic/templates/storyProgress":"Otdq","../../layouts/Modern/templates/storyHeader":"LuBi","../../layouts/Modern/templates/storyProgress":"vAQQ","../../constants/layouts":"kUgL","../../constants/directions":"w67G","../../lib/proxy":"qmVm"}]},{},[], null)