docs(examples): update for parcel (#1081)

Haroenv · web-flow · commit 50bdbd1db7b0 · 2023-02-02T18:43:51.000+01:00
Not sure when these requirements were added, but type needs to be module and jsxRuntime needs to be classic
diff --git a/cypress/test-apps/js/app.tsx b/cypress/test-apps/js/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/cypress/test-apps/js/categoriesPlugin.tsx b/cypress/test-apps/js/categoriesPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompletePlugin, getAlgoliaFacets } from '@algolia/autocomplete-js';
 import { SearchClient } from 'algoliasearch/lite';
diff --git a/cypress/test-apps/js/index.html b/cypress/test-apps/js/index.html
@@ -42,8 +42,8 @@
       </div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="darkMode.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="darkMode.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/github-notification-filters/app.tsx b/examples/github-notification-filters/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete, AutocompleteSource } from '@algolia/autocomplete-js';
 import { createTagsPlugin, Tag } from '@algolia/autocomplete-plugin-tags';
diff --git a/examples/github-notification-filters/components/FilterHeader.tsx b/examples/github-notification-filters/components/FilterHeader.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { h, Fragment } from 'preact';
 
diff --git a/examples/github-notification-filters/components/PanelLayout.tsx b/examples/github-notification-filters/components/PanelLayout.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompleteState } from '@algolia/autocomplete-js';
 import { ComponentChildren, h } from 'preact';
diff --git a/examples/github-notification-filters/components/PostfixItem.tsx b/examples/github-notification-filters/components/PostfixItem.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompleteComponents } from '@algolia/autocomplete-js';
 import { h } from 'preact';
diff --git a/examples/github-notification-filters/components/PrefixItem.tsx b/examples/github-notification-filters/components/PrefixItem.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { h } from 'preact';
 
diff --git a/examples/github-notification-filters/components/QueryItem.tsx b/examples/github-notification-filters/components/QueryItem.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { h } from 'preact';
 
diff --git a/examples/github-notification-filters/components/TagItem.tsx b/examples/github-notification-filters/components/TagItem.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { Tag } from '@algolia/autocomplete-plugin-tags';
 import { h } from 'preact';
diff --git a/examples/github-notification-filters/index.html b/examples/github-notification-filters/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/github-repositories-custom-plugin/createGitHubReposPlugin.tsx b/examples/github-repositories-custom-plugin/createGitHubReposPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompletePlugin } from '@algolia/autocomplete-js';
 import { h } from 'preact';
diff --git a/examples/github-repositories-custom-plugin/index.html b/examples/github-repositories-custom-plugin/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/html-templates/index.html b/examples/html-templates/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.js"></script>
-    <script src="app.js"></script>
+    <script type="module" src="env.js"></script>
+    <script type="module" src="app.js"></script>
   </body>
 </html>
diff --git a/examples/multiple-datasets-with-headers/app.tsx b/examples/multiple-datasets-with-headers/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete } from '@algolia/autocomplete-js';
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
diff --git a/examples/multiple-datasets-with-headers/categoriesPlugin.tsx b/examples/multiple-datasets-with-headers/categoriesPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompletePlugin, getAlgoliaFacets } from '@algolia/autocomplete-js';
 import { SearchClient } from 'algoliasearch/lite';
diff --git a/examples/multiple-datasets-with-headers/index.html b/examples/multiple-datasets-with-headers/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/panel-placement/app.tsx b/examples/panel-placement/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/examples/panel-placement/index.html b/examples/panel-placement/index.html
@@ -33,7 +33,7 @@
       <div id="autocomplete-right"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/playground/app.tsx b/examples/playground/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/examples/playground/categoriesPlugin.tsx b/examples/playground/categoriesPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompletePlugin, getAlgoliaFacets } from '@algolia/autocomplete-js';
 import { SearchClient } from 'algoliasearch/lite';
diff --git a/examples/playground/index.html b/examples/playground/index.html
@@ -42,8 +42,8 @@
       </div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="darkMode.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="darkMode.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/preview-panel-in-modal/app.tsx b/examples/preview-panel-in-modal/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete, getAlgoliaResults } from '@algolia/autocomplete-js';
 import algoliasearch from 'algoliasearch/lite';
diff --git a/examples/preview-panel-in-modal/index.html b/examples/preview-panel-in-modal/index.html
@@ -42,7 +42,7 @@
       </div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/query-suggestions-with-categories/index.html b/examples/query-suggestions-with-categories/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/query-suggestions-with-hits/app.tsx b/examples/query-suggestions-with-hits/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/examples/query-suggestions-with-hits/index.html b/examples/query-suggestions-with-hits/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/query-suggestions-with-inline-categories/app.tsx b/examples/query-suggestions-with-inline-categories/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete } from '@algolia/autocomplete-js';
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
diff --git a/examples/query-suggestions-with-inline-categories/index.html b/examples/query-suggestions-with-inline-categories/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/query-suggestions-with-recent-searches-and-categories/index.html b/examples/query-suggestions-with-recent-searches-and-categories/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/query-suggestions-with-recent-searches/app.tsx b/examples/query-suggestions-with-recent-searches/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete } from '@algolia/autocomplete-js';
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
diff --git a/examples/query-suggestions-with-recent-searches/index.html b/examples/query-suggestions-with-recent-searches/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/query-suggestions/index.html b/examples/query-suggestions/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/react-instantsearch/index.html b/examples/react-instantsearch/index.html
@@ -22,6 +22,6 @@
 
     <div id="root"></div>
 
-    <script src="./src/index.js"></script>
+    <script type="module" src="./src/index.js"></script>
   </body>
 </html>
diff --git a/examples/recently-viewed-items/app.tsx b/examples/recently-viewed-items/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/examples/recently-viewed-items/index.html b/examples/recently-viewed-items/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/recently-viewed-items/recentlyViewedItemsPlugin.tsx b/examples/recently-viewed-items/recentlyViewedItemsPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompletePlugin,
diff --git a/examples/reshape/app.tsx b/examples/reshape/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete } from '@algolia/autocomplete-js';
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
diff --git a/examples/reshape/index.html b/examples/reshape/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/reshape/productsPlugin.tsx b/examples/reshape/productsPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompleteComponents,
diff --git a/examples/starter-algolia/app.tsx b/examples/starter-algolia/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete, getAlgoliaResults } from '@algolia/autocomplete-js';
 import { Hit } from '@algolia/client-search';
diff --git a/examples/starter-algolia/index.html b/examples/starter-algolia/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/starter/index.html b/examples/starter/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/tags-in-searchbox/app.tsx b/examples/tags-in-searchbox/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/examples/tags-in-searchbox/index.html b/examples/tags-in-searchbox/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/tags-with-hits/app.tsx b/examples/tags-with-hits/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/examples/tags-with-hits/index.html b/examples/tags-with-hits/index.html
@@ -190,7 +190,7 @@
       </div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/two-column-layout/index.html b/examples/two-column-layout/index.html
@@ -16,6 +16,6 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="src/app.tsx"></script>
+    <script type="module" src="src/app.tsx"></script>
   </body>
 </html>
diff --git a/examples/two-column-layout/src/app.tsx b/examples/two-column-layout/src/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete } from '@algolia/autocomplete-js';
 import { h, render } from 'preact';
diff --git a/examples/two-column-layout/src/components/Blurhash.tsx b/examples/two-column-layout/src/components/Blurhash.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { decode } from 'blurhash';
 import { h } from 'preact';
diff --git a/examples/two-column-layout/src/components/Breadcrumb.tsx b/examples/two-column-layout/src/components/Breadcrumb.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { h } from 'preact';
 
diff --git a/examples/two-column-layout/src/components/Icons.tsx b/examples/two-column-layout/src/components/Icons.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { h } from 'preact';
 
diff --git a/examples/two-column-layout/src/plugins/articlesPlugin.tsx b/examples/two-column-layout/src/plugins/articlesPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompletePlugin,
diff --git a/examples/two-column-layout/src/plugins/brandsPlugin.tsx b/examples/two-column-layout/src/plugins/brandsPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompleteComponents,
diff --git a/examples/two-column-layout/src/plugins/categoriesPlugin.tsx b/examples/two-column-layout/src/plugins/categoriesPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompleteComponents,
diff --git a/examples/two-column-layout/src/plugins/faqPlugin.tsx b/examples/two-column-layout/src/plugins/faqPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompleteComponents,
diff --git a/examples/two-column-layout/src/plugins/popularCategoriesPlugin.tsx b/examples/two-column-layout/src/plugins/popularCategoriesPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompleteComponents,
diff --git a/examples/two-column-layout/src/plugins/popularPlugin.tsx b/examples/two-column-layout/src/plugins/popularPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
 import { h } from 'preact';
diff --git a/examples/two-column-layout/src/plugins/productsPlugin.tsx b/examples/two-column-layout/src/plugins/productsPlugin.tsx
diff --git a/examples/two-column-layout/src/plugins/quickAccessPlugin.tsx b/examples/two-column-layout/src/plugins/quickAccessPlugin.tsx
diff --git a/examples/voice-search/app.tsx b/examples/voice-search/app.tsx
diff --git a/examples/voice-search/index.html b/examples/voice-search/index.html
diff --git a/examples/voice-search/voiceSearchPlugin.tsx b/examples/voice-search/voiceSearchPlugin.tsx

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+/** @jsxRuntime classic */`
`1`	`2`	`/** @jsx h */`
`2`	`3`	`import {`
`3`	`4`	`autocomplete,`