fix: merge and node

.changeset/config.json

@@ -9,7 +9,6 @@
   "updateInternalDependencies": "patch",
   "ignore": [
     "@phase2/outline-core-accordion",
-    "@phase2/outline-core-alert",
     "@phase2/outline-core-breadcrumb",
     "@phase2/outline-core-card",
     "@phase2/outline-core-container",

.eslintignore

@@ -18,4 +18,4 @@ storybook-static/
 .yarn/
 project/
 *.d.ts
-packages/tools/outline-cli/
+packages/deprecated

.eslintrc.json

@@ -31,7 +31,8 @@
       {
         "argsIgnorePattern": "^_"
       }
-    ]
+    ],
+    "lit-plugin/no-invalid-css": "off"
   },
   "overrides": [
     {

.github/workflows/build.yml

@@ -34,14 +34,19 @@ jobs:
   setup:
     name: Install & Lint Codebase
     runs-on: ubuntu-latest
+    container: 
+      image: node:lts
     # The steps for the setup job.
     steps:
       # @see https://github.com/marketplace/actions/checkout
       - name: Checkout Codebase
-        uses: actions/checkout@v3 
+        uses: actions/checkout@v4 
+
+      - name: Use local Yarn version
+        run: echo "$(pwd)/.yarn/releases" >> $GITHUB_PATH
 
       # @see https://github.com/marketplace/actions/setup-node-js-environment 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           node-version-file: '.nvmrc'
           cache: 'yarn'
@@ -54,31 +59,11 @@ jobs:
           registry-url: 'https://npm.pkg.github.com'
           # Defaults to the user or organization that owns the workflow file
           scope: '@phase2'
-        
+
       - name: Initialize .npmrc
         run: cp $NPM_CONFIG_USERCONFIG .npmrc
 
-      # # @see https://github.com/marketplace/actions/cache
-      # # node_modules caching is validated by always running yarn install.
-      # # Turborepo cache lives inside node_modules/.cache/turbo
-      # - name: Get yarn cache directory path
-      #   id: yarn-cache-dir-path
-      #   run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
-
-      # - name: Setup Cache
-      #   id: cache-yarn
-      #   uses: actions/cache@v3
-      #   env:
-      #     cache-name: cache-node-modules
-      #   with:
-      #     path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-      #     key: ${{ runner.os }}-node-yarn-18-${{ env.cache-name }}-${{ hashFiles('**/yarn.lock') }}
-      #     restore-keys:
-      #       ${{ runner.os }}-node-yarn-18-${{ env.cache-name }}-
-      #       ${{ runner.os }}-node-yarn-${{ env.cache-name }}-
-      #       ${{ runner.os }}-node-yarn-
-
-      - name: Install
+      - name: Install Dependencies
         run: yarn install
         env: 
           NODE_AUTH_TOKEN: ${{ secrets.NPM_GITHUB_PACKAGES }}
@@ -92,15 +77,20 @@ jobs:
   build_outline:
     name: Build Outline Codebase
     runs-on: ubuntu-latest
+    container: 
+      image: node:lts
     needs: ['setup']
     # The steps for the setup job.
     steps:
       # @see https://github.com/marketplace/actions/checkout
       - name: Checkout Codebase
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
+
+      - name: Use local Yarn version
+        run: echo "$(pwd)/.yarn/releases" >> $GITHUB_PATH
 
       # @see https://github.com/marketplace/actions/setup-node-js-environment 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           node-version-file: '.nvmrc'
           cache: 'yarn'
@@ -114,11 +104,11 @@ jobs:
           # Defaults to the user or organization that owns the workflow file
           scope: '@phase2'
 
-      - name: Install
+      - name: Install Dependencies
         run: yarn install
 
-      - name: Build Turborepo Packages
-        run: yarn build
+      - name: Build Packages
+        run: yarn build --force
 
       - name: Build Storybook
         run: yarn storybook:build
@@ -128,16 +118,21 @@ jobs:
     name: "Publish: GitHub Pages"
     if: github.ref == 'refs/heads/next'
     runs-on: ubuntu-latest
+    container: 
+      image: node:lts
     needs: ['setup', 'build_outline']
 
     # The steps for the setup job.
     steps:
       # @see https://github.com/marketplace/actions/checkout
       - name: Checkout codebase
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
+
+      - name: Use local Yarn version
+        run: echo "$(pwd)/.yarn/releases" >> $GITHUB_PATH
 
       # @see https://github.com/marketplace/actions/setup-node-js-environment 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           node-version-file: '.nvmrc'
           cache: 'yarn'
@@ -150,11 +145,11 @@ jobs:
           registry-url: 'https://npm.pkg.github.com'
           # Defaults to the user or organization that owns the workflow file
           scope: '@phase2'
-
-      - name: Install
+   
+      - name: Install Dependencies
         run: yarn install
 
-      - name: Build Outline
+      - name: Build Packages
         run: yarn build
 
       - name: Build Storybook
@@ -180,7 +175,7 @@ jobs:
 
       # @see https://github.com/marketplace/actions/upload-a-build-artifact
       - name: Upload Storybook artifact
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: storybook-latest
           path: storybook-static/

.gitignore

@@ -59,6 +59,7 @@ node_modules/
 mutagen.yml.lock
 www/
 .turbo
+.turbo-cookie
 
 # Outline specific 
 custom-elements.json

.nvmrc

@@ -1 +1 @@
-18
+20

.prettierignore

@@ -1,3 +1,4 @@
+changeset/
 dist/
 www/
 dev/
@@ -31,3 +32,4 @@ outline.theme.css
 
 # Ignore all stories (Storybook) files:
 **/*.stories.ts
+storybook.main.css

.storybook/main.js

@@ -3,21 +3,16 @@ import { dirname, join } from 'path';
 module.exports = {
   stories: [
     // Intentionally ordering welcome page first.
-    '../packages/documentation/outline-docs/src/guides/welcome.mdx',
+    '../packages/documentation/outline-docs/src/guides/welcome/00-welcome.mdx',
+    '../packages/documentation/outline-docs/src/guides/welcome/more-information/*.mdx',
+    // Tooling usage guides.
+    '../packages/documentation/outline-docs/src/guides/development/tooling/**/*.mdx',
     // Component development guides.
     '../packages/documentation/outline-docs/src/guides/development/component-development/**/*.mdx',
-    // Component usage guides.
-    '../packages/documentation/outline-docs/src/guides/consumers/**/*.mdx',
-    // QA/UAT usage guides.
-    '../packages/documentation/outline-docs/src/guides/qa-uat/**/*.mdx',
-    // Tooling usage guides.
-    '../packages/documentation/outline-docs/src/guides/tooling/**/*.mdx',
     // Documentation stories.
     '../packages/documentation/outline-docs/src/guides/**/*.@(js|ts|mdx)',
     // Modern component stories.
     '../packages/**/docs/*.mdx',
-    // Old component stories.
-    '../packages/documentation/outline-storybook/stories/**/*.stories.@(js|ts|mdx)',
   ],
   typescript: {
     check: false,
@@ -32,18 +27,14 @@ module.exports = {
     storyStoreV7: true,
     postcss: true,
     buildStoriesJson: true,
-    modernInlineRender: true,
+    modernInlineRender: false,
   },
   framework: {
-    name: getAbsolutePath('@storybook/web-components-vite'),
+    name: '@storybook/web-components-vite',
     options: {},
   },
   docs: {
     autodocs: true,
     defaultName: 'Documentation', // set to change the name of generated docs entries
   },
 };
-
-function getAbsolutePath(value) {
-  return dirname(require.resolve(join(value, 'package.json')));
-}

.storybook/preview.js

@@ -10,15 +10,13 @@ export const parameters = {
   options: {
     storySort: {
       order: [
-        'Getting Started',
-        'Documentation',
-        'Design Tokens',
+        'Welcome Guide',
+        'Coding Guide',
         'Media',
         'Navigation',
         'Content',
         'Templates',
         'Pages',
-        'Code Examples',
         'Utility Components',
       ],
     },

.storybook/storybook.css

@@ -1,5 +1,3 @@
 @import url('https://rsms.me/inter/inter.css');
 /* Outline */
-@import '../packages/outline-templates/default/outline.theme.css';
-/* Global Tailwind Utilities */
-@import '../packages/outline-templates/default/tailwind.css';
+@import '../outline.theme.css';

.yarnrc.yml

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-1.22.19.cjs

lefthook.yml

@@ -13,5 +13,8 @@ pre-commit:
   parallel: true
   commands:
     eslint:
-      glob: '*.{js,ts,jsx,tsx,mdx,cjs,mjs}'
-      run: yarn eslint {staged_files}
+      run: yarn lint:eslint
+    # tsc:
+    #   run: yarn lint:tsc
+    prettier:
+      run: yarn lint:prettier