@data-visuals/create 7.4.3 → 7.4.5

package/README.md

@@ -27,6 +27,8 @@ npm start
 
 > While you can install `@data-visuals/create` globally and use the `data-visuals-create` command, we recommend using the `npx` method instead to ensure you are always using the latest version. On `npm` and `npx` versions >= 7.0.0, `@latest` is required to fetch the latest version.
 
+Note that after July 2023, `data-visuals-create` only supports [Node.js version 17 or later](https://nodejs.org/en). We recommend upgrading to 18 or later, however, because version 17 has reached the end of its life.
+
 ## Table of contents
 
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
@@ -251,11 +253,11 @@ By default, Nunjucks has access to every file in our `data/` folder as an object
 ```json
 {
   "text": {
-    "title": "Phasellus venenatis dapibus ante, vel sodales sem blandit sed.",
+    "title": "Phasellus venenatis dapibus ante, vel sodales sem blandit sed."
   },
   "data": {
     "keyvalue_sheet": {
-      "key1": "value1",
+      "key1": "value1"
     }
   }
 }
@@ -309,8 +311,8 @@ Because there's a lot more going on behind the scenes than just adding a `<scrip
 Set `jsPackName` anywhere in the HTML file to the name of your entrypoint (**without** the extension) to route the right JavaScript files to it.
 
 ```html
-{% set jsPackName = 'map' %}
-{# This is now using the new entrypoint we created above #}
+{% set jsPackName = 'map' %} {# This is now using the new entrypoint we created
+above #}
 ```
 
 Pack entrypoints can be used multiple times across multiple pages, so if your code allows for it feel free to add an entrypoint to multiple pages. (You can also add `jsPackName` to the base `app/templates/base.html` file and have it inserted in every page that inherits from it).

package/package.json

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

package/templates/__common__/_.npmrc

@@ -1 +1,2 @@
 puppeteer_skip_chromium_download=true
+# engine-strict=true

package/templates/__common__/_package.json

@@ -4,16 +4,15 @@
   "scripts": {
     "assets:pull": "node ./utils/deployment/pull-assets.js",
     "assets:push": "node ./utils/deployment/push-assets.js",
-    "build": "NODE_OPTIONS=$npm_package_config_NODE_OPTIONS NODE_ENV=production node ./config/scripts/build.js && npm run parse",
+    "build": "node ./config/tasks/check-node-versions.js && NODE_OPTIONS=--openssl-legacy-provider NODE_ENV=production node ./config/scripts/build.js && npm run parse",
     "deploy": "node ./utils/deployment/deploy.js",
     "data:fetch": "node ./utils/fetch/get-data.js",
     "git-pre-commit": "precise-commits",
-    "parse": "npm run set-node-options && NODE_OPTIONS=$npm_package_config_NODE_OPTIONS NODE_ENV=development node config/scripts/parse.js",
+    "parse": "node ./config/tasks/check-node-versions.js && NODE_OPTIONS=--openssl-legacy-provider NODE_ENV=development node config/scripts/parse.js",
     "predeploy": "npm run build && npm run assets:push && npm run workspace:push",
     "preinstall": "node ./config/build/yarn-check.js",
     "serve": "npm start",
-    "set-node-options": "node ./config/tasks/set-node-options.js",
-    "start": "npm run set-node-options && NODE_OPTIONS=$npm_package_config_NODE_OPTIONS NODE_ENV=development node ./config/scripts/develop.js",
+    "start": "node ./config/tasks/check-node-versions.js && NODE_OPTIONS=--openssl-legacy-provider NODE_ENV=development node ./config/scripts/develop.js",
     "workspace:pull": "node ./utils/deployment/pull-workspace.js",
     "workspace:push": "node ./utils/deployment/push-workspace.js"
   },
@@ -64,7 +63,7 @@
     "postcss": "^8.4.12",
     "postcss-flexbugs-fixes": "^4.1.0",
     "prettier": "^1.12.1",
-    "puppeteer": "^5.5.0",
+    "puppeteer": "^19.4.0",
     "purgecss": "^2.1.2",
     "quaff": "^4.0.0",
     "rev-file": "^3.0.0",
@@ -80,7 +79,7 @@
   "dependencies": {
     "@babel/runtime": "^7.0.0",
     "@newswire/frames": "^0.3.1",
-    "@texastribune/queso-ui": "^9.4.2",
+    "@texastribune/queso-ui": "^10.3.2",
     "classnames": "^2.2.5",
     "core-js": "^2.5.7",
     "d3": "^5.0.0",
@@ -100,5 +99,8 @@
     "tabWidth": 2,
     "trailingComma": "es5"
   },
-  "browserslist": ["> 0.5%", "last 2 versions", "Firefox ESR", "not dead"]
+  "browserslist": ["> 0.5%", "last 2 versions", "Firefox ESR", "not dead"],
+  "engines": {
+    "node": ">=17.0.0"
+  }
 }

package/templates/__common__/config/tasks/check-node-versions.js

@@ -0,0 +1,19 @@
+// packages
+const colors = require('ansi-colors');
+
+// get node versions
+const version = process.version;
+const versionNumeric = Number(process.versions.node.split('.')[0]);
+
+// show this error message if the node version is 16 or older
+if (versionNumeric <= 16) {
+  console.log(
+    `\n\n${colors.bgMagenta('ERROR!')} You are using node version ${colors.bold(
+      colors.red(version)
+    )}.\ndata-visuals-create only supports node versions 18 or later.\nUpdate your node version by running ${colors.bold(
+      colors.yellow('nvm install 18')
+    )} or ${colors.bold(
+      colors.yellow('nvm install node')
+    )} in your command line.\n\n`
+  );
+}

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

@@ -281,6 +281,7 @@ module.exports = async localURL => {
   const browser = await puppeteer
     .launch({
       executablePath: process.env.CHROME_INSTALL_PATH || CHROME_INSTALL_PATH,
+      headless: 'new',
     })
     .catch(err => {
       logErrorMessage(err);

package/templates/__common__/config/tasks/set-node-options.js

@@ -1,16 +0,0 @@
-// package
-const fs = require('fs');
-
-// internal
-const packageJson = require('../../package.json');
-
-// set package.json config object
-packageJson.config = {};
-
-// get node version in order to update NODE_OPTIONS environment variable
-const version = Number(process.versions.node.split('.')[0]);
-packageJson.config.NODE_OPTIONS =
-  version <= 16 ? '' : '--openssl-legacy-provider';
-
-// update package.json file
-fs.writeFileSync('package.json', JSON.stringify(packageJson, null, 2));