DOC-3188: Update fetch API import URLs to use Skypack for improved reliability.

Author: kemister85

modules/ROOT/examples/live-demos/ai/example.js

@@ -1,6 +1,6 @@
-const fetchApi = import(
-    'https://unpkg.com/@microsoft/[email protected]/lib/esm/index.js'
-).then((module) => module.fetchEventSource);
+const fetchApi = import('https://cdn.skypack.dev/@microsoft/[email protected]')
+  .then((module) => module.fetchEventSource);
+ 
 
 // This example stores the API key in the client side integration. This is not recommended for any purpose.
 // Instead, an alternate method for retrieving the API key should be used.

modules/ROOT/examples/live-demos/ai/index.js

@@ -1,6 +1,6 @@
-const fetchApi = import(
-    'https://unpkg.com/@microsoft/[email protected]/lib/esm/index.js'
-).then((module) => module.fetchEventSource);
+const fetchApi = import('https://cdn.skypack.dev/@microsoft/[email protected]')
+  .then((module) => module.fetchEventSource);
+ 
 
 const ai_request = (request, respondWith) => {
     respondWith.stream((signal, streamMessage) => {

modules/ROOT/examples/live-demos/full-featured/example.js

@@ -1,6 +1,6 @@
-const fetchApi = import(
-  "https://unpkg.com/@microsoft/[email protected]/lib/esm/index.js"
-).then((module) => module.fetchEventSource);
+const fetchApi = import('https://cdn.skypack.dev/@microsoft/[email protected]')
+  .then((module) => module.fetchEventSource);
+
 
 // This example stores the OpenAI API key in the client side integration. This is not recommended for any purpose.
 // Instead, an alternate method for retrieving the API key should be used.

modules/ROOT/examples/live-demos/full-featured/index.js

@@ -1,6 +1,7 @@
-const fetchApi = import(
-  "https://unpkg.com/@microsoft/[email protected]/lib/esm/index.js"
-).then((module) => module.fetchEventSource);
+const fetchApi = import('https://cdn.skypack.dev/@microsoft/[email protected]')
+  .then((module) => module.fetchEventSource);
+
+
 
 /* Script to import faker.js for generating random data for demonstration purposes */
 tinymce.ScriptLoader.loadScripts(['https://cdn.jsdelivr.net/npm/faker@5/dist/faker.min.js']).then(() => {

modules/ROOT/examples/live-demos/premiumskinsandicons-material-classic/index.html

@@ -1,5 +1,5 @@
-<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
-<link rel="stylesheet" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css">
+<script src="https://cdn.jsdelivr.net/npm/material-components-web@latest/dist/material-components-web.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/material-components-web@latest/dist/material-components-web.min.css">
 <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet">
 
 <div class="mdc-layout-grid">

modules/ROOT/examples/live-demos/premiumskinsandicons-material-outline/index.html

@@ -1,5 +1,5 @@
-<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
-<link rel="stylesheet" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css">
+<script src="https://cdn.jsdelivr.net/npm/material-components-web@latest/dist/material-components-web.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/material-components-web@latest/dist/material-components-web.min.css">
 <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet">
 
 <div class="mdc-layout-grid">

modules/ROOT/pages/ai-azure.adoc

@@ -78,7 +78,7 @@ This example demonstrates how to integrate the {pluginname} plugin with the http
 
 [source,js]
 ----
-const fetchApi = import("https://unpkg.com/@microsoft/[email protected]/lib/esm/index.js").then(module => module.fetchEventSource);
+const fetchApi = import("https://cdn.skypack.dev/@microsoft/[email protected]").then(module => module.fetchEventSource);
 
 // This example stores the API key in the client side integration. This is not recommended for any purpose.
 // Instead, an alternate method for retrieving the API key should be used.

modules/ROOT/pages/ai-gemini.adoc

@@ -101,7 +101,7 @@ tinymce.init({
 This example demonstrates how to integrate the {pluginname} plugin with the Vertex AI API to generate streaming responses.
 [source,js]
 ----
-const fetchApi = import("https://unpkg.com/@microsoft/[email protected]/lib/esm/index.js").then(module => module.fetchEventSource);
+const fetchApi = import("https://cdn.skypack.dev/@microsoft/[email protected]").then(module => module.fetchEventSource);
 
 // Providing access credentials within the integration is not recommended for production use.
 // It is recommended to set up a proxy server to authenticate requests and provide access.

modules/ROOT/pages/ai-openai.adoc

@@ -78,7 +78,7 @@ This example demonstrates how to integrate the {pluginname} plugin with the Open
 
 [source,js]
 ----
-const fetchApi = import("https://unpkg.com/@microsoft/[email protected]/lib/esm/index.js").then(module => module.fetchEventSource);
+const fetchApi = import("https://cdn.skypack.dev/@microsoft/[email protected]").then(module => module.fetchEventSource);
 
 // This example stores the API key in the client side integration. This is not recommended for any purpose.
 // Instead, an alternate method for retrieving the API key should be used.