Copy over emotion's hash code, faux ESM makes it tricky to use as dep

Author: johno

.changeset/mighty-berries-smash.md

@@ -0,0 +1,5 @@
+---
+'@compai/css-gui': patch
+---
+
+Copy over emotion's hash code, faux ESM makes it tricky to use as dep

packages/gui/package.json

@@ -41,7 +41,6 @@
     "typescript": "^4.6.4"
   },
   "dependencies": {
-    "@emotion/hash": "^0.9.0",
     "@emotion/react": "^11.9.0",
     "@mdx-js/react": "^1.6.22",
     "@radix-ui/react-accordion": "^0.1.6",

packages/gui/src/lib/hash.ts

@@ -0,0 +1,65 @@
+/* eslint-disable */
+// Copied from https://github.com/emotion-js/emotion/blob/6eef2e3ede044d64530d94f08fe0e92f6267dc6c/packages/hash/src/index.js
+// License https://github.com/emotion-js/emotion/blob/6eef2e3ede044d64530d94f08fe0e92f6267dc6c/packages/hash/LICENSE
+// Inspired by https://github.com/garycourt/murmurhash-js
+// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
+
+export default function murmur2(str: string): string {
+  // 'm' and 'r' are mixing constants generated offline.
+  // They're not really 'magic', they just happen to work well.
+
+  // const m = 0x5bd1e995;
+  // const r = 24;
+
+  // Initialize the hash
+
+  var h = 0
+
+  // Mix 4 bytes at a time into the hash
+
+  var k,
+    i = 0,
+    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 =
+      /* Math.imul(k, m): */
+      (k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0xe995) << 16)
+    k ^= /* k >>> r: */ k >>> 24
+
+    h =
+      /* Math.imul(k, m): */
+      ((k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0xe995) << 16)) ^
+      /* Math.imul(h, m): */
+      ((h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0xe995) << 16))
+  }
+
+  // Handle the last few bytes of the input array
+
+  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 =
+        /* Math.imul(h, m): */
+        (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0xe995) << 16)
+  }
+
+  // Do a few final mixes of the hash to ensure the last few
+  // bytes are well-incorporated.
+
+  h ^= h >>> 13
+  h =
+    /* Math.imul(h, m): */
+    (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0xe995) << 16)
+
+  return ((h ^ (h >>> 15)) >>> 0).toString(36)
+}

packages/gui/src/lib/transformers/inline-styles-to-style-element.ts

@@ -1,7 +1,7 @@
 import { cloneDeep } from 'lodash-es'
 import { unified } from 'unified'
 import { visit } from 'unist-util-visit'
-import hash from '@emotion/hash'
+import hash from '../hash'
 import { stringifyCSSObject } from '../codegen/stringify-css-object'
 import { toCSSObject } from '../codegen/to-css-object'
 import { addCSSClassSyntax } from '../classes'
@@ -17,7 +17,7 @@ export const inlineStylesToStyleElement = (node: any) => {
 
         const style = node.properties.style
         // @ts-ignore
-        const selector = 'css-' + hash.default(JSON.stringify(style))
+        const selector = 'css-' + hash(JSON.stringify(style))
 
         if (!node.properties.class) {
           node.properties.class = selector

yarn.lock

@@ -565,11 +565,6 @@
   resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
   integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
 
-"@emotion/hash@^0.9.0":
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.0.tgz#c5153d50401ee3c027a57a177bc269b16d889cb7"
-  integrity sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ==
-
 "@emotion/is-prop-valid@^0.8.1":
   version "0.8.8"
   resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a"