All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
templates/__common__/app/templates/includes/figma2html-config.html
- added a script to 1) tweak figma2html output's image sources and 2) resize using CSS media query
templates/graphic/app/templates/graphic-static.html
- added a line to easily insert manual script related to figma2htmltemplates/__common__/config/tasks/parse-figma2html.js
- refined script to move figma2html files, added error handling when there's no figma2html-exports directory in workspacetemplates/__common__/app/styles/_typography.scss
,templates/__common__/app/styles/_typography-queso.scss
- added css style rules to show bold and italic correctly on figma2html graphics
templates/__common__/_babel.config.json
- added a babel configuration file to ignore warnings
- Bumped
queso-ui
from 10.3.2 to 10.4.0 - Bumped
sass-mq
from 5.0.0 to 6.0.0
Updated markups and styles of feature templates to match new Tribune CMS styles:
- Changed:
templates/__common__/app/templates/macros/shares.html
,templates/feature/app/index.html
,templates/feature/app/templates/components/footer.html
,templates/feature/app/templates/components/navbar.html
,templates/feature/app/templates/components/share.html
,templates/feature/app/templates/includes/shares.html
,templates/feature/app/templates/includes/svg-defs.html
- Changed:
templates/feature/app/styles/components/_navbar.scss
,templates/feature/app/styles/main-queso.scss
- Added:
templates/feature/app/styles/components/_details.scss
templates/__common__/config/tasks/parse-figma2html.js
- added a script to unzip exported figma2html file and move files to designated directories
templates/__common__/config/scripts/develop.js
- addedparseFigma2html
function which will run first in the series of promissestemplates/graphic/app/templates/graphic-static.html
- added a description about figma2html and code chunks to insert figma2html's html file, cleaned templatetemplates/__common__/app/styles/components/_graphic.scss
- cleaned some CSS so the grahic is center aligned and text doesn't get wider than 41.5rem following the styles in CMS
- Fixed an issue where Kit is unable to take screenshots, making it not showing up in the CMS
templates/__common__/config/tasks/graphics-meta.js
- removedheadless: 'new'
from thepuppeteer.launch()
function
- Bumped update-check from 1.5.3 to 1.5.4
- Bumped http-cache-semantics from 4.1.0 to 4.1.1
- Bumped queso-ui from 9.4.2 to 10.3.2
- Bumped puppeteer from 5.5.0 to 19.4.0
templates/__common__/config/tasks/graphics-meta.js
- addedheadless: 'new'
to thepuppeteer.launch()
function following deprecation guidance frompuppeteer
templates/__common__/config/tasks/check-node-versions.js
- detect node versions and show an error message when version 16 or older is used
templates/__common__/config/package.json
- runtemplates/__common__/config/tasks/check-node-versions.js
when runningparse
,start
, andbuild
; addengines
to specify requirements for node version (18 or later)templates/__common__/_.npmrc
- addengine-strict=true
statement to enforce the right engine when the user installs packages
templates/__common__/config/tasks/graphics-meta.js
- comment out array transformation of a source line to hot fix the issue where the metadata format is not accepted to log a project on our spreadsheet
templates/__common__/utils/fetch/authorize.js
- change parameters to pass to Google OAuth 2.0 authorization URL, tweak terminal languages and string manipulation as a process of out-Of-Band (OOB) flow Migration
templates/__common__/config/tasks/graphics-meta.js
- make sources metadata an arraytemplates/feature/app/scripts/utils/ad-loader.js
- make ad square if ad has classdv-gpt-ad-square
templates/feature/app/templates/embed.html
,templates/graphic/app/templates/graphic-static.html
- wrap credit, note and source metadata indata-
tags so "Credit:", "Note:" and "Source:" don't appear in metadatatemplates/graphic/app/templates/graphic.html
- add default graphic headline and wrap credit, note and source metadata indata-
tags
templates/feature/app/scripts/packs/graphic-embed.js
,templates/feature/app/scripts/packs/main-embed.js
- add JS scripts for graphic embeds in feature template
templates/graphic/app/scripts/embeds/frames.js
->templates/__common__/app/scripts/embeds/frames.js
- move frames script to common folder so it's included in graphics and featurestemplates/__common__/app/templates/macros/prose.html
,templates/feature/app/templates/macros/processors.html
- pass intype
to prose and processors so we can modify the CSS class attached to prose paragraphs (graphic embeds and full-page features have different prose styles)templates/feature/app/templates/base-graphic.html
->templates/feature/app/templates/base-embed.html
- rename base graphic embed template in featurestemplates/feature/app/templates/graphic.html
->templates/feature/app/templates/embed.html
- rename graphic embed template in features
templates/feature/app/templates/base-graphic.html
- only add a meta tag withgraphicCredit
if the variable is set in the HTML template. IfgraphicCredit
is set in the HTML, it will take precedent over the credit set in thedata-credit
tag in the generated metadata.templates/graphic/app/templates/base.html
- Ditto here, but for graphics attached to features.
templates/__common__/utils/deployment/deploy.js
- remove instructions for embedding raw plugins in post-deploy message
templates/__common__/_package.json
- update packages to address vulnerabilities
templates/__common__/config/tasks/graphics-meta.js
- check fordata-graphic
anddata-feature
, addcheckForAttribute
function to set the type of each template (graphic or feature) in the metadata based on thedata-
attributetemplates/__common__/utils/deployment/update-log-sheet.js
- get the type set ingraphics-meta
to determine the tab in the log sheet to paste metadata to, write metadata to the respective tab unless the hostname iscapybara-test
templates/feature/app/index-queso.html
->templates/feature/app/index.html
,templates/feature/app/index.html
->templates/feature/app/templates/index-old.html
- make the Queso feature template the default, move the old index.html to the templates foldertemplates/feature/app/templates/macros/processors-queso.html
,templates/feature/app/templates/macros/processors.html
- change styling for lists and subheaderstemplates/feature/app/templates/base.html
,templates/graphic/app/templates/base.html
- add defaultsubject-politics
metadata tagtemplates/feature/app/templates/base-graphic.html
,templates/graphic/app/templates/base.html
- add default credits metadatatemplates/graphic/app/templates/graphic.html
- set tags in graphic embed HTMLtemplates/feature/project.config.js
,templates/graphic/project.config.js
- add comments to clarify deploy buckettemplates/graphic/app/index.html
- remove metadata from graphicindex.html
so it's not added to work log
templates/feature/project.config.js
- addparserOptions
to feature config file (it previously was only in the graphics config file)templates/feature/app/templates/base-graphic.html
,templates/feature/app/templates/graphic.html
- add templates for graphic embeds in feature
templates/feature/app/templates/components/footer.html
- corrected links
templates/feature/project.config.js
- addparserOptions
to feature config file
templates/__common__/config/tasks/graphics-meta.js
- changegraphicsIgnore
->metadataIgnore
templates/graphic/project.config.js
- edit comments,graphicsIgnore
->metadataIgnore
templates/graphic/graphics-meta.md
- update documentation to includemetadataIgnore
templates/graphic/app/index.html
,templates/graphic/app/static.html
- set tags fetched from the Google Doc as a variabletemplates/graphic/app/templates/base.html
- grab tags and add as a metadata attribute on the graphic, metadata parser will fetch tags from heretemplates/graphic/project.config.js
- removetags
attribute, addgraphicsIgnore
attribute toparserOptions
templates/__common__/config/tasks/graphics-meta.js
- change parser to grab metadata from the templates and use the list of graphics to ignore from the config file to ignore certain filepaths when parsing
templates/graphic/app/index.html
- convertindex.html
to a landing page with instructions for how to create graphics from the templatestemplates/graphic/app/templates/base.html
- check if there is ajsPackName
variabletemplates/__common__/app/styles/_typography.scss
- typography changes to article subheader
templates/graphic/app/templates/graphic.html
,templates/graphic/app/templates/graphic-static.html
- move graphic templates totemplates
folder so empty, unused templates aren't parsed for metadata and displayed in the graphics plugin
README.md
- updated kitnpx
command for making graphics and features with@latest
for npm and npx versions >= 7.0.0
templates/__common__/_package.json
- downgradeassets-webpack-plugin
to 6.1.2, v7.0.0 requires webpackv5.0.0 as a peer dependency
templates/__common__/config/tasks/graphics-meta.js
,templates/__common__/utils/deployment/update-log-sheet.js
- changedescription
toalttext
templates/graphic/app/index.html
,templates/graphic/app/static.html
,templates/graphic/app/templates/base.html
- changedescription
toalttext
in HTML templatestemplates/graphic/graphics-meta.md
- changedescription
toalttext
in documentation
templates/__common__/utils/deployment/update-log-sheet.js
- swap out log sheet for new one with complete metadata columns
templates/__common__/utils/deployment/update-log-sheet.js
- write more metadata frommanifest.json
to the log sheettemplates/__common__/utils/deployment/update-readme.js
- add bullets to links pasted to READMEtemplates/graphic/app/index.html
,templates/graphic/app/static.html
- get alt-text from our graphic ArchieML template
_common_/app/styles/_functions.scss
,_common_/app/styles/utilities/_embed.scss
- replace/
withmath.div
to address Dart Sass warnings #94
package.json
,package-lock.json
- bumpassets-webpack-plugin
,googleapis
,imagemin
,imagemin-gifsicle
,imagemin-jpegtran
,imagemin-optipng
packages (major version bumps forimagemin-gifsicle
,imagemin-jpegtran
,imagemin-optipng
require Node.js v10)
package.json
,package-lock.json
- bumpnp
anddoctoc
packages
templates/feature/app/scripts/kickstart.js
- remove trending bar from our feature pages because it was getting in the way of other designs
templates/__common__/config/scripts/build.js
- add script to update thelastBuildTime
inbuild.js
templates/__common__/config/tasks/graphics-meta.js
- add more keys to manifest.json output; simplify warning logs; ignore graphics with no titletemplates/__common__/config/utils.js
- add alogMessage
function for console logging with colorstemplates/feature/project.config.js
- addlastBuildTime
field to feature config, changeslug
toprojectName
, add comments to clarify which properties should and should not be changedtemplates/graphic/project.config.js
- addlastBuildTime
field to graphic config, changeslug
toprojectName
, add comments to clarify which properties should and should not be changed; update default tag tosubject-politics
bin/data-visuals-create
,README.md
,templates/__common__/_package.json
,templates/__common__/utils/deployment/update-log-sheet.js
- changeslug
toprojectName
to avoid confusion with the slug in our project URL and what we add to the CMStemplates/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 accessibilitytemplates/graphic/graphics-meta.md
- document the new caption field and rules
templates/__common__/config/tasks/last-build-time.js
- add script to parse the config file, update thelastBuildTime
and write the file back to the filepath
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 tasktemplates/graphic/graphics-meta.md
- Documents the new key
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 newnpm run parse
step. Addnpm run parse
tonpm 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.
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
.
templates/feature/app/templates/includes/ldjson.html
- change some of our attributes in our structured data schema
templates/__common__/utils/deployment/update-log-sheet.js
- change ID of the Google sheet to write our projects to
package.json
- bumpnp
to v7.0.0templates/feature/app/scripts/utils/ad-loader.js
- set correct ad tags for roofline and footer adstemplates/feature/app/styles/main-queso.scss
,templates/feature/app/styles/main.scss
- add chart and graphic CSS by defaulttemplates/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 adtemplates/feature/app/index.html
,templates/feature/app/index-queso.html
- add footer option to ad to set ad tag
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 datestemplates/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 logotemplates/__common__/app/styles/_typography-queso.scss
- add t-subheader styling
templates/__common__/app/templates/macros/prose-queso.html
,templates/feature/app/templates/macros/processors-queso.html
- added prose and processors with queso styling
templates/feature/app/index-queso.html
,templates/feature/app/index.html
- add widont to headline
templates/__common__/config/tasks/nunjucks.js
- added getAuthor() and getAuthorLink() to extract author name and author link for structured data schematemplates/feature/app/templates/includes/ldjson.html
- add new structured data attributes
templates/feature/app/styles/components/_navbar.scss
- added masthead title to the nav bar component in theindex-queso.html
templatetemplates/feature/app/templates/components/navbar.html
- added additional styling for the masthead title
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.
templates/feature/project.config.js
- change destination s3 bucket on deploy
package-lock.json
- bump version ofnp
package to resolve security vulnerability
package-lock.json
- bump lodash from 4.17.15 to 4.17.19
/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 navbarfeature/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)
_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.
templates/feature/app/scripts/packs/graphic.js
- add useful functions to JS for graphics (functions were already available in feature JS)
templates/feature/app/templates/includes/ldjson.html
- check forupdated
orupdate date
so the tracker shows up in search on updates, addauthor
field
templates/__common__/app/styles/_typography.scss
- add styling for update date #44
templates/feature/app/index.html
- add HTML to handle update date and pub date #44
templates/feature/app/scripts/utils/feeds.js
- switch v1 API urls to v2 API urls #6templates/feature/app/scripts/components/Story.js
- switch out properties to match v2 API urls #6
templates/__common__/config/tasks/templates.js
- add renderStringWithNunjucks() filter to process data variables pulled in from a Google Doc #46templates/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
templates/feature/app/index.html
- set featureData variable to store datatemplates/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
templates/__common__/app/templates/macros/processors.html
- remove common processors file
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
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 steptemplates/__common__/config/tasks/serve.js
- New watchers added mostly in the build output folder to re-run the CSS cleanup step after the buildtemplates/__common__/_package.json
- Adds purgecss as a dev dependency
_variables.scss
- add elections color palettedeploy.js
- add reminder to check social media for features and fetch the latest dataREADME.md
- update feature README with more publication reminders
package.json
- removednpm run assets:pull
from thepredeploy
command #39
package.json
- pull assets and push to workspace on predeploy, which is run automatically before deploy #31feature/app/styles/components/_related-content.scss
,feature/app/styles/components/_ads.scss
,processors.html
- update appearance of adsgraphic/README.md, feature/README.md
- added project launch checklist
update-log-sheet.js
- change sheet to new 2020 data visuals work sheet
_polls.scss
,_variables.scss
,_graphic.scss
,mixins/_grid.scss
— add styles needed for poll graphicstemplates.js
,nunjucks.js
— add helpers needed for poll graphics
graphic/app/scripts/embeds/frames.js
- don't pass debounced function to resize listener, simplify code #29
deploy.js
- add property to iframe sandbox so user can click to other pages #25project.config.js
- change default archieML doc to be the one we actually use #26update-log-sheet.js
- add year to repo name fornewsapps-dailies
graphics (post reorganization of our dailies)
feature/app/templates/components/simple-masthead.html
- switch out normal logo for 10th anniversary logo
__common__/utils/deployment/update-log-sheet.js
- handle cases when there are no files specified in the config file
__common__/app/templates/macros/processors.html
- add ad macro to processors file #16feature/app/scripts/packs/graphic.js
- add graphic pack for code in a feature with resize() function #22
feature/app/index.html
- import ad from processors file #16feature/app/scripts/packs/main.js
- import new graphic packgraphic/app/scripts/packs/graphic.js
- fixed data path
feature/app/templates/macros/ads.html
- remove special ad macro from feature #16
_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 #20project.config.js
for graphics and features - addcreateDate
andslug
property
_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
graphic/app/styles/raw-plugin-styles.html
- add styles snippet that goes into the CSS content section of Raw Pluginsgraphic/app/static.html
- template for non-scripted graphicsgraphic/app/scripts/static.js
- pack for non-scripted graphics
- Switched from using Pym to
frames
library #17
graphic/app/scripts/embeds/pym.js
- Fixed security vulnerability introduced by
lodash
#10
- 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
- Change GA event tags
- 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
- 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