Fix fixture dev deps (#772)

seek-oss · Apr 17, 2023 · f238e89 · f238e89
1 parent 5f44ecd
commit f238e89
Show file tree

Hide file tree

Showing 41 changed files with 2,322 additions and 2,612 deletions.
diff --git a/fixtures/assertion-removal/package.json b/fixtures/assertion-removal/package.json
@@ -3,7 +3,12 @@
   "private": true,
   "dependencies": {
     "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "dedent": "^0.7.0",
     "sku": "workspace:*"
   }
 }
diff --git a/fixtures/assertion-removal/src/render.tsx b/fixtures/assertion-removal/src/render.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { renderToString } from 'react-dom/server';
-import dedent from 'dedent';
+import html from 'dedent';
 
 import type { Render } from 'sku';
 import App from 'src/App';
@@ -13,13 +13,13 @@ const skuRender: Render = {
       </SkuProvider>,
     ),
 
-  renderDocument: ({ app, headTags, bodyTags }) => dedent`
+  renderDocument: ({ app, headTags, bodyTags }) => html/* html */ `
     <!DOCTYPE html>
     <html>
       <head>
-        <meta charset="UTF-8">
+        <meta charset="UTF-8" />
         <title>My Awesome Project</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         ${headTags}
       </head>
       <body>

diff --git a/fixtures/assertion-removal/src/server.tsx b/fixtures/assertion-removal/src/server.tsx
@@ -20,7 +20,7 @@ export default () => ({
       </SkuProvider>,
     );
 
-    res.send(`
+    res.send(/* html */ `
       <!DOCTYPE html>
       <html>
         <head>

diff --git a/fixtures/braid-design-system/package.json b/fixtures/braid-design-system/package.json
@@ -2,13 +2,15 @@
   "name": "@sku-fixtures/braid-design-system",
   "private": true,
   "dependencies": {
-    "@sku-private/test-utils": "workspace:*",
     "braid-design-system": "^31.0.0",
     "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "sku": "workspace:*"
+    "react-dom": "^17.0.1"
   },
   "devDependencies": {
-    "@vanilla-extract/css": "^1.0.0"
+    "@sku-private/test-utils": "workspace:*",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@vanilla-extract/css": "^1.0.0",
+    "sku": "workspace:*"
   }
 }
diff --git a/fixtures/braid-design-system/src/App.test.tsx b/fixtures/braid-design-system/src/App.test.tsx
@@ -15,8 +15,8 @@ describe('braid-design-system', () => {
     ).toMatchInlineSnapshot(`
       "<style type="text/css">
                   html,body{margin:0;padding:0;background:#F7F8FB}
-                  html.sprinkles_darkMode__in90cbz,html.sprinkles_darkMode__in90cbz body{color-scheme:dark;background:#0E131B}
-                </style><div class="apacTheme_default__eah7240 typography_lightModeTone_light__myxsed18 typography_darkModeTone_dark__myxsed1b"><div class="reset_base__pv0jxi0 sprinkles_paddingTop_large_mobile__in90cb6q App_vanillaBox__inn18b0"></div></div>"
+                  html.sprinkles_darkMode__1xl4lgvz,html.sprinkles_darkMode__1xl4lgvz body{color-scheme:dark;background:#0E131B}
+                </style><div class="apacTheme_default__19awr0h0 typography_lightModeTone_light__1phx5d818 typography_darkModeTone_dark__1phx5d81b"><div class="reset_base__1di30x80 sprinkles_paddingTop_large_mobile__1xl4lgv6q App_vanillaBox__inn18b0"></div></div>"
     `);
   });
 });
diff --git a/fixtures/configure/package.json b/fixtures/configure/package.json
@@ -3,7 +3,9 @@
   "private": true,
   "dependencies": {
     "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "devDependencies": {
     "sku": "workspace:*"
   }
 }
diff --git a/fixtures/custom-src-paths/lib/render.js b/fixtures/custom-src-paths/lib/render.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { renderToString } from 'react-dom/server';
-import dedent from 'dedent';
+import html from 'dedent';
 import App from '../another-folder/App';
 
 export default {
@@ -11,13 +11,13 @@ export default {
       </SkuProvider>,
     ),
 
-  renderDocument: ({ app, bodyTags, headTags }) => dedent`
+  renderDocument: ({ app, bodyTags, headTags }) => html/* html */ `
     <!DOCTYPE html>
     <html>
       <head>
-        <meta charset="UTF-8">
+        <meta charset="UTF-8" />
         <title>hello-world</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         ${headTags}
       </head>
       <body>

diff --git a/fixtures/custom-src-paths/package.json b/fixtures/custom-src-paths/package.json
@@ -4,7 +4,10 @@
   "dependencies": {
     "dedent": "^0.7.0",
     "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "devDependencies": {
+    "dedent": "^0.7.0",
     "sku": "workspace:*"
   }
 }
diff --git a/fixtures/import-order/package.json b/fixtures/import-order/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@sku-fixtures/import-order",
   "private": true,
-  "dependencies": {
+  "devDependencies": {
     "sku": "workspace:*"
   }
 }
diff --git a/fixtures/library-build/package.json b/fixtures/library-build/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@sku-fixtures/library-build",
   "private": true,
-  "dependencies": {
+  "devDependencies": {
     "dedent": "^0.7.0",
     "sku": "workspace:*"
   }

diff --git a/fixtures/library-build/src/render.js b/fixtures/library-build/src/render.js
@@ -1,19 +1,21 @@
-import dedent from 'dedent';
+import html from 'dedent';
 
 export default {
-  renderDocument: ({ libraryName, headTags, bodyTags }) => dedent`
-  <!DOCTYPE html>
-  <html>
-    <head>
-      <meta charset="UTF-8">
-      <title>My Awesome Project</title>
-      <meta name="viewport" content="width=device-width, initial-scale=1">
-      ${headTags}
-    </head>
-    <body>
-      ${bodyTags}
-      <script>window.${libraryName}();</script>
-    </body>
-  </html>
-`,
+  renderDocument: ({ libraryName, headTags, bodyTags }) => html/* html */ `
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <meta charset="UTF-8" />
+        <title>My Awesome Project</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        ${headTags}
+      </head>
+      <body>
+        ${bodyTags}
+        <script>
+          window.${libraryName}();
+        </script>
+      </body>
+    </html>
+  `,
 };
diff --git a/fixtures/library-file/package.json b/fixtures/library-file/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@sku-fixtures/library-file",
   "private": true,
-  "dependencies": {
+  "devDependencies": {
     "dedent": "^0.7.0",
     "sku": "workspace:*"
   }

diff --git a/fixtures/library-file/src/render.js b/fixtures/library-file/src/render.js
@@ -1,19 +1,21 @@
-import dedent from 'dedent';
+import html from 'dedent';
 
 export default {
-  renderDocument: ({ libraryName, headTags, bodyTags }) => dedent`
-  <!DOCTYPE html>
-  <html>
-    <head>
-      <meta charset="UTF-8">
-      <title>My Awesome Project</title>
-      <meta name="viewport" content="width=device-width, initial-scale=1">
-      ${headTags}
-    </head>
-    <body>
-      ${bodyTags}
-      <script>window.${libraryName}();</script>
-    </body>
-  </html>
-`,
+  renderDocument: ({ libraryName, headTags, bodyTags }) => html/* html */ `
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <meta charset="UTF-8" />
+        <title>My Awesome Project</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        ${headTags}
+      </head>
+      <body>
+        ${bodyTags}
+        <script>
+          window.${libraryName}();
+        </script>
+      </body>
+    </html>
+  `,
 };
diff --git a/fixtures/multiple-routes/package.json b/fixtures/multiple-routes/package.json
@@ -2,11 +2,13 @@
   "name": "@sku-fixtures/multiple-routes",
   "private": true,
   "dependencies": {
-    "@testing-library/react": "^11.2.3",
-    "dedent": "^0.7.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "react-router-dom": "^5.2.0",
+    "react-router-dom": "^5.2.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^11.2.3",
+    "dedent": "^0.7.0",
     "sku": "workspace:*"
   }
 }
diff --git a/fixtures/multiple-routes/src/render.js b/fixtures/multiple-routes/src/render.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { renderToString } from 'react-dom/server';
-import dedent from 'dedent';
+import html from 'dedent';
 import { StaticRouter } from 'react-router-dom';
 
 import App from './App';
@@ -21,16 +21,22 @@ export default {
   }),
 
   renderDocument: ({ app, bodyTags, headTags }) => {
-    return dedent`
+    return html/* html */ `
       <!DOCTYPE html>
       <html>
         <head>
-          <meta charset="UTF-8">
+          <meta charset="UTF-8" />
           <title>hello-world</title>
-          <meta name="viewport" content="width=device-width, initial-scale=1">
+          <meta name="viewport" content="width=device-width, initial-scale=1" />
           <script src="https://code.jquery.com/jquery-3.5.0.slim.min.js"></script>
-          <script>console.log('Hi');</script>
-          <style type="text/css">body{background:pink}</style>
+          <script>
+            console.log('Hi');
+          </script>
+          <style type="text/css">
+            body {
+              background: pink;
+            }
+          </style>
           ${headTags}
         </head>
         <body>

diff --git a/fixtures/public-path/package.json b/fixtures/public-path/package.json
@@ -2,9 +2,11 @@
   "name": "@sku-fixtures/public-path",
   "private": true,
   "dependencies": {
-    "dedent": "^0.7.0",
     "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "devDependencies": {
+    "dedent": "^0.7.0",
     "sku": "workspace:*"
   }
 }
diff --git a/fixtures/public-path/src/render.js b/fixtures/public-path/src/render.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { renderToString } from 'react-dom/server';
-import dedent from 'dedent';
+import html from 'dedent';
 import App from './app';
 
 export default {
@@ -10,13 +10,13 @@ export default {
         <App />
       </SkuProvider>,
     ),
-  renderDocument: ({ app, bodyTags, headTags }) => dedent`
+  renderDocument: ({ app, bodyTags, headTags }) => html/* html */ `
     <!DOCTYPE html>
     <html>
       <head>
-        <meta charset="UTF-8">
+        <meta charset="UTF-8" />
         <title>hello-world</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         ${headTags}
       </head>
       <body>

diff --git a/fixtures/react-css-modules/package.json b/fixtures/react-css-modules/package.json
@@ -2,10 +2,12 @@
   "name": "@sku-fixtures/react-css-modules",
   "private": true,
   "dependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "devDependencies": {
     "@storybook/addon-controls": "^6.5.12",
     "dedent": "^0.7.0",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
     "sku": "workspace:*"
   }
 }
diff --git a/fixtures/react-css-modules/src/render.js b/fixtures/react-css-modules/src/render.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { renderToString } from 'react-dom/server';
-import dedent from 'dedent';
+import html from 'dedent';
 
 import App from './App';
 
@@ -11,13 +11,13 @@ export default {
         <App />
       </SkuProvider>,
     ),
-  renderDocument: ({ app, bodyTags, headTags }) => dedent`
+  renderDocument: ({ app, bodyTags, headTags }) => html/* html */ `
     <!DOCTYPE html>
     <html>
       <head>
-        <meta charset="UTF-8">
+        <meta charset="UTF-8" />
         <title>My Awesome Project</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         ${headTags}
       </head>
       <body>

diff --git a/fixtures/seek-style-guide/package.json b/fixtures/seek-style-guide/package.json
@@ -2,11 +2,13 @@
   "name": "@sku-fixtures/seek-style-guide",
   "private": true,
   "dependencies": {
-    "@sku-private/test-utils": "workspace:*",
-    "dedent": "^0.7.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "seek-style-guide": "*",
+    "seek-style-guide": "*"
+  },
+  "devDependencies": {
+    "@sku-private/test-utils": "workspace:*",
+    "dedent": "^0.7.0",
     "sku": "workspace:*"
   }
 }