.bundlemonrc

@@ -0,0 +1,22 @@
+{
+  "baseDir": ".",
+  "files": [
+    {
+      "path": "dist/cozy-ui.min.css",
+      "maxPercentIncrease": 10
+    },
+    {
+      "path": "dist/cozy-ui.utils.min.css",
+      "maxPercentIncrease": 10
+    },
+    {
+      "path": "transpiled/react/stylesheet.css"
+    }
+  ],
+  "groups": [
+    {
+        "path": "transpiled/react/**"
+    }
+],
+  "reportOutput": ["github"]
+}

.eslintignore

@@ -1,2 +1 @@
 react/Icon/icons-sprite.js
-react/palette.js

.eslintrc.json

@@ -1,8 +1,10 @@
 {
-  "extends": ["cozy-app"],
+  "extends": ["cozy-app/react"],
   "rules": {
     "no-console": "off",
-    "react/display-name": "off"
+    "no-param-reassign": "error",
+    "react/display-name": "off",
+    "react-hooks/exhaustive-deps": "error"
   },
   "globals": {
     "mount": true,
@@ -12,5 +14,8 @@
     "react": {
       "version": "16.5.2"
     }
+  },
+  "parserOptions": {
+    "project": "tsconfig.json"
   }
 }

.github/actions/build_argos_desktop_cache/action.yml

@@ -0,0 +1,14 @@
+name: "Cache Argos desktop"
+
+runs:
+  using: "composite"
+  steps:
+    - name: Cache Argos desktop
+      id: cache-argos-desktop
+      uses: actions/cache@v4
+      env:
+        cache-name: cache-argos-desktop
+      with:
+        path: |
+          ${{ github.workspace }}/screenshots/reactDesktop
+        key: ${{ runner.os }}-${{ env.cache-name }}-${{ github.run_id }}

.github/actions/build_argos_kss_cache/action.yml

@@ -0,0 +1,14 @@
+name: "Cache Argos kss"
+
+runs:
+  using: "composite"
+  steps:
+    - name: Cache Argos kss
+      id: cache-argos-kss
+      uses: actions/cache@v4
+      env:
+        cache-name: cache-argos-kss
+      with:
+        path: |
+          ${{ github.workspace }}/screenshots/kss
+        key: ${{ runner.os }}-${{ env.cache-name }}-${{ github.run_id }}

.github/actions/build_argos_mobile_cache/action.yml

@@ -0,0 +1,14 @@
+name: "Cache Argos mobile"
+
+runs:
+  using: "composite"
+  steps:
+    - name: Cache Argos mobile
+      id: cache-argos-mobile
+      uses: actions/cache@v4
+      env:
+        cache-name: cache-argos-mobile
+      with:
+        path: |
+          ${{ github.workspace }}/screenshots/reactMobile
+        key: ${{ runner.os }}-${{ env.cache-name }}-${{ github.run_id }}

.github/actions/build_cache/action.yml

@@ -0,0 +1,18 @@
+name: "Cache builds"
+
+runs:
+  using: "composite"
+  steps:
+    - name: Cache builds
+      id: cache-builds
+      uses: actions/cache@v4
+      env:
+        cache-name: cache-builds
+      with:
+        path: |
+          ${{ github.workspace }}/react/Icon/icons-sprites.js
+          ${{ github.workspace }}/react/palette.js
+          ${{ github.workspace }}/transpiled
+          ${{ github.workspace }}/dist
+          ${{ github.workspace }}/build
+        key: ${{ runner.os }}-${{ env.cache-name }}-${{ github.run_id }}

.github/actions/build_cache_read/action.yml

@@ -0,0 +1,18 @@
+name: "Read builds cache"
+
+runs:
+  using: "composite"
+  steps:
+    - name: Read builds cache
+      id: cache-builds-read
+      uses: actions/cache/restore@v4
+      env:
+        cache-name: cache-builds
+      with:
+        path: |
+          ${{ github.workspace }}/react/Icon/icons-sprites.js
+          ${{ github.workspace }}/react/palette.js
+          ${{ github.workspace }}/transpiled
+          ${{ github.workspace }}/dist
+          ${{ github.workspace }}/build
+        key: ${{ runner.os }}-${{ env.cache-name }}-${{ github.run_id }}

.github/actions/setup_argos/action.yml

@@ -0,0 +1,20 @@
+name: "Setup Argos"
+
+runs:
+  using: "composite"
+  steps:
+    - uses: ./.github/actions/setup_modules
+    - name: Cache puppeteer
+      id: cache-node-modules-puppeteer
+      uses: actions/cache@v4
+      env:
+        cache-name: cache-node-modules-puppeteer
+      with:
+        path: |
+          ${{ github.workspace }}/node_modules
+        key: ${{ runner.os }}-${{ env.cache-name }}-${{ hashFiles('yarn.lock') }}
+    - name: Argos - Prepare env
+      if: ${{ steps.cache-node-modules-puppeteer.outputs.cache-hit != 'true' }}
+      shell: bash
+      run: |
+        yarn add puppeteer@"22.15.0" --dev --exact

.github/actions/setup_modules/action.yml

@@ -0,0 +1,21 @@
+name: "Setup modules"
+
+runs:
+  using: "composite"
+  steps:
+    - uses: actions/setup-node@v4
+      with:
+        node-version-file: '.nvmrc'
+    - name: Cache node modules
+      id: cache-node-modules
+      uses: actions/cache@v4
+      env:
+        cache-name: cache-node-modules
+      with:
+        path: |
+          ${{ github.workspace }}/node_modules
+        key: ${{ runner.os }}-${{ env.cache-name }}-${{ hashFiles('yarn.lock') }}
+    - name: Install packages
+      if: ${{ steps.cache-node-modules.outputs.cache-hit != 'true' }}
+      shell: bash
+      run: yarn install --frozen-lockfile

.github/auto-merge.yml

@@ -0,0 +1,8 @@
+minApprovals:
+  MEMBER: 1
+requiredLabels:
+  - merge
+reportStatus: true
+blockingChecks:
+  status: 'pending'
+mergeMethod: rebase

.github/dependabot.yml

@@ -0,0 +1,12 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    commit-message:
+      # Prefix all commit messages with "fix"
+      prefix: "fix"
+    schedule:
+      interval: "weekly"
+      day: "saturday"
+    labels:
+      - ":package: dependencies"

.github/workflows/deploy.yml

@@ -0,0 +1,116 @@
+name: Build and Deploy Cozy-ui
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+env:
+  ARGOS_TOKEN: ${{ secrets.ARGOS_TOKEN }}
+  GH_TOKEN: ${{ secrets.GH_TOKEN }}
+  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+jobs:
+  install:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup_modules
+  prepareArgos:
+    needs: [install]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup_argos
+  build:
+    needs: [install]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+      - uses: ./.github/actions/setup_modules
+      - uses: ./.github/actions/build_cache
+      - name: Lint
+        run: yarn lint
+      - name: Generate Sprite and Palette
+        run: yarn makeSpriteAndPalette
+      - name: Build JS
+        run: yarn build
+      - name: Build CSS
+        run: yarn build:css:all
+      - name: Build docs
+        run: |
+          yarn build:doc:react
+          yarn build:doc:kss
+  test:
+    needs: [build]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup_modules
+      - uses: ./.github/actions/build_cache_read
+      - name: BundleMon
+        uses: lironer/bundlemon-action@v1
+      - name: Tests
+        run: yarn test
+  argosDesktop:
+    needs: [prepareArgos, build]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup_argos
+      - uses: ./.github/actions/build_cache_read
+      - uses: ./.github/actions/build_argos_desktop_cache
+      - name: Argos - Create desktop screenshots
+        run: |
+          mkdir -p ./screenshots
+          yarn screenshots --mode react --viewport desktop --screenshot-dir ./screenshots/reactDesktop
+  argosMobile:
+    needs: [prepareArgos, build]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup_argos
+      - uses: ./.github/actions/build_cache_read
+      - uses: ./.github/actions/build_argos_mobile_cache
+      - name: Argos - Create mobile screenshots
+        run: |
+          mkdir -p ./screenshots
+          yarn screenshots --mode react --viewport 300x600 --screenshot-dir ./screenshots/reactMobile
+  argosKss:
+    needs: [prepareArgos, build]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup_argos
+      - uses: ./.github/actions/build_cache_read
+      - uses: ./.github/actions/build_argos_kss_cache
+      - name: Argos - Create kss screenshots
+        run: |
+          mkdir -p ./screenshots
+          yarn screenshots --mode kss --screenshot-dir ./screenshots/kss
+  argosUpload:
+    needs: [argosDesktop, argosMobile, argosKss]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup_argos
+      - uses: ./.github/actions/build_argos_desktop_cache
+      - uses: ./.github/actions/build_argos_mobile_cache
+      - uses: ./.github/actions/build_argos_kss_cache
+      - name: Argos - Upload all screenshots
+        run: |
+          UUID=$(uuidgen)
+          yarn argos:upload --parallel screenshots/reactDesktop/ --token $ARGOS_TOKEN  --parallel-total 3 --parallel-nonce $GITHUB_RUN_ID-${UUID} --ignore ''
+          yarn argos:upload --parallel screenshots/reactMobile/ --token $ARGOS_TOKEN  --parallel-total 3 --parallel-nonce $GITHUB_RUN_ID-${UUID} --ignore ''
+          yarn argos:upload --parallel screenshots/kss/ --token $ARGOS_TOKEN  --parallel-total 3 --parallel-nonce $GITHUB_RUN_ID-${UUID} --ignore ''
+  deploy:
+    needs: [argosUpload, test]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+      - uses: ./.github/actions/setup_modules
+      - uses: ./.github/actions/build_cache_read
+      - name: Deploy
+        if: ${{ github.ref_name == 'master' }}
+        run: yarn deploy:doc --username cozycloud --email contact@cozycloud.cc --repo https://cozy-bot:$GH_TOKEN@github.com/cozy/cozy-ui.git && yarn semantic-release

.gitignore

@@ -22,5 +22,7 @@ desktop.ini
 .cache
 transpiled
 
+# Generated files
 react/Icon/icons-sprite.js
 react/palette.js
+/screenshots

.npmignore

@@ -8,11 +8,18 @@ build
 .travis.yml
 renovate.json
 yarn.lock
-/scripts
+
 .changelog
 examples
 docs
 coverage
-codemods
 loaders
 .github/
+
+# Do not ship postcss.config.js in the npm package otherwise
+# parcel will try to use it if it is present.
+# Since parcel users will use the transpiled version of cozy-ui
+# that has already been processed by postcss, it is not necessary.
+postcss.config.js
+
+screenshots/

.nvmrc

@@ -0,0 +1 @@
+20

.remarkignore

@@ -0,0 +1 @@
+CHANGELOG.md

.remarkrc

@@ -0,0 +1,11 @@
+{
+  "settings": {
+    "bullet": "*",
+    "fences": true,
+    "listItemIndent": "1"
+  },
+  "plugins": [
+    "remark-preset-lint-recommended",
+    ["lint-list-item-indent", "space"] 
+  ]
+}