@data-visuals/create 5.0.1 → 6.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-visuals/create",
-  "version": "5.0.1",
+  "version": "6.2.1",
   "description": "Create graphics and features the Data Visuals way.",
   "scripts": {
     "build:docs": "doctoc README.md --github",

package/templates/__common__/_package.json

@@ -27,7 +27,7 @@
     "@types/node": "^11.9.4",
     "ansi-colors": "^3.2.3",
     "archieml": "^0.4.1",
-    "assets-webpack-plugin": "^7.0.0",
+    "assets-webpack-plugin": "^6.1.2",
     "autoprefixer": "^9.0.2",
     "aws-sdk": "^2.372.0",
     "babel-eslint": "^10.0.1",

package/templates/__common__/config/tasks/graphics-meta.js

@@ -90,7 +90,7 @@ const getText = async (params = { key: '', page: {} }) => {
 
 const printWarnings = graphics => {
   const { tags } = config;
-  const requiredKeys = ['description', 'credits', 'source'];
+  const requiredKeys = ['alt-text', 'credits', 'source'];
 
   // default tags used
   if (JSON.stringify(tags) === JSON.stringify(TAGS_PLACEHOLDER)) {
@@ -154,7 +154,7 @@ const parseGraphic = async (
   // get text from page
   const title = await getText({ key: 'title', page });
   const caption = await getText({ key: 'caption', page });
-  const description = await getText({ key: 'description', page });
+  const altText = await getText({ key: 'alt-text', page });
   const note = await getText({ key: 'note', page });
   const source = await getText({ key: 'source', page });
   let credits = await getText({ key: 'credit', page });
@@ -203,7 +203,7 @@ const parseGraphic = async (
   // all graphic data
   return {
     title,
-    description,
+    altText,
     bucket,
     graphicPath,
     graphicURL,

package/templates/__common__/utils/deployment/deploy.js

@@ -32,7 +32,9 @@ Upload of ${colors.yellow(numFiles)} file${numFiles === 1 ? '' : 's'} complete.
 Good work! The primary page of this project can be found at:
 ${colors.blue.underline(mainPath)} (This has been copied to your clipboard.)
 
-Did you run ${colors.yellow(`npm run data:fetch`)} before deploying to get the latest data?`);
+Did you run ${colors.yellow(
+    `npm run data:fetch`
+  )} before deploying to get the latest data?`);
 
   if (projectType === 'feature') {
     console.log(`

package/templates/__common__/utils/deployment/update-log-sheet.js

@@ -2,6 +2,10 @@ const { google } = require('googleapis');
 const { getAuth } = require('../fetch/authorize');
 const { dataType } = require('./update-readme');
 
+// for reading the manifest file
+const paths = require('../../config/paths');
+const fs = require('fs');
+
 // gets file link for first file of desired type
 function getFileLink(files, type) {
   let desiredFile = files.find(file => file.type == type);
@@ -15,61 +19,46 @@ function getFileLink(files, type) {
   } else return '';
 }
 
-// update log of past data visuals works with project info
-let updateLogSheet = async (mainPath, config) => {
-  const auth = await getAuth();
-
-  const sheets = google.sheets({
-    version: 'v4',
-    auth,
-  });
-
-  // id of data visuals work spreadsheet
-  const spreadsheetId = '10mQMStMlL333X922Imy-_CY_grOotZ2ZtlmU7DShjPM';
-  let sheetName, repoName;
-
-  if (config.projectType === 'graphic') {
+// fetch latest data and write new data to sheet
+async function writeToSheet(
+  sheets,
+  spreadsheetId,
+  projectType,
+  projectID,
+  projectURL,
+  metadataInput
+) {
+  // get corresponding sheet
+  let sheetName;
+  if (projectType === 'graphic') {
     sheetName = 'Embedded';
-    repoName = `newsapps-dailies/${config.createYear}/${config.projectName}-${config.createYear}-${config.createMonth}`;
   }
-  if (config.projectType === 'feature') {
+  if (projectType === 'feature') {
     sheetName = 'Feature';
-    repoName = `feature-${config.projectName}-${config.createYear}-${config.createMonth}`;
   }
 
   // pull the data out of the spreadsheet
   const { data } = await sheets.spreadsheets.values.get({
     spreadsheetId: spreadsheetId,
-    range: `${sheetName}!A1:A`,
+    range: `${sheetName}!A:B`,
   });
 
   // safety check for values in that range
   if (data.values) {
-    let foundId = data.values.find(value => value[0] == config.id);
-    if (foundId) {
-      let index = data.values.findIndex(value => value[0] == config.id);
+    // match by ID and graphic URL
+    let foundProjectIndex = data.values.findIndex(value => {
+      return value[0] == projectID && value[1] == projectURL;
+    });
+
+    if (foundProjectIndex != -1) {
       // if id exists, update it
       sheets.spreadsheets.values.update({
         spreadsheetId: spreadsheetId,
-        range: `${sheetName}!${index + 1}:${index + 1}`, // DON'T MESS WITH THESE INDICES
+        range: `${sheetName}!${foundProjectIndex + 1}:${foundProjectIndex + 1}`, // DON'T MESS WITH THESE INDICES
         valueInputOption: 'USER_ENTERED',
         resource: {
           // row of values
-          values: [
-            [
-              config.id,
-              '',
-              '',
-              '',
-              '',
-              '',
-              mainPath,
-              repoName,
-              getFileLink(config.files, 'sheet'),
-              getFileLink(config.files, 'doc'),
-              '',
-            ],
-          ],
+          values: metadataInput,
         },
       });
     } else {
@@ -81,25 +70,94 @@ let updateLogSheet = async (mainPath, config) => {
           1}`, // DON'T MESS WITH THESE INDICES
         resource: {
           // row of values
-          values: [
-            [
-              config.id,
-              '',
-              '',
-              '',
-              '',
-              '',
-              mainPath,
-              repoName,
-              getFileLink(config.files, 'sheet'),
-              getFileLink(config.files, 'doc'),
-              '',
-            ],
-          ],
+          values: metadataInput,
         },
       });
     }
   }
+}
+
+// update log of past data visuals works with project info
+let updateLogSheet = async (mainPath, config) => {
+  // read manifest file, which has metadata about the project
+  const manifest = fs.readFileSync(`${paths.appDist}/manifest.json`, 'utf8');
+
+  if (manifest) {
+    const manifestJSON = JSON.parse(manifest); // convert metadata to JSON object
+
+    // set up auth to connect to Google
+    const auth = await getAuth();
+    const sheets = google.sheets({
+      version: 'v4',
+      auth,
+    });
+
+    // id of data visuals work spreadsheet
+    const spreadsheetId = '1hCP5zGx8dNxk59gI9wBSFY2juJVM8OFCDY45VnNb2nI';
+
+    // loop through metadata JSON
+    if (manifestJSON.length == 0) {
+      let metadataInput = [
+        [
+          config.id,
+          mainPath,
+          '',
+          '',
+          '',
+          '',
+          '',
+          '',
+          '',
+          '',
+          '',
+          '',
+          getFileLink(config.files, 'sheet'),
+          getFileLink(config.files, 'doc'),
+        ],
+      ];
+
+      await writeToSheet(
+        sheets,
+        spreadsheetId,
+        config.projectType,
+        config.id,
+        mainPath,
+        metadataInput
+      );
+    } else {
+      for (const metadata of manifestJSON) {
+        let metadataInput = [
+          [
+            metadata.id,
+            metadata.graphicURL,
+            metadata.graphicPath,
+            metadata.title,
+            metadata.caption,
+            metadata.altText,
+            `${metadata.createYear}-${metadata.createMonth}`,
+            metadata.lastBuildTime,
+            metadata.note,
+            metadata.source,
+            metadata.credits.join(', '),
+            metadata.tags.join(', '),
+            getFileLink(config.files, 'sheet'),
+            getFileLink(config.files, 'doc'),
+            metadata.previews.large,
+            metadata.previews.small,
+          ],
+        ];
+
+        await writeToSheet(
+          sheets,
+          spreadsheetId,
+          config.projectType,
+          metadata.id,
+          metadata.graphicURL,
+          metadataInput
+        );
+      }
+    }
+  }
 };
 
 module.exports = { updateLogSheet };

package/templates/__common__/utils/deployment/update-readme.js

@@ -19,10 +19,10 @@ let updateReadMe = async (paths, mainPath, files) => {
   // add project link
   if (readMe[startLine] != '') {
     // if link exists, update it
-    readMe[startLine] = `[Link to your project](${mainPath})`;
+    readMe[startLine] = `-[Link to your project](${mainPath})`;
   } else {
     // insert project link
-    readMe.splice(startLine, 0, `[Link to your project](${mainPath})`);
+    readMe.splice(startLine, 0, `-[Link to your project](${mainPath})`);
   }
 
   // add data link(s)
@@ -33,7 +33,7 @@ let updateReadMe = async (paths, mainPath, files) => {
 
     // if link exists, update it
     if (readMe[i] != '') {
-      readMe[i] = `[Link to your ${
+      readMe[i] = `-[Link to your ${
         files[i - (startLine + 1)].type
       }](${dataLink})`;
     } else {
@@ -41,7 +41,7 @@ let updateReadMe = async (paths, mainPath, files) => {
       readMe.splice(
         i,
         0,
-        `[Link to your ${files[i - (startLine + 1)].type}](${dataLink})`
+        `-[Link to your ${files[i - (startLine + 1)].type}](${dataLink})`
       );
     }
   }

package/templates/graphic/app/index.html

@@ -11,8 +11,8 @@
 {# data.data --> data/data.json #}
 {% set graphicData = data.data %}
 
-{# graphicDesc is used by the CMS for accessibility #}
-{% set graphicDesc = '' %}
+{# graphicAltText is used by the CMS for accessibility #}
+{% set graphicAltText = context.alttext %}
 
 {% block content %}
 {# data-graphic signifies that this can be embedded in the CMS #}

package/templates/graphic/app/static.html

@@ -15,8 +15,8 @@
 {# if this is an ai2html graphic, fill out these variables #}
 {% set graphicTitle = context.headline %}
 {% set graphicCaption = '' %}
-{# graphicDesc is used by the CMS for accessibility #}
-{% set graphicDesc = '' %}
+{# graphicAltText is used by the CMS for accessibility #}
+{% set graphicAltText = context.alttext %}
 {% set graphicNote = context.note %}
 {% set graphicSource = context.source %}
 {% set graphicCredit = context.credit %}

package/templates/graphic/app/templates/base.html

@@ -10,8 +10,8 @@
   {% if graphicTitle %}
     <meta name="tt-graphic-title" content="{{ graphicTitle }}" />
   {% endif %}
-  {% if graphicDesc %}
-    <meta name="tt-graphic-description" content="{{ graphicDesc }}" />
+  {% if graphicAltText %}
+    <meta name="tt-graphic-alt-text" content="{{ graphicAltText }}" />
   {% endif %}
   {% if graphicCaption %}
     <meta name="tt-graphic-caption" content="{{ graphicCaption }}" />

package/templates/graphic/graphics-meta.md

@@ -3,11 +3,11 @@
 Graphics intended to be used as embeds in the CMS should have specific selectors present in the HTML. The values for these selectors are parsed and output into a `manifest.json` file which is used by the graphics plugin to organize our graphics inventory.
 
 
-| Selector/Variable | Description | Example | Output in manifest.json |
+| Selector/Variable | Alt Text | Example | Output in manifest.json |
 |--|--|--|--|
 | `[data-graphic]` | If present, the HTML of the page will be parsed for metadata and surfaced in the CMS | `<div class="app" data-graphic>` | N/A - If no `[data-graphic]` selector is found, the graphic won't output in manifest. |
 | `{{ graphicTitle }}` or `[data-title]` | The title of the graphic in the CMS. **If this is missing, the graphic will not surface in the CMS.** | `{% set  graphicTitle = 'Some title' %}` or `<h1 class="graphic-title" data-title>Some title</h1>` | `title: string` |
-| `{{ graphicDesc }}` | The description of the graphic in the CMS. This will also be read by screenreaders in platforms like Apple News. | `{% set graphicDesc = 'This is a bar chart showing xyz' %}` | `description: string` |
+| `{{ graphicAltText }}` | The alt text of the graphic in the CMS. This will also be read by screenreaders in platforms like Apple News. | `{% set graphicAltText = 'This is a bar chart showing xyz' %}` | `altText: string` |
 | `{{ graphicCaption }}` | The caption of the graphic in the CMS. The text typically below the title. | `{% set graphicCaption = 'Summarizing statement about the values in the graphic.' %}` | `caption: string` |
 | `{{ graphicNote }}` or `[data-note]` | Note or disclaimer attached to the graphic. | `{% set graphicNote = 'Important disclaimer about this graphic.' %}` or `<li data-note>Note: Important disclaimer about this graphic.</li>` | `note: string` |
 | `{{ graphicSource }}` or `[data-source]` | The source of the graphic in the CMS | `{% set  graphicSource = 'TXDOT' %}` or `<li data-source>Source: TXDOT</li>` | `source: string` |
@@ -16,9 +16,9 @@ Graphics intended to be used as embeds in the CMS should have specific selectors
 ### Full example
 ```html
 {% extends 'base.html' %}
-{% set  context = data.text %}
-{% set  graphicDesc = 'Description of graphic' %}
-{% block  content %}
+{% set context = data.text %}
+{% set graphicAltText = 'Alt text of graphic' %}
+{% block content %}
 <div class="app" data-graphic>
 	<h1 class="graphic-title" data-title>{{ context.headline }}</h1>
 	<span data-caption>{{ prose(context.prose, context, graphicData) }}</span>
@@ -29,7 +29,7 @@ Graphics intended to be used as embeds in the CMS should have specific selectors
 		<li data-credit>Credit: {{ context.credit }}</li>
 	</ul>
 </div>
-{% endblock  content %}
+{% endblock content %}
 ```
 ### Full example with ai2html graphic
 
@@ -39,7 +39,7 @@ For Illustrator graphics, we typically set the title and other info in the Illus
 {% extends 'base.html' %}
 {% set context = data.text %}
 {% set graphicTitle = 'Headline from AI graphic' %}
-{% set graphicDesc = 'Description of graphic' %}
+{% set graphicAltText = 'Alt text of graphic' %}
 {% set graphicCaption = 'Chatter from AI graphic' %}
 {% set graphicNote = 'Note from AI graphic' %}
 {% set graphicSource = 'Source from AI graphic' %}
@@ -80,7 +80,7 @@ Project config keys output in `manifest.json`
 [
   {
     "title": "Title of graphic",
-    "description": "Description of graphic",
+    "altText": "Alt text of graphic",
     "bucket": "graphics.texastribune.org",
     "graphicPath": "graphics/new-test-2-2021-02/static",
     "graphicURL": "https://graphics.texastribune.org/graphics/new-test-2-2021-02/static/",

package/CHANGELOG.md

@@ -1,299 +0,0 @@
-# Changelog
-All notable changes to this project will be documented in this file.
-
-The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
-and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
-
-## Unreleased
-### Added
-### Changed
-### Removed
-### Fixed
-
-## [5.0.1] - 2021-08-05
-## Fixed
-- `_common_/app/styles/_functions.scss`, `_common_/app/styles/utilities/_embed.scss` - replace `/` with `math.div` to address Dart Sass warnings #94
-
-## [5.0.0] - 2021-08-04
-### Changed
-- `package.json`, `package-lock.json` - bump `assets-webpack-plugin`, `googleapis`, `imagemin`, `imagemin-gifsicle`, `imagemin-jpegtran`, `imagemin-optipng` packages (major version bumps for `imagemin-gifsicle`, `imagemin-jpegtran`, `imagemin-optipng` require Node.js v10)
-
-## [4.0.2] - 2021-06-04
-### Changed
-- `package.json`, `package-lock.json` - bump `np` and `doctoc` packages
-
-## [4.0.1] - 2021-06-04
-### Removed
-- `templates/feature/app/scripts/kickstart.js` - remove trending bar from our feature pages because it was getting in the way of other designs
-
-## [4.0.0] - 2021-05-05
-### Changed
-- `templates/__common__/config/scripts/build.js` - add script to update the `lastBuildTime` in `build.js`
-- `templates/__common__/config/tasks/graphics-meta.js` - add more keys to manifest.json output; simplify warning logs; ignore graphics with no title
-- `templates/__common__/config/utils.js` - add a `logMessage` function for console logging with colors
-- `templates/feature/project.config.js` - add `lastBuildTime` field to feature config, change `slug` to `projectName`, add comments to clarify which properties should and should not be changed
-- `templates/graphic/project.config.js` - add `lastBuildTime` field to graphic config, change `slug` to `projectName`, add comments to clarify which properties should and should not be changed; update default tag to `subject-politics`
-- `bin/data-visuals-create`, `README.md`, `templates/__common__/_package.json`, `templates/__common__/utils/deployment/update-log-sheet.js` - change `slug` to `projectName` to avoid confusion with the slug in our project URL and what we add to the CMS
-- `templates/graphic/app/index.html`,  `templates/graphic/app/static.html`, `templates/graphic/app/templates/base.html` - add caption for graphic context and assume description is for accessibility
-- `templates/graphic/graphics-meta.md` - document the new caption field and rules
-
-### Added
-- `templates/__common__/config/tasks/last-build-time.js` - add script to parse the config file, update the `lastBuildTime` and write the file back to the filepath
-
-## [3.8.0] - 2021-04-20
-### Changed
-- `templates/__common__/config/tasks/graphics-meta.js` - Adds a graphic note to the manifest file. Also now logs a warning to the terminal if you don't update the tags in the project config.
-- ` templates/graphic/app/index.html`,
-`templates/graphic/app/static.html`,
-` templates/graphic/app/templates/base.html` - Adds all the proper template attributes to surface notes to the parsing task
-` templates/graphic/graphics-meta.md` - Documents the new key
-
-## [3.7.0] - 2021-03-16
-### Changed
-- `templates/graphic/project.config.js` - Adds new key for adding customization to the parsing step. For now the only one there is one to ignore Apple News for specified files. Adds some placeholder tags to tag our graphics also. (Tags will be included in the graphic metadata.)
-- `templates/__common__/_package.json` - Adds puppeteer and a new `npm run parse` step. Add `npm run parse` to `npm run build` so the parse step runs automatically on deploy.
-- `templates/graphic/README.md` - Adds default Chrome install path, required in the parse step.
-- `templates/graphic/app/templates/base.html` - New meta tags on graphics to be used internally.
-- `templates/graphic/app/index.html`, `templates/graphic/app/static.html` - Add variables to set for graphic metadata, plus data attributes that allow the parser to pull metadata from existing HTML as a fallback.
-
-### Added
-- ` templates/__common__/_.npmrc`- This tells puppeteer to skip downloading chrome each time we create a new project. Saves us some storage on our machines.
-- `templates/__common__/config/scripts/parse.js ` - Task runner that spins up a local server and kicks off the graphics-meta.js step.
-- `templates/__common__/config/tasks/graphics-meta.js `- The base for this whole process. At a high level, this will step through the whole project /dist folder and extract all the relevant metadata info we specify. This is also where we capture screenshots of graphics.
-
-How we generate graphic metadata is also documented in `templates/graphic/graphics-meta.md`.
-
-## [3.6.0] - 2021-01-21
-### Changed
-- `templates/feature/app/templates/includes/ldjson.html` - change some of our attributes in our structured data schema
-
-## [3.5.0] - 2021-01-12
-### Changed
-- `templates/__common__/utils/deployment/update-log-sheet.js` - change ID of the Google sheet to write our projects to
-
-## [3.4.0] - 2020-12-22
-### Changed
-- `package.json` - bump `np` to v7.0.0
-- `templates/feature/app/scripts/utils/ad-loader.js` - set correct ad tags for roofline and footer ads
-- `templates/feature/app/styles/main-queso.scss`, `templates/feature/app/styles/main.scss` - add chart and graphic CSS by default
-- `templates/feature/app/templates/macros/processors-queso.html`, `templates/feature/app/templates/macros/processors.html` - add option to ad to set it as a roofline or footer ad
-- `templates/feature/app/index.html`, `templates/feature/app/index-queso.html` - add footer option to ad to set ad tag
-
-## [3.3.0] - 2020-11-19
-### Changed
-- `templates/graphic/project.config.js`, `templates/feature/project.config.js` - comment the slug and folder variables (folder variable should be changed when the URL slug is changed)
-- `templates/feature/app/index-queso.html` - change `{{ context.title }}` to `{{ context.headline }}`, add HTML to include publish and update dates
-- `templates/feature/app/index.html`, `templates/feature/project.config.js`, `templates/graphic/app/index.html`, `templates/graphic/app/static.html` - change `{{ context.title }}` to `{{ context.headline }}`
-- `templates/feature/app/templates/components/simple-masthead.html`,
-`templates/feature/app/templates/includes/logo.html` - change 10th anniversary logo back to original TT logo
-- `templates/__common__/app/styles/_typography-queso.scss` - add t-subheader styling
-
-### Added
-- `templates/__common__/app/templates/macros/prose-queso.html`, `templates/feature/app/templates/macros/processors-queso.html` - added prose and processors with queso styling
-
-### Fixed
-- `templates/feature/app/index-queso.html`, `templates/feature/app/index.html` - add widont to headline
-
-## [3.2.0] - 2020-09-15
-### Changed
-- `templates/__common__/config/tasks/nunjucks.js` - added getAuthor() and getAuthorLink() to extract author name and author link for structured data schema
-- `templates/feature/app/templates/includes/ldjson.html` - add new structured data attributes
-
-## [3.1.0] - 2020-09-02
-### Added
-- `templates/feature/app/styles/components/_navbar.scss` - added masthead title to the nav bar component in the `index-queso.html` template
-- `templates/feature/app/templates/components/navbar.html` - added additional styling for the masthead title
-
-### Fixed
-- `config/tasks/serve.js` - Adds an extra reload to refresh the page. When you first run npm run start there's a blip of no CSS while the CSS cleanup step runs. This will refresh again after that's finished so that console error referring to that missing CSS clears.
-- `config/tasks/unused-css.js` - Generalizes the gobbing pattern to capture more types of script files and in any folder. Previously CSS classes referenced in JS files weren't making it to the extra-minified CSS file, which is set up to only include classes used in the project.
-
-## [3.0.0] - 2020-08-25
-### Changed
-- `templates/feature/project.config.js` - change destination s3 bucket on deploy
-
-### Fixed
-- `package-lock.json` - bump version of `np` package to resolve security vulnerability
-
-## [2.8.1] - 2020-07-20
-### Fixed
-- `package-lock.json` - bump lodash from 4.17.15 to 4.17.19
-
-## [2.8.0] - 2020-07-20
-### Added
-- `/feature/app/index-queso.html` - Starter template for queso CSS framework
-- `/feature/app/styles/main-queso.scss` - Starter styles for CSS framework
-- `/__common__/app/styles/_typography-queso.scss` - Extra typography styles not accounted for in queso-ui and data viz specific overrides of existing helpers. Appended `-queso` as to not be confused with current _typography.scss
-- `/feature/app/styles/components/_navbar.scss` - Overrides for queso navbar
-- `feature/app/styles/layout/_container.scss` - Additional container classes
-- `/feature/app/templates/components/navbar.html` - Standard navbar component (used on TT)
-- `/feature/app/templates/components/share.html` - Standard share component (used on TT)
-- `/feature/app/templates/includes/logo.html` - Standard logo include (used on TT)
-
-### Changed
-- `_package.json` - Added queso dependency
-- `_variables.scss` - Added variables required for queso
-- `/feature/app/scripts/components/RelatedContent.js` and `/feature/app/scripts/components/Story.js` - Sprinkled in queso helpers (to be compatible in either starter template)
-- `/feature/app/styles/components/_ads.scss` - Updated teal to match TT site (it's a random darkened-teal for accessibility)
-- `/feature/app/styles/main.scss` - Removed sass-mq because it comes with the queso imports and added just the base queso variables and tools. This doesn't actually add any CSS so it's helpful if you ever want to include queso helpers in this file in your project.
-- `/feature/app/templates/base.html` - Added more blocks so that the queso starter template could vary in those parts. Example: Google fonts isn't needed in the queso started so we override that with an empty block.
-
-## [2.7.2] - 2020-07-01
-### Added
-- `templates/feature/app/scripts/packs/graphic.js` - add useful functions to JS for graphics (functions were already available in feature JS)
-
-### Fixed
-- `templates/feature/app/templates/includes/ldjson.html` - check for `updated` or `update date` so the tracker shows up in search on updates, add `author` field
-
-## [2.7.1] - 2020-07-01
-### Added
-- `templates/__common__/app/styles/_typography.scss` - add styling for update date #44
-
-### Changed
-- `templates/feature/app/index.html` - add HTML to handle update date and pub date #44
-
-### Fixed
-- `templates/feature/app/scripts/utils/feeds.js` - switch v1 API urls to v2 API urls #6
-- `templates/feature/app/scripts/components/Story.js` - switch out properties to match v2 API urls #6
-
-## [2.7.0] - 2020-07-01
-### Added
-- `templates/__common__/config/tasks/templates.js` - add renderStringWithNunjucks() filter to process data variables pulled in from a Google Doc #46
-- `templates/graphic/app/templates/macros/processors.html`, `templates/feature/app/templates/macros/processors.html` - separate processors files for graphics and features, add renderStringWithNunjucks() filter to macros #46
-
-### Changed
-- `templates/feature/app/index.html` - set featureData variable to store data
-- `templates/graphic/app/index.html`, `templates/graphic/app/static.html` - set graphicData variable to store data, render graphic prose with prose macro so we can add data variables
-
-### Removed
-- `templates/__common__/app/templates/macros/processors.html` - remove common processors file
-
-## [2.6.0] - 2020-05-08
-### Added
-- `templates/__common__/config/tasks/unused-css.js` - A step that looks at the CSS file linked in any .html file, parses that CSS, and writes new CSS based only on what the HTML needs through the magic of this wonderful tool, [purgecss](https://github.com/FullHuman/purgecss)
-
-### Changed
-- `templates/__common__/config/scripts/build.js` - This cleanup step will now run right after the HTML of the templates compile and before the file revving step
-- `templates/__common__/config/tasks/serve.js` - New watchers added mostly in the build output folder to re-run the CSS cleanup step after the build
-- `templates/__common__/_package.json` - Adds purgecss as a dev dependency
-
-## [2.5.3] - 2020-04-21
-### Added
-- `_variables.scss` - add elections color palette
-- `deploy.js` - add reminder to check social media for features and fetch the latest data
-- `README.md` - update feature README with more publication reminders
-
-## [2.4.3] - 2020-02-11
-### Fixed
-- `package.json` - removed `npm run assets:pull` from the `predeploy` command #39
-
-## [2.4.2] - 2020-01-15
-### Changed
-- `package.json` - pull assets and push to workspace on predeploy, which is run automatically before deploy #31
-- `feature/app/styles/components/_related-content.scss`, `feature/app/styles/components/_ads.scss`,
-`processors.html` - update appearance of ads
-- `graphic/README.md, feature/README.md` - added project launch checklist
-
-## [2.4.1]
-### Changed
-- `update-log-sheet.js` - change sheet to new 2020 data visuals work sheet
-
-## [2.4.0]
-### Added
-- `_polls.scss`, `_variables.scss`, `_graphic.scss`, `mixins/_grid.scss` — add styles needed for poll graphics
-- `templates.js`, `nunjucks.js` — add helpers needed for poll graphics
-
-## [2.3.2] - 2019-11-26
-### Changed
-- `graphic/app/scripts/embeds/frames.js` - don't pass debounced function to resize listener, simplify code #29
-
-## [2.3.1] - 2019-11-15
-### Fixed
-- `deploy.js` - add property to iframe sandbox so user can click to other pages #25
-- `project.config.js` - change default archieML doc to be the one we actually use #26
-- `update-log-sheet.js` - add year to repo name for `newsapps-dailies` graphics (post reorganization of our dailies)
-
-## [2.3.0] - 2019-10-28
-### Changed
-- `feature/app/templates/components/simple-masthead.html` - switch out normal logo for 10th anniversary logo
-
-## [2.2.1] - 2019-10-22
-### Fixed
-- `__common__/utils/deployment/update-log-sheet.js` - handle cases when there are no files specified in the config file
-
-## [2.2.0] - 2019-10-17
-### Added
-- `__common__/app/templates/macros/processors.html` - add ad macro to processors file #16
-- `feature/app/scripts/packs/graphic.js` - add graphic pack for code in a feature with resize() function #22
-
-### Changed
-- `feature/app/index.html` - import ad from processors file #16
-- `feature/app/scripts/packs/main.js` - import new graphic pack
-- `graphic/app/scripts/packs/graphic.js` - fixed data path
-
-### Removed
-- `feature/app/templates/macros/ads.html` - remove special ad macro from feature #16
-
-## [2.1.0] - 2019-10-17
-### Changed
-- `_common_/utils/deployment/deploy.js` - change deploy function to update log sheet and README #20
-- `_common_/utils/fetch/authorize.js`- change SCOPES to include write permissions #20
-- `project.config.js` for graphics and features - add `createDate` and `slug` property
-
-### Added
-- `_common_/utils/deployment/update-log-sheet.js` - add utility file for adding to data visuals log sheet #20
-- `_common_/utils/deployment/update-readme.js` - add utility file for adding links to README #20
-
-## [2.0.0] - 2019-09-25
-### Added
-- `graphic/app/styles/raw-plugin-styles.html` - add styles snippet that goes into the CSS content section of Raw Plugins
-- `graphic/app/static.html` - template for non-scripted graphics
-- `graphic/app/scripts/static.js` - pack for non-scripted graphics
-
-### Changed
-- Switched from using Pym to `frames` library #17
-
-### Removed
-- `graphic/app/scripts/embeds/pym.js`
-
-## [1.2.0] - 2019-09-19
-### Fixed
-- Fixed security vulnerability introduced by `lodash` #10
-
-### Added
-- Added `widont` tag to graphic and feature templates #11
-- Added a CHANGELOG #13
-- Added a subheader example to the feature template #14
-- Added a subheader macro #14
-- Added styling for a subheader #14
-
-## [1.1.1] - 2019-05-08
-* Change GA event tags
-
-## [1.1.0] - 2019-04-03
-- Redundant ternary  a828d34
-- Better default doc and sheet examples  b8abc16
-- Merge branch 'master' into develop  d82ebed
-- Make https serving an option set with an env variable  1310cdb
-
-https://github.com/texastribune/data-visuals-create/compare/1.0.1...1.1.0
-
-## [1.0.1] - 2019-03-20
-- Fix bug in doc-to-archieml parser with lists  6717876
-- Update Getting started with right path  5d24a29
-
-https://github.com/texastribune/data-visuals-create/compare/1.0.0...1.0.1
-
-## [1.0.0] - 2019-03-05
-
-## [1.0.0-alpha] - 2019-02-27
-
-## [0.36.0] - 2019-02-19
-
-## [0.35.0] - 2019-01-29
-
-## [0.34.1] - 2019-01-14
-
-## [0.34.0] - 2019-01-11
-
-## [0.33.0] - 2018-12-04