chore(deps)!: Get all development dependencies up to date

.github/workflows/cd.yml

@@ -17,19 +17,19 @@ jobs:
     outputs:
       branch-name: ${{ steps.set-branch-name.outputs.branch-name }}
     steps:
-      - uses: actions/setup-node@v2
+      - uses: actions/setup-node@v4
         with:
-          node-version: "14.21.3"
-      - uses: actions/checkout@v2
+          node-version: "20.10.0"
+      - uses: actions/checkout@v3
       - name: Turbo Cache
         id: turbo-cache
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         with:
           path: .turbo
-          key: turbo-${{ runner.os }}-${{ github.job }}
+          key: turbo-${{ runner.os }}-${{ github.sha }}
           restore-keys: |
             turbo-${{ runner.os }}-
-      - uses: actions/cache@v2
+      - uses: actions/cache@v3
         id: yarn-cache
         with:
           path: |
@@ -68,15 +68,15 @@ jobs:
     needs:
       - build-and-test
     steps:
-      - uses: actions/setup-node@v2
+      - uses: actions/setup-node@v4
         with:
-          node-version: "14.21.3"
+          node-version: "20.10.0"
           registry-url: "https://registry.npmjs.org"
           scope: "@rocket.chat"
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           fetch-depth: 0
-      - uses: actions/cache@v2
+      - uses: actions/cache@v3
         id: yarn-cache
         with:
           path: |
@@ -119,7 +119,7 @@ jobs:
       name: github-pages
       url: "https://rocketchat.github.io/Rocket.Chat.Fuselage/fuselage/${{ needs.build-and-test.outputs.branch-name }}"
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           ref: gh-pages
       - uses: actions/download-artifact@v2

.github/workflows/ci-pr-closed.yml

@@ -10,7 +10,7 @@ jobs:
     name: "Delete Storybook for PR #${{ github.event.number }}"
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           ref: gh-pages
       - run: rm -rf "fuselage/${{ github.event.number }}" "layout/${{ github.event.number }}" "onboarding-ui/${{ github.event.number }}"

.github/workflows/ci-pr-opened.yml

@@ -53,7 +53,7 @@ jobs:
       name: github-pages
       url: "https://rocketchat.github.io/fuselage/fuselage/${{ needs.download-artifact.outputs.pr-number }}"
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           ref: gh-pages
       - uses: actions/download-artifact@v2

.github/workflows/ci-pr.yml

@@ -15,11 +15,11 @@ jobs:
       TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/setup-node@v2
+      - uses: actions/setup-node@v4
         with:
-          node-version: "14.21.3"
-      - uses: actions/checkout@v2
-      - uses: actions/cache@v2
+          node-version: "20.10.0"
+      - uses: actions/checkout@v3
+      - uses: actions/cache@v3
         id: yarn-cache
         with:
           path: |
@@ -28,10 +28,10 @@ jobs:
           key: ${{ runner.os }}-modules-${{ hashFiles('yarn.lock') }}
       - name: Turbo Cache
         id: turbo-cache
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         with:
           path: .turbo
-          key: turbo-${{ runner.os }}-${{ github.job }}
+          key: turbo-${{ runner.os }}-${{ github.sha }}
           restore-keys: |
             turbo-${{ runner.os }}-
       - run: yarn install

.gitignore

@@ -5,7 +5,6 @@
 !/.yarn/sdks
 !/.yarn/versions
 /.pnp.*
-/lerna-debug.log
 /static
 node_modules/
 storybook-static/
@@ -18,3 +17,4 @@ storybook-static/
 **/.storybook/jest-results.json
 **/bundle-report.html
 .env
+migration-storybook.log

.lintstagedrc.json

@@ -1,5 +1,5 @@
 {
-  "*.{js,mjs,ts,tsx,mdx}": "eslint --fix",
+  "*.{js,mjs,ts,tsx,mdx},!_templates/*": "eslint --fix",
   "*.{css,scss}": "stylelint --fix",
   "*.{json,jsonc,md,yml,xml,svg}": "prettier --write"
 }

.yarnrc.yml

@@ -1,15 +1,9 @@
+compressionLevel: mixed
+
 defaultSemverRangePrefix: ~
 
+enableGlobalCache: false
+
 nodeLinker: node-modules
 
-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"
-  - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
-    spec: "@yarnpkg/plugin-version"
-  - path: .yarn/plugins/@yarnpkg/plugin-typescript.cjs
-    spec: "@yarnpkg/plugin-typescript"
-
-yarnPath: .yarn/releases/yarn-3.5.0.cjs
+yarnPath: .yarn/releases/yarn-4.0.2.cjs

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Rocket.Chat
+Copyright (c) 2024 Rocket.Chat
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

_templates/create-package/library/files/package.json.t

@@ -66,5 +66,8 @@ to: packages/<%=package%>/package.json
     "testMatch": [
       "<rootDir>/src/**/*.spec.[jt]s?(x)"
     ]
+  },
+  "volta": {
+    "extends": "../../package.json"
   }
 }

_templates/create-package/library/prompt.js

@@ -14,12 +14,10 @@ module.exports = {
       message: "What's the package description?",
     });
 
-    let { version } = JSON.parse(await fs.promises.readFile("lerna.json"));
-
     ({ version } = await prompter.prompt({
       type: "input",
       name: "version",
-      default: version,
+      default: "0.0.1",
       message: "What's the package version?",
     }));
 

package.json

@@ -6,44 +6,42 @@
     "tools/*"
   ],
   "devDependencies": {
-    "@changesets/changelog-github": "~0.4.8",
-    "@changesets/cli": "~2.26.2",
-    "bump": "workspace:~",
-    "husky": "~7.0.4",
-    "hygen": "~6.1.5",
-    "lerna": "~4.0.0",
-    "lint-staged": "~13.2.1",
-    "turbo": "~1.1.10",
+    "@changesets/changelog-github": "~0.5.0",
+    "@changesets/cli": "~2.27.1",
+    "husky": "~8.0.3",
+    "hygen": "~6.2.11",
+    "lint-staged": "~15.2.0",
+    "turbo": "~1.11.3",
     "update-readme": "workspace:~",
-    "webpack": "~5.78.0"
+    "webpack": "~5.89.0"
   },
   "scripts": {
     "postinstall": "husky install",
     "ci": "yarn turbo run build lint test build-storybook --cache-dir=\".turbo\"",
-    "clean": "yarn workspaces foreach -v --topological-dev run clean",
+    "clean": "yarn workspaces foreach -Av --topological-dev run clean",
     "build": "yarn turbo run build",
     "lint": "yarn turbo run lint",
-    "lint-and-fix": "yarn workspaces foreach -v --topological-dev run lint-and-fix",
+    "lint-and-fix": "yarn workspaces foreach -Av --topological-dev run lint-and-fix",
     "test": "yarn turbo run test",
-    "docs": "yarn workspaces foreach -v --topological-dev run docs",
+    "docs": "yarn workspaces foreach -Av --topological-dev run docs",
     "build-storybook": "yarn turbo run build-storybook --cache-dir=\".turbo\"",
     "update-readme": "update-readme",
     "resolve-workspace-deps": "yarn workspace scripts run resolve-workspace-deps",
     "create-package": "hygen create-package",
-    "bump-next": "yarn workspaces foreach --no-private -v run bump-next",
     "release": "yarn changeset publish",
-    "changeset": "changeset",
-    "release-next": "yarn workspaces foreach --no-private -v npm publish --tag next --tolerate-republish"
+    "changeset": "changeset"
   },
   "devEngines": {
-    "node": "~14.21.3"
+    "node": "~20.10.0"
   },
   "volta": {
-    "node": "14.21.3",
-    "yarn": "1.22.19"
+    "node": "20.10.0",
+    "yarn": "4.0.2"
   },
-  "packageManager": "yarn@3.5.0",
+  "packageManager": "yarn@4.0.2",
   "resolutions": {
-    "@storybook/react-docgen-typescript-plugin@1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0": "patch:@storybook/react-docgen-typescript-plugin@npm%3A1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0#./.yarn/patches/@storybook-react-docgen-typescript-plugin-npm-1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0-b31cc57c40.patch"
+    "@storybook/react-docgen-typescript-plugin@1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0": "patch:@storybook/react-docgen-typescript-plugin@npm%3A1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0#./.yarn/patches/@storybook-react-docgen-typescript-plugin-npm-1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0-b31cc57c40.patch",
+    "@types/react": "~17.0.74",
+    "@types/react-dom": "~17.0.25"
   }
 }

packages/css-in-js/package.json

@@ -38,35 +38,35 @@
     "lint-and-fix": "lint-and-fix",
     "lint-staged": "lint-staged",
     "test": "jest --runInBand",
-    "docs": "typedoc",
-    "bump-next": "bump-next"
+    "docs": "typedoc"
   },
   "devDependencies": {
     "@rocket.chat/eslint-config-alt": "workspace:~",
     "@rocket.chat/prettier-config": "workspace:~",
-    "@rollup/plugin-commonjs": "~21.0.3",
-    "@rollup/plugin-json": "~4.1.0",
-    "@rollup/plugin-node-resolve": "~13.1.3",
-    "@rollup/plugin-typescript": "~8.3.4",
-    "@types/jest": "~29.5.0",
-    "@types/stylis": "^4.0.2",
-    "bump": "workspace:~",
-    "eslint": "~8.38.0",
-    "jest": "~29.5.0",
+    "@rollup/plugin-commonjs": "~25.0.7",
+    "@rollup/plugin-json": "~6.1.0",
+    "@rollup/plugin-node-resolve": "~15.2.3",
+    "@rollup/plugin-typescript": "~11.1.5",
+    "@types/jest": "~29.5.11",
+    "@types/stylis": "~4.2.5",
+    "eslint": "~8.56.0",
+    "jest": "~29.7.0",
     "lint-all": "workspace:~",
-    "lint-staged": "~13.2.1",
-    "prettier": "~2.8.7",
-    "rollup": "~2.67.3",
+    "lint-staged": "~15.2.0",
+    "prettier": "~3.1.1",
+    "rollup": "~4.9.4",
     "rollup-plugin-terser": "~7.0.2",
-    "ts-jest": "~29.1.0",
-    "typedoc": "~0.24.1",
-    "typescript": "~5.0.4"
+    "ts-jest": "~29.1.1",
+    "typedoc": "~0.25.7",
+    "typescript": "~5.3.3"
   },
   "dependencies": {
-    "@emotion/hash": "^0.9.0",
     "@rocket.chat/css-supports": "workspace:~",
     "@rocket.chat/memo": "workspace:~",
     "@rocket.chat/stylis-logical-props-middleware": "workspace:~",
-    "stylis": "~4.1.3"
+    "stylis": "~4.3.1"
+  },
+  "volta": {
+    "extends": "../../package.json"
   }
 }

packages/css-in-js/rollup.config.js → packages/css-in-js/rollup.config.mjs

@@ -1,15 +1,14 @@
-import path from 'path';
+import { basename, dirname } from 'node:path';
 
 import commonjs from '@rollup/plugin-commonjs';
 import json from '@rollup/plugin-json';
 import nodeResolve from '@rollup/plugin-node-resolve';
 import typescript from '@rollup/plugin-typescript';
 import { terser } from 'rollup-plugin-terser';
 
-import pkg from './package.json';
+import pkg from './package.json' with { type: 'json' };
 
 const globals = {
-  '@emotion/hash': 'hash',
   '@rocket.chat/memo': 'memo',
   '@rocket.chat/css-supports': 'cssSupports',
   '@rocket.chat/stylis-logical-props-middleware':
@@ -39,20 +38,20 @@ export default [
     input: 'src/index.ts',
     output: [
       {
-        dir: path.dirname(pkg.main),
-        entryFileNames: path.basename(pkg.main),
+        dir: dirname(pkg.main),
+        entryFileNames: basename(pkg.main),
         format: 'cjs',
         sourcemap: true,
       },
       {
-        dir: path.dirname(pkg.module),
-        entryFileNames: path.basename(pkg.module),
+        dir: dirname(pkg.module),
+        entryFileNames: basename(pkg.module),
         format: 'es',
         sourcemap: true,
       },
       {
-        dir: path.dirname(pkg.unpkg),
-        entryFileNames: path.basename(pkg.unpkg),
+        dir: dirname(pkg.unpkg),
+        entryFileNames: basename(pkg.unpkg),
         format: 'umd',
         name: 'cssInJs',
         sourcemap: true,

packages/css-in-js/src/hash.spec.ts

@@ -0,0 +1,5 @@
+import { hash } from './hash';
+
+it('works', () => {
+  expect(hash('some-string')).toBe('hov4xa');
+});

packages/css-in-js/src/hash.ts

@@ -0,0 +1,38 @@
+/* eslint-disable no-fallthrough */
+// MurmurHash3 32-bit finalizer
+
+export function hash(str: string) {
+  let h = 0;
+  let k;
+  let i = 0;
+  let len = str.length;
+  for (; len >= 4; ++i, len -= 4) {
+    k =
+      (str.charCodeAt(i) & 0xff) |
+      ((str.charCodeAt(++i) & 0xff) << 8) |
+      ((str.charCodeAt(++i) & 0xff) << 16) |
+      ((str.charCodeAt(++i) & 0xff) << 24);
+
+    k = (k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0xe995) << 16);
+    k ^= /* k >>> r: */ k >>> 24;
+
+    h =
+      ((k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0xe995) << 16)) ^
+      ((h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0xe995) << 16));
+  }
+
+  switch (len) {
+    case 3:
+      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
+    case 2:
+      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
+    case 1:
+      h ^= str.charCodeAt(i) & 0xff;
+      h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0xe995) << 16);
+  }
+
+  h ^= h >>> 13;
+  h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0xe995) << 16);
+
+  return ((h ^ (h >>> 15)) >>> 0).toString(36);
+}

packages/css-in-js/src/names.ts

@@ -1,4 +1,4 @@
-import hash from '@emotion/hash';
+import { hash } from './hash';
 
 export const createAnimationName = (content: string): string =>
   content ? `rcx-css-${hash(content)}` : 'none';