From 5f87c8300b68d119b7af7f8a889b992493671ae9 Mon Sep 17 00:00:00 2001
From: Sebastian Benz <sbenz@google.com>
Date: Thu, 18 Nov 2021 18:43:25 +0100
Subject: [PATCH] Bento docs: split Example and Import via script sections

---
 extensions/amp-accordion/1.0/README.md       | 10 ++++++++++
 extensions/amp-base-carousel/1.0/README.md   | 10 ++++++++++
 extensions/amp-embedly-card/1.0/README.md    | 10 ++++++++++
 extensions/amp-facebook/1.0/README.md        | 10 ++++++++++
 extensions/amp-fit-text/1.0/README.md        | 10 ++++++++++
 extensions/amp-iframe/1.0/README.md          | 10 ++++++++++
 extensions/amp-inline-gallery/1.0/README.md  | 10 ++++++++++
 extensions/amp-instagram/1.0/README.md       | 10 ++++++++++
 extensions/amp-jwplayer/1.0/README.md        | 10 ++++++++++
 extensions/amp-mathml/1.0/README.md          | 10 ++++++++++
 extensions/amp-selector/1.0/README.md        | 10 ++++++++++
 extensions/amp-sidebar/1.0/README.md         | 10 ++++++++++
 extensions/amp-social-share/1.0/README.md    | 10 ++++++++++
 extensions/amp-soundcloud/1.0/README.md      | 10 ++++++++++
 extensions/amp-stream-gallery/1.0/README.md  | 10 ++++++++++
 extensions/amp-twitter/1.0/README.md         | 10 ++++++++++
 extensions/amp-wordpress-embed/1.0/README.md | 10 ++++++++++
 17 files changed, 170 insertions(+)

diff --git a/extensions/amp-accordion/1.0/README.md b/extensions/amp-accordion/1.0/README.md
index 82681eeb1d441..a2d3c0e01ebce 100644
--- a/extensions/amp-accordion/1.0/README.md
+++ b/extensions/amp-accordion/1.0/README.md
@@ -27,6 +27,16 @@ defineBentoAccordion();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-accordion-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-accordion-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-accordion-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-base-carousel/1.0/README.md b/extensions/amp-base-carousel/1.0/README.md
index da727d678bf27..b7f52f8f22e34 100644
--- a/extensions/amp-base-carousel/1.0/README.md
+++ b/extensions/amp-base-carousel/1.0/README.md
@@ -19,6 +19,16 @@ defineBentoBaseCarousel();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-base-carousel-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-base-carousel-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-base-carousel-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-embedly-card/1.0/README.md b/extensions/amp-embedly-card/1.0/README.md
index 26e1168017d04..69e4770926fec 100644
--- a/extensions/amp-embedly-card/1.0/README.md
+++ b/extensions/amp-embedly-card/1.0/README.md
@@ -23,6 +23,16 @@ defineBentoEmbedlyCard();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-embedly-card-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-embedly-card-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-embedly-card-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-facebook/1.0/README.md b/extensions/amp-facebook/1.0/README.md
index 4b738d65cfca0..bc0720e7607c2 100644
--- a/extensions/amp-facebook/1.0/README.md
+++ b/extensions/amp-facebook/1.0/README.md
@@ -19,6 +19,16 @@ defineBentoFacebook();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-facebook-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-facebook-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-facebook-1.0.css"/>
+```
+
+### Example
+
 ##### Embed a Facebook Post
 
 <!--% example %-->
diff --git a/extensions/amp-fit-text/1.0/README.md b/extensions/amp-fit-text/1.0/README.md
index a799f6ceb6f25..2500837009fa6 100644
--- a/extensions/amp-fit-text/1.0/README.md
+++ b/extensions/amp-fit-text/1.0/README.md
@@ -21,6 +21,16 @@ defineBentoFitText();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-fit-text-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-fit-text-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-fit-text-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-iframe/1.0/README.md b/extensions/amp-iframe/1.0/README.md
index f84814eb35005..03c715eb57bbf 100644
--- a/extensions/amp-iframe/1.0/README.md
+++ b/extensions/amp-iframe/1.0/README.md
@@ -23,6 +23,16 @@ defineBentoIframe();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-iframe-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-iframe-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-iframe-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-inline-gallery/1.0/README.md b/extensions/amp-inline-gallery/1.0/README.md
index c5c73bb8f8223..9a3215d8482bf 100644
--- a/extensions/amp-inline-gallery/1.0/README.md
+++ b/extensions/amp-inline-gallery/1.0/README.md
@@ -19,6 +19,16 @@ defineBentoInlineGallery();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-inline-gallery-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-inline-gallery-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-inline-gallery-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-instagram/1.0/README.md b/extensions/amp-instagram/1.0/README.md
index 33f6f2d32b1d7..e6ef0aeed0f40 100644
--- a/extensions/amp-instagram/1.0/README.md
+++ b/extensions/amp-instagram/1.0/README.md
@@ -19,6 +19,16 @@ defineBentoInstagram();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-instagram-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-instagram-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-instagram-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-jwplayer/1.0/README.md b/extensions/amp-jwplayer/1.0/README.md
index ce15ddce1c7cd..8cd2e5b4f852e 100644
--- a/extensions/amp-jwplayer/1.0/README.md
+++ b/extensions/amp-jwplayer/1.0/README.md
@@ -19,6 +19,16 @@ defineBentoJwplayer();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-jwplayer-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-jwplayer-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-jwplayer-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-mathml/1.0/README.md b/extensions/amp-mathml/1.0/README.md
index b570d633d8163..bcad5a0769c0d 100644
--- a/extensions/amp-mathml/1.0/README.md
+++ b/extensions/amp-mathml/1.0/README.md
@@ -19,6 +19,16 @@ defineBentoMathml();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-mathml-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-mathml-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-mathml-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-selector/1.0/README.md b/extensions/amp-selector/1.0/README.md
index f410cfc6cfdcb..df1ee76ee22bd 100644
--- a/extensions/amp-selector/1.0/README.md
+++ b/extensions/amp-selector/1.0/README.md
@@ -19,6 +19,16 @@ defineBentoSelector();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-selector-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-selector-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-selector-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-sidebar/1.0/README.md b/extensions/amp-sidebar/1.0/README.md
index 5bcb35442414f..3f30a5c43c80d 100644
--- a/extensions/amp-sidebar/1.0/README.md
+++ b/extensions/amp-sidebar/1.0/README.md
@@ -19,6 +19,16 @@ defineBentoSidebar();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-sidebar-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-sidebar-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-sidebar-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-social-share/1.0/README.md b/extensions/amp-social-share/1.0/README.md
index 2bb13b4f2c67f..ee1b79330b2ea 100644
--- a/extensions/amp-social-share/1.0/README.md
+++ b/extensions/amp-social-share/1.0/README.md
@@ -21,6 +21,16 @@ defineBentoSocialShare();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-social-share-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-social-share-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-social-share-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-soundcloud/1.0/README.md b/extensions/amp-soundcloud/1.0/README.md
index d3df0a7bc8e37..2912f459124d1 100644
--- a/extensions/amp-soundcloud/1.0/README.md
+++ b/extensions/amp-soundcloud/1.0/README.md
@@ -19,6 +19,16 @@ defineBentoSoundcloud();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-soundcloud-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-soundcloud-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-soundcloud-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-stream-gallery/1.0/README.md b/extensions/amp-stream-gallery/1.0/README.md
index 1e0f79f88593b..a8324889792f7 100644
--- a/extensions/amp-stream-gallery/1.0/README.md
+++ b/extensions/amp-stream-gallery/1.0/README.md
@@ -21,6 +21,16 @@ defineBentoStreamGallery();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-stream-gallery-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-stream-gallery-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-stream-gallery-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-twitter/1.0/README.md b/extensions/amp-twitter/1.0/README.md
index dc7b1e3a0b29d..21d09dbf736e2 100644
--- a/extensions/amp-twitter/1.0/README.md
+++ b/extensions/amp-twitter/1.0/README.md
@@ -19,6 +19,16 @@ defineBentoTwitters();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-twitter-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-twitter-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-twitter-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html
diff --git a/extensions/amp-wordpress-embed/1.0/README.md b/extensions/amp-wordpress-embed/1.0/README.md
index 29eaffd490d1c..7be5aeb408cc8 100644
--- a/extensions/amp-wordpress-embed/1.0/README.md
+++ b/extensions/amp-wordpress-embed/1.0/README.md
@@ -19,6 +19,16 @@ defineBentoWordpressEmbed();
 
 ### Include via `<script>`
 
+```html
+<script type="module" src="https://cdn.ampproject.org/bento.mjs"></script>
+<script type="nomodule" src="https://cdn.ampproject.org/bento.js"></script>
+<script type="module" src="https://cdn.ampproject.org/v0/bento-wordpress-embed-1.0.mjs"></script>
+<script type="nomodule"  src="https://cdn.ampproject.org/v0/bento-wordpress-embed-1.0.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.ampproject.org/v0/bento-wordpress-embed-1.0.css"/>
+```
+
+### Example
+
 <!--% example %-->
 
 ```html