@shift72/core-template 1.9.25 → 1.9.26

package/.nvmrc

@@ -1 +1 @@
-16.13.1
+18

package/CHANGELOG.md

@@ -1,6 +1,39 @@
 # Changelog
 
-## [Unreleased](https://github.com/shift72/core-template/compare/1.9.25...HEAD)
+## [Unreleased](https://github.com/shift72/core-template/compare/1.9.26...HEAD)
+
+## [1.9.26](https://github.com/shift72/core-template/compare/1.9.25...1.9.26)
+
+### Added
+
+- Video player on film detail page for content creators
+- Add fade in transition on poster images
+- Add skeleton background color for posters before they load.
+- Add fade transition on carousel images
+- Commenting feature support
+- seo_meta_robots_no_index toggle block search engines crawling the site
+- google_analytics_debug toggle to enable debug mode on GA4
+
+### Changed
+
+- Added `-webkit-font-smoothing: antialiased` and `font-synthesis: none` to
+  body to avoid ugly font rendering. The antialiased setting can make fonts
+  render slightly lighter on macOS but should make it more consistent with
+  other platforms. Disabling font-synthesis prevents Safari from creating
+  hideous faux bold/italic faces when the exact weights aren't loaded.
+- Make the default meta tagline styling on posters a bit more subtle.
+  Introduces CSS variables for this to make customizing these styles easier.
+- Poster images have an aspect-ratio applied before they load. `.meta-item`
+  uses flex-column sizing to give the posters some size before the images load
+- Switched to babel
+- Update autoprefixer, postcss to fix out of date browserslist.
+- Update nvmrc to 18
+
+### Fixed
+
+- Disable picture-in-picture for carousel videos
+- Meta Pixel rogue ; in html when loading scripts
+- Various tranalation clean up for social links
 
 ## [1.9.25](https://github.com/shift72/core-template/compare/1.9.24...1.9.25)
 

package/kibble.json

@@ -1,6 +1,6 @@
 {
   "name": "core-template",
-  "version": "1.9.25",
+  "version": "1.9.26",
   "siteUrl": "https://staging-store-kibble.shift72.com",
   "builderVersion": "0.17.6",
   "defaultLanguage": "en",
@@ -118,7 +118,8 @@
     ]
   },
   "proxy": [
-    "^/checkout/"
+    "^/checkout/",
+    "^/play/"
   ],
   "routes": [
     {
@@ -194,5 +195,5 @@
       "pageSize": 0
     }
   ],
-  "coreTemplateVersion": "1.9.25"
+  "coreTemplateVersion": "1.9.26"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shift72/core-template",
-  "version": "1.9.25",
+  "version": "1.9.26",
   "description": "Shift72 core template",
   "license": "MIT",
   "scripts": {
@@ -42,22 +42,24 @@
   ],
   "author": "Shift72",
   "dependencies": {
-    "@rollup/plugin-buble": "^0.21.3",
-    "autoprefixer": "^7.1.2",
+    "autoprefixer": "^10.4.21",
     "bootstrap": "^4.6.1",
     "concat": "^1.0.3",
     "cssnano": "^5.0.8",
     "del": "^6.0.0",
     "minify": "^4.1.1",
     "npm-run-all": "^4.0.2",
-    "postcss": "^8.3.11",
-    "postcss-cli": "^9.0.1",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.1",
     "rollup": "^2.23.0",
     "rollup-plugin-terser": "^6.1.0",
     "s72-kibble": "^0.17.6",
     "sass": "^1.36.0"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@rollup/plugin-babel": "^6.0.4",
     "eslint": "^7.30.0",
     "eslint-config-preact": "^1.1.4",
     "eslint-config-prettier": "^8.3.0",
@@ -145,7 +147,14 @@
       "max-nesting-depth": 3,
       "prettier/prettier": true,
       "scss/at-extend-no-missing-placeholder": null,
-      "scss/at-import-no-partial-leading-underscore": null
+      "scss/at-import-no-partial-leading-underscore": null,
+      "order/properties-alphabetical-order": null
     }
-  }
+  },
+  "browserslist": [
+    "defaults, > 0.2% and not dead",
+    "chrome >= 58",
+    "ios >= 13",
+    "safari >= 13"
+  ]
 }

package/rollup.config.js

@@ -1,5 +1,5 @@
-import buble from '@rollup/plugin-buble';
-import { terser } from "rollup-plugin-terser";
+import babel from  '@rollup/plugin-babel';
+import { terser } from 'rollup-plugin-terser';
 
 const production = process.env.NODE_ENV == 'production';
 
@@ -19,10 +19,16 @@ export default {
     sourcemap: !production
   },
   plugins: [
-    buble({ jsx: 's72.ui.h', objectAssign: 'Object.assign' }),
+    babel({
+      babelHelpers: 'bundled',
+      presets: [
+        ['@babel/preset-env'],
+        ['@babel/preset-react', { pragma: 's72.ui.h' }]
+      ],
+    }),
     (production && terser())
   ],
   watch: {
     clearScreen: false
   }
-};
+};

package/site/ar_LB.all.json

@@ -1589,19 +1589,19 @@
     "other": "احصل عليه من Apple TV"
   },
   "wcag_aria_label_social_instagram": {
-    "other": "قم بزيارتنا على Instagram"
+    "other": "تفضل بزيارتنا على الانستجرام"
   },
   "wcag_aria_label_social_youtube": {
-    "other": "اشترك على يوتيوب"
+    "other": "اشترك على اليوتيوب"
   },
   "wcag_aria_label_social_facebook": {
-    "other": "زورونا على الفيسبوك"
+    "other": "تفضل بزيارتنا على الفيسبوك"
   },
   "wcag_aria_label_social_twitter": {
-    "other": "قم بزيارتنا على Twitter"
+    "other": "تفضل بزيارتنا على تويتر"
   },
   "wcag_aria_label_social_letterboxd": {
-    "other": "قم بزيارتنا على Letterboxd"
+    "other": "تفضل بزيارة موقعنا على Letterboxd"
   },
   "validate_email_about": {
     "other": "لإنشاء حساب ، يجب علينا أولاً التحقق من عنوان بريدك الإلكتروني. أدخل بريدك الإلكتروني وسنرسل دعوة تسجيل حساب."
@@ -1808,6 +1808,6 @@
     "other": "شراء كهدية"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "تفضل بزيارة موقعنا على بلو سكاي"
   }
-}
+}

package/site/ca_ES.all.json

@@ -1744,6 +1744,6 @@
     "other": "Compra com a regal"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Visita'ns a Bluesky"
   }
-}
+}

package/site/da_DK.all.json

@@ -1744,6 +1744,6 @@
     "other": "Køb som gave"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Besøg os på Bluesky"
   }
-}
+}

package/site/de_DE.all.json

@@ -1164,7 +1164,7 @@
     "other": "Auf LinkedIn teilen"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Ansicht auf Letterboxd"
+    "other": "Auf Letterboxd ansehen"
   },
   "signin_form_error_ip_throttled": {
     "other": "Sie haben sich zu oft nicht angemeldet. Bitte versuchen Sie es später erneut."
@@ -1744,6 +1744,6 @@
     "other": "Als Geschenk kaufen"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Besuchen Sie uns auf Bluesky"
   }
-}
+}

package/site/el_EL.all.json

@@ -1744,6 +1744,6 @@
     "other": "Αγορά ως δώρο"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Επισκεφθείτε μας στο Bluesky"
   }
-}
+}

package/site/en_AU.all.json

@@ -1744,6 +1744,6 @@
     "other": "Purchase as gift"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Visit us on Bluesky"
   }
-}
+}

package/site/es_ES.all.json

@@ -1535,13 +1535,13 @@
     "other": "Suscríbete en Youtube"
   },
   "wcag_aria_label_social_facebook": {
-    "other": "Visítenos en Facebook"
+    "other": "Visítanos en Facebook"
   },
   "wcag_aria_label_social_twitter": {
-    "other": "Visítenos en Twitter"
+    "other": "Visítanos en Twitter"
   },
   "wcag_aria_label_social_letterboxd": {
-    "other": "Visítenos en Letterboxd"
+    "other": "Visítanos en Letterboxd"
   },
   "validate_email_about": {
     "other": "Para crear una cuenta primero debemos verificar su dirección de correo electrónico. Ingrese su correo electrónico y le enviaremos una invitación de registro de cuenta."
@@ -1748,6 +1748,6 @@
     "other": "Comprar como regalo"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Visítanos en Bluesky"
   }
-}
+}

package/site/es_MX.all.json

@@ -1535,13 +1535,13 @@
     "other": "Suscríbete en Youtube"
   },
   "wcag_aria_label_social_facebook": {
-    "other": "Visítenos en Facebook"
+    "other": "Visítanos en Facebook"
   },
   "wcag_aria_label_social_twitter": {
-    "other": "Visítenos en Twitter"
+    "other": "Visítanos en Twitter"
   },
   "wcag_aria_label_social_letterboxd": {
-    "other": "Visítenos en Letterboxd"
+    "other": "Visítanos en Letterboxd"
   },
   "validate_email_about": {
     "other": "Para crear una cuenta primero debemos verificar su dirección de correo electrónico. Ingrese su correo electrónico y le enviaremos una invitación de registro de cuenta."
@@ -1748,6 +1748,6 @@
     "other": "Comprar como regalo"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Visítanos en Bluesky"
   }
-}
+}

package/site/et_ET.all.json

@@ -1137,7 +1137,7 @@
     "other": "Jagage LinkedIn"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Vaata Letterboxd"
+    "other": "Vaata Letterboxdis"
   },
   "shopping_error_plan_already_owned": {
     "other": "See plaan on teil juba olemas."
@@ -1744,6 +1744,6 @@
     "other": "Ostke kingituseks"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Külastage meid Bluesky kaudu"
   }
-}
+}

package/site/fi_FI.all.json

@@ -979,7 +979,7 @@
     "other": "Jaa LinkedIn"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Katso Letterboxd"
+    "other": "Katso Letterboxdissa"
   },
   "shopping_error_plan_already_owned": {
     "other": "Sinulla on jo tämä suunnitelma."
@@ -1513,7 +1513,7 @@
     "other": "Jotain meni pieleen korttia lisättäessä. Yritä myöhemmin uudelleen tai käytä toista korttia."
   },
   "wcag_aria_label_social_instagram": {
-    "other": "Vieraile meillä Instagramissa"
+    "other": "Vieraile meissä Instagramissa"
   },
   "wcag_aria_label_social_youtube": {
     "other": "Tilaa Youtubessa"
@@ -1744,6 +1744,6 @@
     "other": "Osta lahjaksi"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Tule käymään Blueskyssä"
   }
-}
+}

package/site/fr_FR.all.json

@@ -1541,7 +1541,7 @@
     "other": "Visitez-nous sur Twitter"
   },
   "wcag_aria_label_social_letterboxd": {
-    "other": "Rendez-nous visite sur Letterboxd"
+    "other": "Visitez-nous sur Letterboxd"
   },
   "validate_email_about": {
     "other": "Pour créer un compte, nous devons d'abord vérifier votre adresse e-mail. Entrez votre e-mail et nous vous enverrons une invitation à créer un compte."
@@ -1748,6 +1748,6 @@
     "other": "Acheter en cadeau"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Visitez-nous sur Bluesky"
   }
-}
+}

package/site/hr_HR.all.json

@@ -1244,7 +1244,7 @@
     "other": "Nabavite ga na Google Playu"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Pogled na Letterboxd"
+    "other": "Pogledajte na Letterboxd"
   },
   "user_error_too_many_pin_errors_help_page_link": {
     "other": ""
@@ -1746,6 +1746,6 @@
     "other": "Kupiti kao poklon"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Posjetite nas na Blueskyju"
   }
-}
+}

package/site/hu_HU.all.json

@@ -1134,7 +1134,7 @@
     "other": "Oszd meg a LinkedIn"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Megtekintés a Letterboxd"
+    "other": "Megtekintés a Letterboxd-n"
   },
   "shopping_error_plan_already_owned": {
     "other": "Már megvan ez a terv."
@@ -1744,6 +1744,6 @@
     "other": "Vásároljon ajándékba"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Látogasson el hozzánk a Bluesky-n"
   }
-}
+}

package/site/it_IT.all.json

@@ -1044,7 +1044,7 @@
     "other": "Condividi su LinkedIn"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Visualizza su Letterboxdd"
+    "other": "Visualizza su Letterboxd"
   },
   "header_banner": {
     "other": "ABC Cinemas – 21° Festival del Cinema, 1 – 6 giugno 2021"
@@ -1529,19 +1529,19 @@
     "other": "Scaricalo su Apple TV"
   },
   "wcag_aria_label_social_instagram": {
-    "other": "Venite a trovarci su Instagram"
+    "other": "Visitateci su Instagram"
   },
   "wcag_aria_label_social_youtube": {
     "other": "Iscriviti su Youtube"
   },
   "wcag_aria_label_social_facebook": {
-    "other": "Visitaci su Facebook"
+    "other": "Visitateci su Facebook"
   },
   "wcag_aria_label_social_twitter": {
-    "other": "Visitaci su Twitter"
+    "other": "Visitateci su Twitter"
   },
   "wcag_aria_label_social_letterboxd": {
-    "other": "Venite a trovarci su Letterboxd"
+    "other": "Visitateci su Letterboxd"
   },
   "validate_email_about": {
     "other": "Per creare un account dobbiamo prima verificare il tuo indirizzo email. Inserisci la tua email e ti invieremo un invito alla registrazione dell'account."
@@ -1748,6 +1748,6 @@
     "other": "Acquista come regalo"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Visitateci su Bluesky"
   }
-}
+}

package/site/ja_JP.all.json

@@ -1512,19 +1512,19 @@
     "other": "Apple TV で入手する"
   },
   "wcag_aria_label_social_instagram": {
-    "other": "Instagramで私たちをご覧ください"
+    "other": "Instagramをご覧ください"
   },
   "wcag_aria_label_social_youtube": {
-    "other": "Youtubeで購読する"
+    "other": "YouTubeで購読する"
   },
   "wcag_aria_label_social_facebook": {
-    "other": "Facebookで私たちをご覧ください"
+    "other": "Facebookでご覧ください"
   },
   "wcag_aria_label_social_twitter": {
-    "other": "Twitterで私たちをご覧ください"
+    "other": "Twitterでフォローしてください"
   },
   "wcag_aria_label_social_letterboxd": {
-    "other": "Letterboxdにアクセスしてください"
+    "other": "Letterboxdをご覧ください"
   },
   "validate_email_about": {
     "other": "アカウントを作成するには、まずメール アドレスを確認する必要があります。メールアドレスを入力すると、アカウントのサインアップの招待状が送信されます。"
@@ -1731,6 +1731,6 @@
     "other": "ギフトとして購入"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Blueskyをご覧ください"
   }
-}
+}

package/site/lt_LT.all.json

@@ -1776,6 +1776,6 @@
     "other": "Pirkti kaip dovaną"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Aplankykite mus Bluesky"
   }
-}
+}

package/site/nl_BE.all.json

@@ -1215,7 +1215,7 @@
     "other": "Delen op LinkedIn"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Uitzicht op Letterboxd"
+    "other": "Bekijk op Letterboxd"
   },
   "shopping_error_plan_already_owned": {
     "other": "Je hebt dit abonnement al."
@@ -1744,6 +1744,6 @@
     "other": "Aankoop als geschenk"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Bezoek ons op Bluesky"
   }
-}
+}

package/site/no_NO.all.json

@@ -1128,7 +1128,7 @@
     "other": "Dele på LinkedIn"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Dele på Letterboxd"
+    "other": "Se på Letterboxd"
   },
   "shopping_error_plan_already_owned": {
     "other": "Du har allerede denne planen."
@@ -1744,6 +1744,6 @@
     "other": "Kjøp som gave"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Besøk oss på Bluesky"
   }
-}
+}

package/site/pl_PL.all.json

@@ -1030,7 +1030,7 @@
     "other": "Podziel się LinkedIn"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Podziel się Letterboxd"
+    "other": "Zobacz na Letterboxd"
   },
   "shopping_error_plan_already_owned": {
     "other": "Masz już ten plan."
@@ -1821,6 +1821,6 @@
     "other": "Kup na prezent"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Odwiedź nas na Bluesky"
   }
-}
+}

package/site/pt_BR.all.json

@@ -1157,7 +1157,7 @@
     "other": "Compartilhar no LinkedIn"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Visualizar no Letterboxd"
+    "other": "Ver no Letterboxd"
   },
   "app_badge_title": {
     "other": "Baixe o aplicativo para visualizar o conteúdo adquirido!"
@@ -1748,6 +1748,6 @@
     "other": "Comprar como presente"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Visite-nos no Bluesky"
   }
-}
+}

package/site/pt_PT.all.json

@@ -1122,7 +1122,7 @@
     "other": "Compartilhar no LinkedIn"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Visualizar no Letterboxd"
+    "other": "Ver no Letterboxd"
   },
   "shopping_error_plan_already_owned": {
     "other": "Você já tem este plano."
@@ -1748,6 +1748,6 @@
     "other": "Comprar como presente"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Visite-nos no Bluesky"
   }
-}
+}

package/site/ru_RU.all.json

@@ -1162,7 +1162,7 @@
     "other": "Поделиться на LinkedIn"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Просмотр на letterboxd"
+    "other": "Посмотреть на Letterboxd"
   },
   "shopping_error_plan_already_owned": {
     "other": "У вас уже есть этот план."
@@ -1582,13 +1582,13 @@
     "other": "Посетите нас в Instagram"
   },
   "wcag_aria_label_social_youtube": {
-    "other": "Подпишитесь на Youtube"
+    "other": "Подписаться на Youtube"
   },
   "wcag_aria_label_social_facebook": {
     "other": "Посетите нас на Facebook"
   },
   "wcag_aria_label_social_twitter": {
-    "other": "Посетите нас в Твиттере"
+    "other": "Посетите нас в Twitter"
   },
   "wcag_aria_label_social_letterboxd": {
     "other": "Посетите нас на Letterboxd"
@@ -1798,6 +1798,6 @@
     "other": "Покупка в подарок"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Посетите нас на Bluesky"
   }
-}
+}

package/site/sr_SR.all.json

@@ -1212,7 +1212,7 @@
     "other": "Поделиться на LinkedIn"
   },
   "wcag_aria_label_letterboxd": {
-    "other": "Просмотр на letterboxd"
+    "other": "Поглед на Леттербокд"
   },
   "shopping_error_plan_already_owned": {
     "other": "У вас уже есть этот план."
@@ -1760,6 +1760,6 @@
     "other": "Купите као поклон"
   },
   "wcag_aria_label_social_bluesky": {
-    "other": "Bluesky"
+    "other": "Посетите нас на Блуески"
   }
-}
+}

package/site/static/js/comments.js

@@ -0,0 +1,9 @@
+import s72 from 's72';
+import {bindEachComponent, attrs} from 's72.ui';
+
+bindEachComponent('comment-section', (e) => {
+  if (window.s72.comments) {
+    const props = attrs(e);
+    s72.comments.mountCommentsForSlug({slug: props.slug, container: e});
+  }
+});