v0.36.0 code mods

web/config/postcss.config.js

@@ -2,7 +2,7 @@ const path = require('path')
 
 module.exports = {
   plugins: [
-    require('tailwindcss')(path.resolve(__dirname, '../tailwind.config.js')),
+    require('tailwindcss')(path.resolve(__dirname, 'tailwind.config.js')),
     require('autoprefixer'),
   ],
 }

web/config/tailwind.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  mode: 'jit',
+  purge: ['src/**/*.{js,jsx,ts,tsx}'],
+  darkMode: false, // or 'media' or 'class'
+  theme: {
+    extend: {
+      opacity: ['disabled'],
+    },
+  },
+  plugins: [],
+}

web/jsconfig.json

@@ -4,7 +4,7 @@
     "paths": {
       "src/*": ["./src/*"]
     },
-    "jsx": "preserve"
+    "jsx": "preserve",
   },
-  "include": ["src/**/*", "../.redwood/index.d.ts"]
+  "include": ["src/**/*"]
 }

web/package.json

@@ -23,8 +23,9 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "autoprefixer": "9.8.6",
-    "postcss-loader": "4.0.2",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat"
+    "autoprefixer": "^10.3.1",
+    "postcss": "^8.3.6",
+    "postcss-loader": "^6.1.1",
+    "tailwindcss": "^2.2.7"
   }
-}
+}

web/src/App.js

@@ -14,7 +14,7 @@ isBrowser && netlifyIdentity.init()
 
 const App = () => (
   <FatalErrorBoundary page={FatalErrorPage}>
-    <RedwoodProvider>
+    <RedwoodProvider titleTemplate="%PageTitle | %AppTitle">
       <AuthProvider client={netlifyIdentity} type="netlify">
         <RedwoodApolloProvider>
           <Routes />

web/src/index.css

@@ -1,13 +1,13 @@
 /**
  * START --- TAILWIND GENERATOR EDIT
  *
- * `yarn rw generate util tailwind` placed these imports here
+ * `yarn rw setup tailwind` placed these imports here
  * to inject Tailwind's styles into your CSS.
  * For more information, see: https://tailwindcss.com/docs/installation#add-tailwind-to-your-css
  */
-@import "tailwindcss/base";
-@import "tailwindcss/components";
-@import "tailwindcss/utilities";
-/**
- * END --- TAILWIND GENERATOR EDIT
- */
+ @import "tailwindcss/base";
+ @import "tailwindcss/components";
+ @import "tailwindcss/utilities";
+ /**
+  * END --- TAILWIND GENERATOR EDIT
+  */

web/tailwind.config.js

@@ -1,16 +0,0 @@
-module.exports = {
-  future: {
-    // removeDeprecatedGapUtilities: true,
-    // purgeLayersByDefault: true,
-  },
-  purge: [],
-  theme: {
-    extend: {},
-  },
-  variants: {
-    extend: {
-      opacity: ['disabled'],
-    },
-  },
-  plugins: [],
-}