tooling: add monorepo and update playwright tests

.github/workflows/e2e.yml

@@ -3,19 +3,7 @@ name: E2E - Test
 on: push
 
 jobs:
- setup:
- runs-on: ubuntu-latest
- outputs:
- preview_url: ${{ steps.waitForVercelPreviewDeployment.outputs.url }}
- steps:
- - name: Wait for Vercel preview deployment to be ready
- uses: patrickedqvist/wait-for-vercel-preview@v1.2.0
- id: waitForVercelPreviewDeployment
- with:
- token: ${{ secrets.GITHUB_TOKEN }}
- max_timeout: 600
  test:
- needs: setup
  name: Run Playwright tests
  timeout-minutes: 5
  runs-on: ubuntu-latest
@@ -24,10 +12,8 @@ jobs:
  uses: actions/checkout@v2
  - uses: actions/setup-node@v2
  with:
- node-version: "14"
+ node-version: "18"
  - run: yarn
  - run: npx playwright install --with-deps
  - name: Run tests
  run: yarn test:e2e
- env:
- BASE_URL: ${{ needs.setup.outputs.preview_url }}

.github/workflows/test.yml

@@ -19,9 +19,9 @@ jobs:
  restore-keys: |
  ${{ runner.os }}-yarn-
 
- - uses: actions/setup-node@v1
+ - uses: actions/setup-node@v2
  with:
- node-version: 14.x
+ node-version: 18.x
 
  - name: yarn install
  run: yarn

.gitignore

@@ -5,3 +5,4 @@ dist/
 .yalc/
 yalc.lock
 .idea/
+.turbo

.nvmrc

@@ -0,0 +1 @@
+v18.17

.prettierrc

@@ -0,0 +1,7 @@
+{
+ "semi": false,
+ "singleQuote": true,
+ "trailingComma": "none",
+ "arrowParens": "avoid",
+ "printWidth": 100
+}

examples/example/package.json

@@ -3,10 +3,15 @@
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
+ "scripts": {
+ "dev": "next",
+ "build": "next build",
+ "start": "next start"
+ },
  "dependencies": {
  "next": "^12.1.6",
- "next-themes": "beta",
+ "next-themes": "*",
  "react": "^18.1.0",
  "react-dom": "^18.1.0"
  }
-}
+}

examples/tailwind/package.json

@@ -8,7 +8,7 @@
  },
  "dependencies": {
  "next": "^12.1.6",
- "next-themes": "latest",
+ "next-themes": "*",
  "react": "^18.1.0",
  "react-dom": "^18.1.0"
  },
@@ -18,4 +18,4 @@
  "tailwindcss": "^2.0.1"
  },
  "license": "MIT"
-}
+}

examples/tailwind/pages/_app.js

@@ -3,7 +3,7 @@ import '../styles.css'
 
 function MyApp({ Component, pageProps }) {
  return (
- <ThemeProvider forcedTheme={Component.theme || undefined} attribute="class">
+ <ThemeProvider forcedTheme={Component.theme || undefined} attribute='class'>
  <Component {...pageProps} />
  </ThemeProvider>
  )