Migrate design system from ENGAGE-HF (#3)

# Migrate design system from ENGAGE-HF

## ♻️ Current situation & Problem
ENGAGE-HF repository contains design system package. We aim to make it
reusable across many different projects.


## ⚙️ Release Notes 
* Migrate design system from ENGAGE-HF packages
* Update GitHub actions to configure publishing a package
* Remove old Next-related dependencies, files, configurations


### Code of Conduct & Contributing Guidelines 

By submitting creating this pull request, you agree to follow our [Code
of
Conduct](https://github.com/StanfordBDHG/.github/blob/main/CODE_OF_CONDUCT.md)
and [Contributing
Guidelines](https://github.com/StanfordBDHG/.github/blob/main/CONTRIBUTING.md):
- [x] I agree to follow the [Code of
Conduct](https://github.com/StanfordBDHG/.github/blob/main/CODE_OF_CONDUCT.md)
and [Contributing
Guidelines](https://github.com/StanfordBDHG/.github/blob/main/CONTRIBUTING.md).

---------

Co-authored-by: Paul Schmiedmayer <[email protected]>

.eslintrc.json

@@ -3,6 +3,13 @@
   "parserOptions": {
     "project": "./tsconfig.json"
   },
+  "settings": {
+    "import/resolver": {
+      "typescript": {
+        "project": ["./tsconfig.json"]
+      }
+    }
+  },
   "parser": "@typescript-eslint/parser",
   "extends": [
     "plugin:@typescript-eslint/strict-type-checked",
@@ -16,8 +23,7 @@
     "**/dist/*",
     "/docs/**",
     "/out/**",
-    "**/jest.config.js",
-    "**/next.config.js",
+    "/coverage/**",
     "**/postcss.config.js",
     "**/tailwind.config.js"
   ],
@@ -77,6 +83,11 @@
     // false negatives
     "import/namespace": ["off"],
     "no-empty-pattern": "off",
+    "@typescript-eslint/no-empty-object-type": [
+      "error",
+      // `interface SpecificVariantProps extends VariantProps {}` is fine
+      { "allowInterfaces": "with-single-extends" }
+    ],
     // make sure to `await` inside try…catch
     "@typescript-eslint/return-await": ["error", "in-try-catch"],
     "@typescript-eslint/no-confusing-void-expression": [
@@ -99,11 +110,14 @@
       "error",
       { "allowNumber": true, "allowBoolean": true }
     ],
-    "react/no-unescaped-entities": "off"
+    "react/no-unescaped-entities": "off",
+    // some tanstack router functions result are thrown, like notFound
+    "@typescript-eslint/only-throw-error": "off",
+    "@next/next/no-img-element": "off"
   },
   "overrides": [
     {
-      "files": ["app/**/*.ts?(x)", "**/*.stories.ts?(x)"],
+      "files": ["app/**/*.ts?(x)", "**/*.stories.ts?(x)", "vite.config.ts"],
       "rules": {
         "import/no-default-export": "off"
       }

.eslintrc.json.license

@@ -1,6 +1,6 @@
 
-This source file is part of the Stanford Biodesign Digital Health Next.js Template open-source project
+This source file is part of the Stanford Biodesign Digital Health Spezi Web Design System open-source project
 
-SPDX-FileCopyrightText: 2023 Stanford University and the project authors (see CONTRIBUTORS.md)
+SPDX-FileCopyrightText: 2024 Stanford University and the project authors (see CONTRIBUTORS.md)
 
 SPDX-License-Identifier: MIT

.github/workflows/build-and-test.yml

@@ -1,7 +1,7 @@
 #
-# This source file is part of the Stanford Biodesign Digital Health Next.js Template open-source project
+# This source file is part of the Stanford Biodesign Digital Health Spezi Web Design System open-source project
 #
-# SPDX-FileCopyrightText: 2023 Stanford University and the project authors (see CONTRIBUTORS.md)
+# SPDX-FileCopyrightText: 2024 Stanford University and the project authors (see CONTRIBUTORS.md)
 #
 # SPDX-License-Identifier: MIT
 #
@@ -35,9 +35,3 @@ jobs:
     uses: StanfordBDHG/.github/.github/workflows/npm-test-and-coverage.yml@v2
     secrets:
       token: ${{ secrets.CODECOV_TOKEN }}
-  dockercomposetest:
-    name: Docker Compose & Test
-    uses: StanfordBDHG/.github/.github/workflows/docker-compose-test.yml@v2
-    with:
-      dockerComposeFile: docker-compose-development.yml
-      testscript: test.sh

.github/workflows/codeql.yml

@@ -1,7 +1,7 @@
 #
-# This source file is part of the Stanford Biodesign Digital Health Next.js Template open-source project
+# This source file is part of the Stanford Biodesign Digital Health Spezi Web Design System open-source project
 #
-# SPDX-FileCopyrightText: 2023 Stanford University and the project authors (see CONTRIBUTORS.md)
+# SPDX-FileCopyrightText: 2024 Stanford University and the project authors (see CONTRIBUTORS.md)
 #
 # SPDX-License-Identifier: MIT
 #

.github/workflows/deployment.yml

@@ -0,0 +1,55 @@
+#
+# This source file is part of the Stanford Biodesign Digital Health Spezi Web Design System open-source project
+#
+# SPDX-FileCopyrightText: 2024 Stanford University and the project authors (see CONTRIBUTORS.md)
+#
+# SPDX-License-Identifier: MIT
+#
+
+name: Deployment
+
+on:
+  release:
+    types: [published]
+  workflow_dispatch:
+
+concurrency:
+  group: production
+  cancel-in-progress: false
+
+jobs:
+  build-and-test:
+    name: Build and Test
+    uses: ./.github/workflows/build-and-test.yml
+    permissions:
+      contents: read
+      checks: write
+      actions: read
+      security-events: write
+    secrets: inherit
+    with:
+      environment: production
+  publishpackage:
+    name: Publish Package
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+      packages: write
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '22.x'
+          registry-url: 'https://registry.npmjs.org'
+          scope: '@stanfordbdhg'
+      - name: Clean Install
+        run: npm ci
+      - name: Set version
+        run: npm version ${{ github.event.release.tag_name }}
+      - name: Build
+        run: npm run build
+      - name: Publish
+        run: npm publish --provenance --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/monthly-markdown-link-check.yml

@@ -1,7 +1,7 @@
 #
-# This source file is part of the Stanford Biodesign Digital Health Next.js Template open-source project
+# This source file is part of the Stanford Biodesign Digital Health Spezi Web Design System open-source project
 #
-# SPDX-FileCopyrightText: 2023 Stanford University and the project authors (see CONTRIBUTORS.md)
+# SPDX-FileCopyrightText: 2024 Stanford University and the project authors (see CONTRIBUTORS.md)
 #
 # SPDX-License-Identifier: MIT
 #

.gitignore

@@ -1,7 +1,7 @@
 #
-# This source file is part of the Stanford Biodesign Digital Health Next.js Template open-source project
+# This source file is part of the Stanford Biodesign Digital Health Spezi Web Design System open-source project
 #
-# SPDX-FileCopyrightText: 2023 Stanford University and the project authors (see CONTRIBUTORS.md)
+# SPDX-FileCopyrightText: 2024 Stanford University and the project authors (see CONTRIBUTORS.md)
 #
 # SPDX-License-Identifier: MIT
 #
@@ -17,12 +17,8 @@
 # testing
 /coverage
 
-# next.js
-/.next/
-/out/
-
 # production
-/build
+/dist
 
 # misc
 .DS_Store

.prettierignore

@@ -1,7 +1,7 @@
 #
-# This source file is part of the Stanford Biodesign Digital Health Next.js Template open-source project
+# This source file is part of the Stanford Biodesign Digital Health Spezi Web Design System open-source project
 #
-# SPDX-FileCopyrightText: 2023 Stanford University and the project authors (see CONTRIBUTORS.md)
+# SPDX-FileCopyrightText: 2024 Stanford University and the project authors (see CONTRIBUTORS.md)
 #
 # SPDX-License-Identifier: MIT
 #

.prettierrc.cjs

@@ -1,7 +1,7 @@
 //
-// This source file is part of the Stanford Biodesign Digital Health Next.js Template open-source project
+// This source file is part of the Stanford Biodesign Digital Health Spezi Web Design System open-source project
 //
-// SPDX-FileCopyrightText: 2023 Stanford University and the project authors (see CONTRIBUTORS.md)
+// SPDX-FileCopyrightText: 2024 Stanford University and the project authors (see CONTRIBUTORS.md)
 //
 // SPDX-License-Identifier: MIT
 //

.storybook/main.js

@@ -0,0 +1,35 @@
+//
+// This source file is part of the Stanford Biodesign Digital Health Spezi Web Design System open-source project
+//
+// SPDX-FileCopyrightText: 2024 Stanford University and the project authors (see CONTRIBUTORS.md)
+//
+// SPDX-License-Identifier: MIT
+//
+
+/** @type { import('@storybook/react-vite').StorybookConfig } */
+const config = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-onboarding',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+  },
+  core: {
+    builder: {
+      name: '@storybook/builder-vite',
+      options: {
+        viteConfigPath: './vite.config.ts',
+      },
+    },
+  },
+  docs: {},
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+  },
+}
+
+export default config