Merge pull request #356 from GetStream/update-stream-chat-css

Update stream chat css

Author: szuperaz

.github/workflows/workflow.yml

@@ -45,35 +45,19 @@ jobs:
       - name: Unit tests
         run: |
           npm run test:ci
-      # Turned off until we have a (pre)release for theming-v2
-      # - name: E2e tests
-      #   env:
-      #     STREAM_API_KEY: ${{ secrets.API_KEY }}
-      #     STREAM_USER_ID: ${{ secrets.USER_ID }}
-      #     STREAM_USER_TOKEN: ${{ secrets.USER_TOKEN }}
-      #   run: |
-      #     npm run e2e:ci
+      - name: E2e tests
+        env:
+          STREAM_API_KEY: ${{ secrets.API_KEY }}
+          STREAM_USER_ID: ${{ secrets.USER_ID }}
+          STREAM_USER_TOKEN: ${{ secrets.USER_TOKEN }}
+        run: |
+          npm run e2e:ci
       - name: Release
         env:
           GH_TOKEN: ${{ secrets.GH_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
         run: npx semantic-release
-      - name: Get stream-chat-css version
-        id: stream-chat-css-version
-        uses: notiz-dev/github-action-json-property@release
-        with:
-          path: "package.json"
-          prop_path: "dependencies.@stream-io/stream-chat-css"
-      - name: Pull stream-chat-css
-        uses: actions/checkout@v3
-        with:
-          fetch-depth: "0"
-          repository: GetStream/stream-chat-css
-          path: stream-chat-css
-          ref: theming2
       - name: Copy docs from stream-chat-css
-        env:
-          DOCS_SOURCE: stream-chat-css/docs
         run: npm run copy-css-docs
       - name: Generate docs
         run: |

docusaurus/docs/Angular/basics/upgrade-v3.mdx

@@ -11,6 +11,8 @@ Version 4 of stream-chat-angular brings a new and improved theming system. To us
 
 The old theme can still be used with the latest SDK versions however, you might need to update your custom CSS as some changes were introduced to theme-v1.
 
+Updating from theme-v1 to theme-v2 will require to rewrite your custom CSS code as the new theme has a new variable system, and all the components were restructured.
+
 Theme-v1 is now deprecated and will be removed in a future release.
 
 ## Theard layout

package-lock.json

@@ -26,16 +26,16 @@
     "e2e:ci": "ng run sample-app:cypress-run --configuration production",
     "config:dev": "ANGULAR_ENV=development ts-node set-env.ts",
     "config:prod": "ANGULAR_ENV=production ts-node set-env.ts",
-    "start-docs": "DOCS_SOURCE=node_modules/@stream-io/stream-chat-css/docs npm run generate-docs && npx stream-chat-docusaurus -s",
+    "start-docs": "npm run generate-docs && npx stream-chat-docusaurus -s",
     "build:sample-app": "ng build --stats-json --project sample-app",
     "preanalyze:sample-app": "npm run build:sample-app",
     "analyze:sample-app": "webpack-bundle-analyzer dist/sample-app/stats.json",
-    "generate-docs": "npm run typedoc:services && npm run typedoc:components && npm run copy-docs && npm run copy-css-docs $DOCS_SOURCE",
+    "generate-docs": "npm run typedoc:services && npm run typedoc:components && npm run copy-docs && npm run copy-css-docs",
     "typedoc:services": "typedoc --cleanOutputDir true --excludeConstructors true --hideBreadcrumbs true --hideInPageTOC true --excludePrivate true --out temp-service-docs --exclude '!**/*service.ts' --excludeNotDocumented --tsconfig projects/stream-chat-angular/tsconfig.lib.json projects/stream-chat-angular/src/public-api.ts",
     "typedoc:components": "typedoc --cleanOutputDir true --excludeConstructors true --sort source-order --hideBreadcrumbs true --hideInPageTOC true --excludePrivate true --excludeNotDocumented --out temp-component-docs --exclude '!**/*component.ts' --tsconfig projects/stream-chat-angular/tsconfig.lib.json projects/stream-chat-angular/src/public-api.ts",
     "copy-docs": "ts-node copy-generated-service-docs.ts & (ts-node remove-generated-component-docs-content && ts-node copy-generated-component-docs.ts)",
     "copy-css": "rm -rf projects/stream-chat-angular/src/assets/styles && copyfiles --up 4 \"node_modules/@stream-io/stream-chat-css/dist/**/*\" projects/stream-chat-angular/src/assets/styles",
-    "copy-css-docs": "./copy-css-docs.sh $DOCS_SOURCE"
+    "copy-css-docs": "./copy-css-docs.sh node_modules/@stream-io/stream-chat-css/docs"
   },
   "lint-staged": {
     "**/*": [
@@ -117,7 +117,7 @@
     "@ngx-translate/core": "^13.0.0",
     "@ngx-translate/http-loader": "^6.0.0",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "2.9.0",
+    "@stream-io/stream-chat-css": "3.0.0-theming2.1",
     "@stream-io/transliterate": "^1.5.2",
     "angular-mentions": "^1.4.0",
     "dayjs": "^1.10.7",

package.json

@@ -51,7 +51,6 @@ export class AppComponent implements AfterViewInit {
       .subscribe((isThreadOpen) => (this.isThreadOpen = isThreadOpen));
     this.themeVersion = themeService.themeVersion;
     this.theme$ = themeService.theme$;
-    themeService.theme$.next('dark');
   }
 
   ngAfterViewInit(): void {