[next] Add support for embed (#1762)

* Move talk-server/config to talk-common/config

* Refactor build into /src/core/build and use common config

* Add embed webpack config

* Start implementing embed

* Implement embed

* Add pym types

* Add event emitter to Talk Context

* Add MatchMedia test for passing values from the context

* Add support for click far away

* Integrate pym click events to registerClickFarAway

* Add tests

* Resolve merge issues

* Apply PR review

src/core/client/embed/utils/buildURL.spec.ts

@@ -0,0 +1,18 @@
+import buildURL from "./buildURL";
+
+it("should default to window.location", () => {
+  const url = buildURL();
+  expect(url).toBe("http://localhost/");
+});
+
+it("should build from parameters", () => {
+  const url = buildURL({
+    protocol: "https",
+    hostname: "hostname",
+    port: "8080",
+    pathname: "/pathname",
+    search: "search",
+    hash: "#hash",
+  });
+  expect(url).toBe("https//hostname:8080/pathname?search#hash");
+});

src/core/client/embed/utils/buildURL.ts

@@ -0,0 +1,17 @@
+export default function buildURL({
+  protocol = window.location.protocol,
+  hostname = window.location.hostname,
+  port = window.location.port,
+  pathname = window.location.pathname,
+  search = window.location.search,
+  hash = window.location.hash,
+} = {}) {
+  if (search && search[0] !== "?") {
+    search = `?${search}`;
+  } else if (search === "?") {
+    search = "";
+  }
+  return `${protocol}//${hostname}${
+    port ? `:${port}` : ""
+  }${pathname}${search}${hash}`;
+}

src/core/client/embed/utils/ensureEndSlash.spec.ts

@@ -0,0 +1,11 @@
+import ensureEndSlash from "./ensureEndSlash";
+
+it("should add slash to the end", () => {
+  const path = ensureEndSlash("/test");
+  expect(path).toBe("/test/");
+});
+
+it("should not add slash to the end if it's already there", () => {
+  const path = ensureEndSlash("/test/");
+  expect(path).toBe("/test/");
+});

src/core/client/embed/utils/ensureEndSlash.ts

@@ -0,0 +1,3 @@
+export default function ensureEndSlash(p: string) {
+  return p.match(/\/$/) ? p : `${p}/`;
+}

src/core/client/embed/utils/index.ts

@@ -0,0 +1,2 @@
+export { default as buildURL } from "./buildURL";
+export { default as ensureEndSlash } from "./ensureEndSlash";