Merge branch 'package-ci' into 'master'

hook up package publish via github ci for client and types

See merge request kchat/webapp!533

.github/workflows/ci.yml

@@ -0,0 +1,31 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  build_packages:
+    name: Build Packages and Publish to GitHub NPM Registry
+    runs-on: ubuntu-22.04
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: '16'
+        registry-url: 'https://npm.pkg.github.com'
+        scope: '@infomaniak'
+    - run: yarn
+    - run: yarn workspace @infomaniak/mattermost-client build
+    - run: yarn workspace @infomaniak/mattermost-types build
+    - run: yarn config set npmPublishRegistry https://npm.pkg.github.com
+    - run: yarn config set 'npmRegistries["//npm.pkg.github.com"].npmAuthToken' "$NPM_TOKEN"
+    - run: yarn config set 'npmRegistries["//npm.pkg.github.com"].npmAlwaysAuth' true
+    - run: yarn config set npmScopes.infomaniak.npmPublishRegistry https://npm.pkg.github.com
+    - run: yarn workspace @infomaniak/mattermost-client npm publish
+    - run: yarn workspace @infomaniak/mattermost-types npm publish
+      shell: bash
+    env:
+      NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitlab-ci.yml

@@ -83,8 +83,8 @@ build_front:
     - export ENVIRONMENT=${DEPLOY_VARIABLE}
   script:
     - yarn
-    - yarn workspace @mattermost/types build
-    - yarn workspace @mattermost/client build
+    - yarn workspace @infomaniak/mattermost-types build
+    - yarn workspace @infomaniak/mattermost-client build
     - yarn workspace @mattermost/components build
     - yarn build:webapp
   cache:
@@ -100,6 +100,37 @@ build_front:
     expire_in: 1 days
     when: always
 
+publish_packages:
+  stage: build
+  image: node:16.10.0
+  tags:
+    - kubernetes
+  rules:
+    - if: $DEPLOY_VARIABLE == "prodsec"
+      when: on_success
+    - when: never
+  environment:
+    name: "$DEPLOY_VARIABLE"
+  script:
+    - yarn
+    - yarn workspace @infomaniak/mattermost-types build
+    - yarn workspace @infomaniak/mattermost-client build
+    - yarn config set npmPublishRegistry https://verdaccio.dev.infomaniak.ch
+    - yarn config set 'npmRegistries["//verdaccio.dev.infomaniak.ch"].npmAuthToken' "$VERDACCIO_TOKEN"
+    - yarn config set 'npmRegistries["//verdaccio.dev.infomaniak.ch"].npmAlwaysAuth' true
+    - yarn config set npmScopes.infomaniak.npmRegistryServer https://verdaccio.dev.infomaniak.ch
+    - yarn config set npmScopes.infomaniak.npmPublishRegistry https://verdaccio.dev.infomaniak.ch
+    - yarn config set npmScopes.infomaniak.npmAuthToken "$VERDACCIO_TOKEN"
+    - yarn workspace @infomaniak/mattermost-types npm publish
+    - yarn workspace @infomaniak/mattermost-client npm publish
+  cache:
+    key:
+      files:
+        - yarn.lock
+    paths:
+      - .yarn/cache/
+      - .yarn/install-state.gz
+
 publish_front:
   stage: release
   tags:

.yarnrc.yml

@@ -1,14 +1,15 @@
 nodeLinker: node-modules
 
+npmScopes:
+  infomaniak:
+    npmAlwaysAuth: true
+    npmAuthToken: "${NPM_TOKEN}"
+    npmRegistryServer: "https://npm.pkg.github.com"
+
 plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
     spec: "@yarnpkg/plugin-workspace-tools"
   - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
     spec: "@yarnpkg/plugin-interactive-tools"
 
 yarnPath: .yarn/releases/yarn-3.2.2.cjs
-
-npmScopes:
-  "infomaniak":
-    npmAlwaysAuth: true
-    npmRegistryServer: "https://verdaccio.dev.infomaniak.ch"

README.md

@@ -28,8 +28,8 @@ We are using yarn berry with workspace tools for monorepo support building and b
 
 ```shell
 yarn
-yarn workspace @mattermost/types build
-yarn workspace @mattermost/client build
+yarn workspace @infomaniak/mattermost-types build
+yarn workspace @infomaniak/mattermost-client build
 yarn workspace @mattermost/components build
 ```
 

package.json

@@ -15,12 +15,12 @@
     "@giphy/js-fetch-api": "5.1.0",
     "@giphy/react-components": "8.1.0",
     "@guyplusplus/turndown-plugin-gfm": "1.0.7",
-    "@infomaniak/compass-components": "0.11.0",
+    "@infomaniak/compass-components": "0.12.0",
     "@infomaniak/compass-icons": "0.10.0",
     "@infomaniak/marked": "^0.2.0",
-    "@mattermost/client": "workspace:packages/client",
+    "@infomaniak/mattermost-client": "workspace:packages/client",
+    "@infomaniak/mattermost-types": "workspace:packages/types",
     "@mattermost/components": "workspace:packages/components",
-    "@mattermost/types": "workspace:packages/types",
     "@mui/base": "5.0.0-alpha.116",
     "@mui/material": "5.11.7",
     "@mui/styled-engine-sc": "5.11.0",

packages/client/package.json

@@ -1,27 +1,26 @@
 {
-  "name": "@mattermost/client",
-  "version": "7.9.0",
+  "name": "@infomaniak/mattermost-client",
+  "version": "7.9.0-nightly.1",
   "description": "JavaScript/TypeScript client for Mattermost",
   "keywords": [
     "mattermost"
   ],
-  "homepage": "https://github.com/mattermost/mattermost-webapp/tree/master/packages/client#readme",
+  "homepage": "https://github.com/Infomaniak/kchat-webapp/tree/master/packages/client#readme",
   "license": "MIT",
   "files": [
     "lib"
   ],
   "main": "./lib/index.js",
   "repository": {
     "type": "git",
-    "url": "github:mattermost/mattermost-webapp",
+    "url": "github:infomaniak/kchat-webapp",
     "directory": "packages/client"
   },
   "dependencies": {
     "form-data": "4.0.0"
   },
   "devDependencies": {
     "jest": "*",
-    "nock": "*",
     "typescript": "^4.3"
   },
   "scripts": {

packages/client/tsconfig.json

@@ -2,7 +2,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "moduleResolution": "node",
-        "target": "es6",
+        "target": "es2022",
         "declaration": true,
         "strict": true,
         "resolveJsonModule": true,
@@ -12,14 +12,13 @@
         "jsx": "react",
         "outDir": "./lib",
         "rootDir": "./src",
-        "baseUrl": ".",
-        "typeRoots": ["../node_modules/@types"],
         "types": ["@types/react"],
         "paths": {
             "@mattermost/types/*": ["../types/lib/*"]
-        }
+        },
+        "composite": true
     },
-    "exclude": ["**/node_modules", "**/*.test.js", "**/*.test.ts"],
+    "exclude": ["**/node_modules", "**/*.test.*"],
     "include": ["src/**/*.ts"],
     "references": [
         {"path": "../types"}

packages/components/package.json

@@ -1,5 +1,6 @@
 {
   "name": "@mattermost/components",
+  "private": true,
   "module": "dist/index.esm.js",
   "types": "dist/index.esm.d.ts",
   "styles": "dist/index.esm.css",

packages/types/package.json

@@ -1,11 +1,11 @@
 {
-  "name": "@mattermost/types",
-  "version": "7.9.0",
+  "name": "@infomaniak/mattermost-types",
+  "version": "7.9.0-nightly.1",
   "description": "Shared type definitions used by the Mattermost web app",
   "keywords": [
     "mattermost"
   ],
-  "homepage": "https://github.com/mattermost/mattermost-webapp/tree/master/packages/types#readme",
+  "homepage": "https://github.com/Infomaniak/kchat-webapp/tree/master/packages/types#readme",
   "license": "MIT",
   "files": [
     "lib"
@@ -16,7 +16,7 @@
   "types": "./lib/*.d.ts",
   "repository": {
     "type": "git",
-    "url": "github:mattermost/mattermost-webapp",
+    "url": "github:infomaniak/kchat-webapp",
     "directory": "packages/types"
   },
   "devDependencies": {

webpack.config.js

@@ -274,6 +274,8 @@ var config = {
             'mattermost-redux': 'packages/mattermost-redux/src',
             reselect: 'packages/reselect/src',
             marked: '@infomaniak/marked',
+            '@mattermost/client': '@infomaniak/mattermost-client',
+            '@mattermost/types': '@infomaniak/mattermost-types',
             '@mui/styled-engine': '@mui/styled-engine-sc',
 
             // This alias restricts single version of styled components acros all packages