From 9e0ba3233472600b183042104dc48528183bd28c Mon Sep 17 00:00:00 2001 From: Jo Franchetti Date: Mon, 6 May 2024 10:54:34 +0100 Subject: [PATCH] remove skypack references (#429) --- deploy/manual/dynamodb.md | 2 +- deploy/tutorials/discord-slash.md | 2 +- deploy/tutorials/tutorial-firebase.md | 6 +++--- runtime/manual/advanced/jsx_dom/jsx.md | 10 +++++----- runtime/manual/advanced/typescript/types.md | 18 +----------------- .../manual/basics/connecting_to_databases.md | 2 +- 6 files changed, 12 insertions(+), 28 deletions(-) diff --git a/deploy/manual/dynamodb.md b/deploy/manual/dynamodb.md index cc6939d33..9e896fad9 100644 --- a/deploy/manual/dynamodb.md +++ b/deploy/manual/dynamodb.md @@ -53,7 +53,7 @@ import { DynamoDBClient, GetItemCommand, PutItemCommand, -} from "https://cdn.skypack.dev/@aws-sdk/client-dynamodb?dts"; +} from "https://esm.sh/@aws-sdk/client-dynamodb?dts"; // Create a client instance by providing your region information. // The credentials are automatically obtained from environment variables which diff --git a/deploy/tutorials/discord-slash.md b/deploy/tutorials/discord-slash.md index 7d5b4d17b..5d6721f32 100644 --- a/deploy/tutorials/discord-slash.md +++ b/deploy/tutorials/discord-slash.md @@ -72,7 +72,7 @@ request with someone's slash command. } from "https://deno.land/x/sift@0.6.0/mod.ts"; // TweetNaCl is a cryptography library that we use to verify requests // from Discord. - import nacl from "https://cdn.skypack.dev/tweetnacl@v1.0.3?dts"; + import nacl from "https://esm.sh/tweetnacl@v1.0.3?dts"; // For all requests to "/" endpoint, we want to invoke home() handler. serve({ diff --git a/deploy/tutorials/tutorial-firebase.md b/deploy/tutorials/tutorial-firebase.md index e388265e3..6a013bd0f 100644 --- a/deploy/tutorials/tutorial-firebase.md +++ b/deploy/tutorials/tutorial-firebase.md @@ -180,9 +180,9 @@ libraries for Firebase under deploy. Currently v9 is in still in beta for Firebase, so we will use v8 in this tutorial: ```js title="firebase.js" -import firebase from "https://cdn.skypack.dev/firebase@8.7.0/app"; -import "https://cdn.skypack.dev/firebase@8.7.0/auth"; -import "https://cdn.skypack.dev/firebase@8.7.0/firestore"; +import firebase from "https://esm.sh/firebase@8.7.0/app"; +import "https://esm.sh/firebase@8.7.0/auth"; +import "https://esm.sh/firebase@8.7.0/firestore"; ``` We are also going to use [oak](https://deno.land/x/oak) as the middleware diff --git a/runtime/manual/advanced/jsx_dom/jsx.md b/runtime/manual/advanced/jsx_dom/jsx.md index f3acf755c..d6029fb21 100644 --- a/runtime/manual/advanced/jsx_dom/jsx.md +++ b/runtime/manual/advanced/jsx_dom/jsx.md @@ -100,15 +100,15 @@ would configure the following, in the configuration file: In situations where the import source plus `/jsx-runtime` or `/jsx-dev-runtime` is not resolvable to the correct module, an import map can be used to instruct Deno where to find the module. An import map can also be used to make the import -source "cleaner". For example, if you wanted to use Preact from skypack.dev and -have skypack.dev include all the type information, you could setup an import map -like this: +source "cleaner". For example, if you wanted to use Preact from +(esm.sh)[https://esm.sh/] and include all the type information, you could setup +an import map like this: ```json { "imports": { - "preact/jsx-runtime": "https://cdn.skypack.dev/preact/jsx-runtime?dts", - "preact/jsx-dev-runtime": "https://cdn.skypack.dev/preact/jsx-dev-runtime?dts" + "preact/jsx-runtime": "https://esm.sh/preact/jsx-runtime?dts", + "preact/jsx-dev-runtime": "https://esm.sh/preact/jsx-dev-runtime?dts" } } ``` diff --git a/runtime/manual/advanced/typescript/types.md b/runtime/manual/advanced/typescript/types.md index 968c9b03c..b35850467 100644 --- a/runtime/manual/advanced/typescript/types.md +++ b/runtime/manual/advanced/typescript/types.md @@ -233,29 +233,13 @@ file, its resolution follow the normal import rules of Deno. For a lot of the `.d.ts` files that are generated and available on the web, they may not be compatible with Deno. -To overcome this problem, some solution providers, like the -[Skypack CDN](https://www.skypack.dev/), will automatically bundle type -declarations just like they provide bundles of JavaScript as ESM. - -### Deno Friendly CDNs - -There are CDNs which host JavaScript modules that integrate well with Deno. - -- [esm.sh](https://esm.sh) is a CDN which provides type declarations by default +[esm.sh](https://esm.sh) is a CDN which provides type declarations by default (via the `X-TypeScript-Types` header). It can be disabled by appending `?no-dts` to the import URL: ```ts import React from "https://esm.sh/react?no-dts"; ``` -- [Skypack.dev](https://docs.skypack.dev/skypack-cdn/code/deno) is another CDN - which also provides type declarations (via the `X-TypeScript-Types` header) - when you append `?dts` as a query string to your remote module import - statements. Here's an example: - - ```ts - import React from "https://cdn.skypack.dev/react?dts"; - ``` ## Behavior of JavaScript when type checking diff --git a/runtime/manual/basics/connecting_to_databases.md b/runtime/manual/basics/connecting_to_databases.md index ae87204e1..7545e6fe4 100644 --- a/runtime/manual/basics/connecting_to_databases.md +++ b/runtime/manual/basics/connecting_to_databases.md @@ -124,7 +124,7 @@ db.close(); To connect to Firebase with Deno, import the [firestore npm module](https://firebase.google.com/docs/firestore/quickstart) -with the [skypak CDN](https://www.skypack.dev/). To learn more about using npm +with the [ESM CDN](https://esm.sh/). To learn more about using npm modules in Deno with a CDN, see [Using npm packages with CDNs](../node/cdns.md). ### Connect to Firebase with the firestore npm module