From 85351ff262143259ab62ad2cff370ad24ef81b62 Mon Sep 17 00:00:00 2001 From: Ayu Date: Thu, 14 Jul 2022 02:12:28 +0300 Subject: [PATCH] docs: switch cdn from unpkg to jsdelivr (#1034) --- RELEASE.md | 4 ++-- site/lib/pure.js | 2 +- site/src/pages/base/index.js | 11 ++++++++++- site/src/pages/customize/index.js | 24 ++++++++++++------------ site/src/pages/grids/index.js | 8 ++++---- site/src/pages/start/index.js | 6 +++--- 6 files changed, 32 insertions(+), 23 deletions(-) diff --git a/RELEASE.md b/RELEASE.md index 29077b8..63670f6 100644 --- a/RELEASE.md +++ b/RELEASE.md @@ -76,13 +76,13 @@ This assumes the following repo's are cloned and `npm` installed: ## Publish pure to NPM -From the `pure` repo run the following command to publish Pure to NPM. This will ensure `unpkg.com` CDN gets the new files. +From the `pure` repo run the following command to publish Pure to NPM. This will ensure `jsdelivr.com` CDN gets the new files. ```bash npm publish . ``` -Verify via https://unpkg.com/purecss@VERSION +Verify via https://www.jsdelivr.com/package/npm/purecss ## Draft releases on Github diff --git a/site/lib/pure.js b/site/lib/pure.js index 56ecf8c..9609cf4 100644 --- a/site/lib/pure.js +++ b/site/lib/pure.js @@ -13,7 +13,7 @@ const pureMin = fs.readFileSync(path.resolve(pureFiles, 'pure-min.css'), 'utf8') const sriHash = crypto.createHash('sha384').update(pureMin, 'utf8').digest('base64'); // copy/pastable code snippet for users -module.exports.PURE_DOWNLOAD_SNIPPET = ``; +module.exports.PURE_DOWNLOAD_SNIPPET = ``; // calculate each pure module size module.exports.moduleSizes = function moduleSizes() { diff --git a/site/src/pages/base/index.js b/site/src/pages/base/index.js index 7ac6aab..8b0105c 100644 --- a/site/src/pages/base/index.js +++ b/site/src/pages/base/index.js @@ -1,4 +1,5 @@ import Link from '@docusaurus/Link'; +import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import React from 'react'; import Layout from '../../theme/Layout'; import Header from '../../../components/Header'; @@ -9,6 +10,14 @@ const title = 'Base'; const description = 'Leveraging Normalize.css, an HTML5-ready alternative to CSS resets.'; function Base() { + const context = useDocusaurusContext(); + const {siteConfig = {}} = context; + const { + customFields: { + pureVersion, + }, + } = siteConfig; + return (
@@ -21,7 +30,7 @@ function Base() {

- {''} + {``}

A bit about Normalize.css

diff --git a/site/src/pages/customize/index.js b/site/src/pages/customize/index.js index ac61ac9..5763054 100644 --- a/site/src/pages/customize/index.js +++ b/site/src/pages/customize/index.js @@ -42,12 +42,12 @@ function Customize() { Responsive Rollup - https://unpkg.com/purecss@{pureVersion}/build/pure-min.css + https://cdn.jsdelivr.net/npm/purecss@{pureVersion}/build/pure-min.css {fileSize({ module: 'pure', filesizes })} Non-Responsive Rollup - https://unpkg.com/purecss@{pureVersion}/build/pure-nr-min.css + https://cdn.jsdelivr.net/npm/purecss@{pureVersion}/build/pure-nr-min.css {fileSize({ module: 'pure-nr', filesizes })} @@ -63,7 +63,7 @@ function Customize() {

Alternate CDNs

- The main host for Pure is the unpkg CDN where Pure is available over HTTPS. The following table lists alternate CDNs where Pure is hosted. + The main host for Pure is the jsDelivr CDN where Pure is available over HTTPS. The following table lists alternate CDNs where Pure is hosted.

@@ -132,35 +132,35 @@ function Customize() { Base - https://unpkg.com/purecss@{pureVersion}/build/base-min.css + https://cdn.jsdelivr.net/npm/purecss@{pureVersion}/build/base-min.css Buttons - https://unpkg.com/purecss@{pureVersion}/build/buttons-min.css + https://cdn.jsdelivr.net/npm/purecss@{pureVersion}/build/buttons-min.css Forms (Responsive) - https://unpkg.com/purecss@{pureVersion}/build/forms-min.css + https://cdn.jsdelivr.net/npm/purecss@{pureVersion}/build/forms-min.css Forms (Non-Responsive) - https://unpkg.com/purecss@{pureVersion}/build/forms-nr-min.css + https://cdn.jsdelivr.net/npm/purecss@{pureVersion}/build/forms-nr-min.css Grids (Base) - https://unpkg.com/purecss@{pureVersion}/build/grids-min.css + https://cdn.jsdelivr.net/npm/purecss@{pureVersion}/build/grids-min.css Grids (Responsive) - https://unpkg.com/purecss@{pureVersion}/build/grids-responsive-min.css + https://cdn.jsdelivr.net/npm/purecss@{pureVersion}/build/grids-responsive-min.css Menus (Responsive) - https://unpkg.com/purecss@{pureVersion}/build/menus-min.css + https://cdn.jsdelivr.net/npm/purecss@{pureVersion}/build/menus-min.css Tables - https://unpkg.com/purecss@{pureVersion}/build/tables-min.css + https://cdn.jsdelivr.net/npm/purecss@{pureVersion}/build/tables-min.css @@ -169,7 +169,7 @@ function Customize() {

- jsDelivr is a CDN that supports combo handling. Here's an example of a combo URL that includes the same CSS Base, Grids, and Forms as above. + jsDelivr is also a CDN that supports combo handling. Here's an example of a combo URL that includes the same CSS Base, Grids, and Forms as above.

diff --git a/site/src/pages/grids/index.js b/site/src/pages/grids/index.js index 244494a..002a4f0 100644 --- a/site/src/pages/grids/index.js +++ b/site/src/pages/grids/index.js @@ -481,7 +481,7 @@ function Grids() {

- {``} + {``}

Pure's Regular Grid vs. Responsive Grid

@@ -824,9 +824,9 @@ function Grids() { {stripIndent` - - - + + + `} diff --git a/site/src/pages/start/index.js b/site/src/pages/start/index.js index b0a9270..1312fd7 100644 --- a/site/src/pages/start/index.js +++ b/site/src/pages/start/index.js @@ -27,7 +27,7 @@ function Start() {

- You can add Pure to your page via the free unpkg CDN. Just add the following <link> element into your page's <head>, before your project's stylesheets. + You can add Pure to your page via the free jsDelivr CDN. Just add the following <link> element into your page's <head>, before your project's stylesheets.

@@ -100,7 +100,7 @@ function Start() {

- {``} + {``}

@@ -318,7 +318,7 @@ function Start() { <title>Your page title</title> - <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css"></head> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@1.0.1/build/pure-min.css"></head> <body> <!--