Create emailregex in components-core instead of using a dedicated pac…

…kage (#895)

.changeset/great-buses-arrive.md

@@ -0,0 +1,5 @@
+---
+"@livekit/components-core": patch
+---
+
+Create emailregex in components-core instead of using a dedicated package

packages/core/package.json

@@ -36,7 +36,6 @@
   "typings": "dist/index.d.ts",
   "dependencies": {
     "@floating-ui/dom": "1.6.5",
-    "email-regex": "5.0.0",
     "loglevel": "1.9.1",
     "rxjs": "7.8.1"
   },

packages/core/src/helper/emailRegex.test.ts

@@ -0,0 +1,65 @@
+import { describe, test } from 'vitest';
+import { createEmailRegExp } from './emailRegex';
+
+const fixtures = [
+  'livekit@gmail.com',
+  'foo@bar',
+  'test@about.museum',
+  'test@nominet.org.uk',
+  'test.test@livekit.io',
+  'test@255.255.255.255',
+  'a@livekit.io',
+  'test@e.com',
+  'test@xn--hxajbheg2az3al.xn--jxalpdlp',
+  'abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghiklm@livekit.io',
+  '!#$%&`*+/=?^`{|}~@livekit.io',
+  'test@g--a.com',
+  'a@abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghikl.abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghikl.abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghikl.abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefg.hij',
+  '123@livekit.io',
+  '"\\a"@livekit.io',
+  '""@livekit.io',
+  '"test"@livekit.io',
+  '"\\""@livekit.io',
+  'abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghiklmn@livekit.io',
+  'test@iana.co-uk',
+  'a@a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z.a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z.a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z.a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z.a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v',
+  'test@foo-bar.com',
+  'foo@x.solutions',
+  'foo@[IPv6:2001:db8::2]',
+];
+
+const fixturesNot = [
+  '@',
+  '@io',
+  '@livekit.io',
+  'test..livekit.io',
+  'test@iana..com',
+  'test@livekit.io.',
+  '.test@livekit.io',
+  'livekit@livekit@livekit.com',
+  'mailto:livekit@gmail.com',
+  'foo.example.com',
+  'test.@example.com',
+];
+
+describe('Email regex tests', () => {
+  test('extract', (t) => {
+    for (const fixture of fixtures) {
+      t.expect((createEmailRegExp().exec(`foo ${fixture} bar`) || [])[0]).toBe(fixture);
+    }
+
+    t.expect(createEmailRegExp().exec('mailto:livekit@gmail.com')?.[0]).toBe('livekit@gmail.com');
+  });
+
+  test('exact', (t) => {
+    for (const fixture of fixtures) {
+      t.expect(createEmailRegExp({ exact: true }).test(fixture)).toBeTruthy();
+    }
+  });
+
+  test('failures', (t) => {
+    for (const fixture of fixturesNot) {
+      t.expect(createEmailRegExp({ exact: true }).test(fixture)).toBeFalsy();
+    }
+  });
+});

packages/core/src/helper/emailRegex.ts

@@ -1,3 +1,8 @@
-import createEmailRegExp from 'email-regex';
+// source code adapted from https://github.com/sindresorhus/email-regex due to ESM import incompatibilities when trying to serve a CJS version of components
 
+const regex = '[^\\.\\s@:](?:[^\\s@:]*[^\\s@:\\.])?@[^\\.\\s@]+(?:\\.[^\\.\\s@]+)*';
+
+function createEmailRegExp({ exact }: { exact?: boolean } = {}) {
+  return exact ? new RegExp(`^${regex}$`) : new RegExp(regex, 'g');
+}
 export { createEmailRegExp };