fix(angular): replace css imports with CDN <link>s (#537)

tkrugg · web-flow · commit fb4c2a87852f · 2021-11-03T11:09:00.000+01:00
* fix(angular): replace css imports with CDN <link>s Using CSS from node_modules is causing problems with CodeSandbox cf. codesandbox/codesandbox-client#6235 * update e2e test snapshots * remove unecessary reset.css
diff --git a/e2e/__snapshots__/templates.test.js.snap b/e2e/__snapshots__/templates.test.js.snap
@@ -101,7 +101,6 @@ exports[`Templates Angular InstantSearch File content: angular.json 1`] = `
               \\"src/assets\\"
             ],
             \\"styles\\": [
-              \\"node_modules/instantsearch.css/themes/satellite.css\\",
               \\"src/styles.css\\"
             ],
             \\"scripts\\": []
@@ -442,6 +441,7 @@ exports[`Templates Angular InstantSearch File content: src/index.html 1`] = `
   <base href=\\"/\\">
   <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\">
   <link rel=\\"icon\\" type=\\"image/x-icon\\" href=\\"favicon.ico\\">
+  <link href=\\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite.css\\" rel=\\"stylesheet\\" />
 </head>
 <body>
   <app-root></app-root>
diff --git a/src/templates/Angular InstantSearch/angular.json b/src/templates/Angular InstantSearch/angular.json
@@ -27,7 +27,6 @@
               "src/assets"
             ],
             "styles": [
-              "node_modules/instantsearch.css/themes/satellite.css",
               "src/styles.css"
             ],
             "scripts": []
diff --git a/src/templates/Angular InstantSearch/src/index.html b/src/templates/Angular InstantSearch/src/index.html
@@ -6,6 +6,7 @@
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite.css" rel="stylesheet" />
 </head>
 <body>
   <app-root></app-root>
