Merge pull request #141 from IQSS/feature/116-publish-npm-package-for…

…-the-design-system

116 - Publish npm package for the design system

.env.example

@@ -1 +1 @@
-VITE_DATAVERSE_BACKEND_URL=http://localhost:8080
+VITE_DATAVERSE_BACKEND_URL=http://localhost:8080

.github/workflows/chromatic-design-system.yml

@@ -15,9 +15,10 @@ jobs:
         run: |
           cp .npmrc.example .npmrc
           sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
       - name: Install dependencies
         # 👇 Install dependencies with the same package manager used in the project (replace it as needed), e.g. yarn, npm, pnpm
-        run: rm package-lock.json && npm install
+        run: npm install
       - name: Build Dataverse Design System
         working-directory: packages/design-system
         run: npm run build

.github/workflows/chromatic.yml

@@ -15,9 +15,10 @@ jobs:
         run: |
           cp .npmrc.example .npmrc
           sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
       - name: Install dependencies
         # 👇 Install dependencies with the same package manager used in the project (replace it as needed), e.g. yarn, npm, pnpm
-        run: rm package-lock.json && npm install
+        run: npm install
         # 👇 Adds Chromatic as a step in the workflow
         # Install design system dependencies
       - name: Build Dataverse Design System

.github/workflows/deploy.yml

@@ -36,6 +36,7 @@ jobs:
         run: |
           cp .npmrc.example .npmrc
           sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
 
       - name: Install Dependencies
         run: npm install

.github/workflows/lint.yml

@@ -11,20 +11,27 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 19
+          node-version: 18
           cache: 'npm'
 
       - name: Create .npmrc
         run: |
           cp .npmrc.example .npmrc
           sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
 
       - name: Install Dependencies
-        run: rm package-lock.json && npm install
+        run: npm install
 
       - name: Build Dataverse UI Library
         working-directory: packages/design-system
         run: npm run build
 
-      - name: Lint
-        run: npm run lint
+      - name: ESLint
+        run: npm run lint:eslint
+
+      - name: Stylelint
+        run: npm run lint:stylelint
+
+      - name: Prettier
+        run: npm run lint:prettier

.github/workflows/test.yml

@@ -17,7 +17,7 @@ jobs:
   #         cache: 'npm'
 
   #     - name: Install Dependencies
-  #       run: rm package-lock.json && npm install
+  #       run:  npm install
 
   #     - name: Build Dataverse Design System
   #       working-directory: packages/design-system
@@ -52,9 +52,10 @@ jobs:
         run: |
           cp .npmrc.example .npmrc
           sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
 
       - name: Install Dependencies
-        run: rm package-lock.json && npm install
+        run: npm install
 
       - name: Build Dataverse Design System
         working-directory: packages/design-system
@@ -106,9 +107,10 @@ jobs:
         run: |
           cp .npmrc.example .npmrc
           sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
 
       - name: Install Dependencies
-        run: rm package-lock.json && npm install
+        run: npm install
 
       - name: Build Dataverse Design System
         working-directory: packages/design-system

.gitignore

@@ -27,7 +27,7 @@
 
 # misc
 .DS_Store
-./.env
+.env
 .env.local
 .env.development.local
 .env.test.local

.npmrc.example

@@ -1,3 +1,9 @@
 legacy-peer-deps=true
-registry=https://npm.pkg.github.com/IQSS
+
+# design-system registry
+//registry.npmjs.org/:_authToken=YOUR_NPM_AUTH_TOKEN>
+@iqss:registry=https://registry.npmjs.org/
+
+# js-dataverse registry
 //npm.pkg.github.com/:_authToken=<YOUR_GITHUB_AUTH_TOKEN>
+@iqss:registry=https://npm.pkg.github.com/

.storybook/preview.tsx

@@ -1,5 +1,5 @@
 import type { Preview } from '@storybook/react'
-import { ThemeProvider } from 'dataverse-design-system'
+import { ThemeProvider } from '@iqss/dataverse-design-system'
 import { initialize, mswDecorator } from 'msw-storybook-addon'
 
 /*

lerna.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "node_modules/lerna/schemas/lerna-schema.json",
+  "version": "independent",
+  "npmClient": "npm",
+  "packages": ["packages/*"]
+}