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>
<!--