Boilerplate upgrade

blog/blocks/animation/animation.js

@@ -1,4 +1,4 @@
-import { buildFigure } from '../../scripts/scripts.js';
+import { buildFigure } from '../../../scripts/scripts.js';
 
 export default function decorateAnimation(blockEl) {
   const a = blockEl.querySelector('a');

blog/blocks/article-feed/article-feed.js

@@ -1,10 +1,12 @@
 import {
   readBlockConfig,
+} from '../../../scripts/lib-franklin.js';
+import {
   buildArticleCard,
   fetchPlaceholders,
   fetchBlogArticleIndex,
   stamp,
-} from '../../scripts/scripts.js';
+} from '../../../scripts/scripts.js';
 
 function isCardOnPage(article) {
   const path = article.path.split('.')[0];

blog/blocks/article-header/article-header.js

@@ -1,11 +1,13 @@
 import {
-  buildFigure,
+  toClassName,
   createOptimizedPicture,
+} from '../../../scripts/lib-franklin.js';
+import {
+  buildFigure,
   getRootPath,
-  toClassName,
   loadAuthorTaxonomy,
   authorTaxonomy,
-} from '../../scripts/scripts.js';
+} from '../../../scripts/scripts.js';
 
 async function populateAuthorImg(imgContainer, url, name) {
   await loadAuthorTaxonomy();

blog/blocks/banner/banner.js

@@ -1,7 +1,9 @@
 import {
   normalizeHeadings,
+} from '../../../scripts/lib-franklin.js';
+import {
   makeLinksRelative,
-} from '../../scripts/scripts.js';
+} from '../../../scripts/scripts.js';
 
 export default function decorate(block) {
   const bannerContents = document.createElement('div');

blog/blocks/embed/embed.js

@@ -1,4 +1,4 @@
-import { buildFigure } from '../../scripts/scripts.js';
+import { buildFigure } from '../../../scripts/scripts.js';
 
 const loadScript = (url, callback, type) => {
   const head = document.querySelector('head');

blog/blocks/featured-article/featured-article.js

@@ -4,7 +4,7 @@ import {
   buildArticleCard,
   getBlogArticle,
   rewritePath,
-} from '../../scripts/scripts.js';
+} from '../../../scripts/scripts.js';
 
 async function decorateFeaturedArticle(featuredArticleEl, articlePath) {
   const article = await getBlogArticle(articlePath);

blog/blocks/footer/footer.js

@@ -1,7 +1,7 @@
 import {
   fetchPlaceholders,
   debug,
-} from '../../scripts/scripts.js';
+} from '../../../scripts/scripts.js';
 import createTag from '../gnav/gnav-utils.js';
 
 const GLOBE_IMG = '<img class="footer-region-img" loading="lazy" alt="wireframe globe" src="/blog/blocks/footer/globe.svg">';

blog/blocks/gnav/gnav-profile.js

@@ -1,4 +1,4 @@
-import { getHelixEnv } from '../../scripts/scripts.js';
+import { getHelixEnv } from '../../../scripts/scripts.js';
 import createTag from './gnav-utils.js';
 
 function decorateEmail(email) {

blog/blocks/gnav/gnav-search.js

@@ -1,4 +1,9 @@
-import { fetchBlogArticleIndex, createOptimizedPicture } from '../../scripts/scripts.js';
+import {
+  createOptimizedPicture,
+} from '../../../scripts/lib-franklin.js';
+import {
+  fetchBlogArticleIndex,
+} from '../../../scripts/scripts.js';
 import createTag from './gnav-utils.js';
 
 function decorateCard(hit) {

blog/blocks/gnav/gnav.js

@@ -1,12 +1,14 @@
+import {
+  loadCSS,
+} from '../../../scripts/lib-franklin.js';
 import {
   loadScript,
   getHelixEnv,
   getBlockClasses,
   debug,
   makeLinkRelative,
-  loadCSS,
   getRootPath,
-} from '../../scripts/scripts.js';
+} from '../../../scripts/scripts.js';
 import createTag from './gnav-utils.js';
 
 const COMPANY_IMG = '<img alt="Adobe" src="/blog/blocks/gnav/adobe-logo.svg">';

blog/blocks/images/images.js

@@ -1,4 +1,4 @@
-import { buildFigure } from '../../scripts/scripts.js';
+import { buildFigure } from '../../../scripts/scripts.js';
 
 function buildColumns(rowEl, count) {
   const columnEls = Array.from(rowEl.children);

blog/blocks/infographic/infographic.js

@@ -1,4 +1,4 @@
-import { buildFigure } from '../../scripts/scripts.js';
+import { buildFigure } from '../../../scripts/scripts.js';
 
 export default function decorateInfographic(blockEl) {
   const figEl = buildFigure(blockEl.firstChild.firstChild);

blog/blocks/interlinks/interlinks.js

@@ -1,6 +1,6 @@
 import {
   getRootPath,
-} from '../../scripts/scripts.js';
+} from '../../../scripts/scripts.js';
 
 /**
  * Checks if a given match intersects with an existing match

blog/blocks/recommended-articles/recommended-articles.js

@@ -3,7 +3,7 @@ import {
   getBlogArticle,
   fetchPlaceholders,
   rewritePath,
-} from '../../scripts/scripts.js';
+} from '../../../scripts/scripts.js';
 
 async function decorateRecommendedArticles(recommendedArticlesEl, paths) {
   if (recommendedArticlesEl.classList.contains('small')) {

blog/blocks/tags/tags.js

@@ -1,7 +1,9 @@
 import {
   toClassName,
+} from '../../../scripts/lib-franklin.js';
+import {
   loadTaxonomy,
-} from '../../scripts/scripts.js';
+} from '../../../scripts/scripts.js';
 
 export default function decorateTags(blockEl) {
   const tags = blockEl.textContent.split(', ');

blog/blocks/video/video.js

@@ -1,4 +1,4 @@
-import { buildFigure } from '../../scripts/scripts.js';
+import { buildFigure } from '../../../scripts/scripts.js';
 
 export default function decorate(block) {
   if (block.classList.contains('is-loaded')) {