@quilted/quilt 0.5.158 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @quilted/quilt
 
+## 0.6.0
+
+### Minor Changes
+
+- [#645](https://github.com/lemonmade/quilt/pull/645) [`302ed847`](https://github.com/lemonmade/quilt/commit/302ed8479f9c035ef39d48137de958dba50690ca) Thanks [@lemonmade](https://github.com/lemonmade)! - Removed CommonJS support
+
+  The `require` export condition is no longer provided by any package. Quilt only supports ESModules, so if you need to use the CommonJS version, you will need to pre-process Quilt’s output code on your own.
+
+### Patch Changes
+
+- Updated dependencies [[`302ed847`](https://github.com/lemonmade/quilt/commit/302ed8479f9c035ef39d48137de958dba50690ca), [`302ed847`](https://github.com/lemonmade/quilt/commit/302ed8479f9c035ef39d48137de958dba50690ca), [`5d346a24`](https://github.com/lemonmade/quilt/commit/5d346a240ca95592c8623560ab1721935d6df1fa)]:
+  - @quilted/async@0.4.0
+  - @quilted/events@2.0.0
+  - @quilted/graphql@3.0.0
+  - @quilted/threads@2.0.0
+  - @quilted/useful-react-types@2.0.0
+  - @quilted/assets@0.1.0
+  - @quilted/react-assets@0.1.0
+  - @quilted/react-async@0.4.0
+  - @quilted/react-graphql@0.5.0
+  - @quilted/react-html@0.4.0
+  - @quilted/react-http@0.4.0
+  - @quilted/react-idle@0.4.0
+  - @quilted/react-localize@1.0.0
+  - @quilted/react-performance@0.2.0
+  - @quilted/react-router@0.4.0
+  - @quilted/react-server-render@0.4.0
+  - @quilted/react-signals@0.2.0
+  - @quilted/react-testing@0.6.0
+  - @quilted/react-utilities@0.2.0
+  - @quilted/react-workers@0.3.0
+  - @quilted/request-router@0.2.0
+  - @quilted/signals@0.2.0
+
 ## 0.5.158
 
 ### Patch Changes

package/build/esm/graphql/testing/matchers/operations.mjs

@@ -10,7 +10,7 @@ function toHavePerformedGraphQLOperation(graphql, operation, variables) {
   const foundByOperation = graphql.completed.all({
     operation
   });
-  const foundByVariables = variables == null ? foundByOperation : foundByOperation.filter(operation => Object.keys(variables).every(key => this.equals(variables[key], (operation.variables ?? {})[key])));
+  const foundByVariables = variables == null ? foundByOperation : foundByOperation.filter(operation => Object.keys(variables).every(key => Object.is(variables[key], (operation.variables ?? {})[key])));
   const pass = foundByVariables.length > 0;
   const {
     name

package/build/esm/graphql/testing/matchers/utilities.mjs

@@ -3,7 +3,7 @@ import { GraphQLController } from '@quilted/graphql/testing';
 
 function assertIsGraphQLController(graphql, {
   expectation,
-  isNot
+  isNot = false
 }) {
   if (!(graphql instanceof GraphQLController)) {
     throw new Error(matcherErrorMessage(matcherHint(`.${expectation}`, undefined, undefined, {

package/build/esm/graphql/testing/matchers.mjs

@@ -1,8 +1,9 @@
-import { expect } from '@quilted/testing';
 import { toHavePerformedGraphQLOperation } from './matchers/operations.mjs';
 
-expect.extend({
+const matchers = {
   toHavePerformedGraphQLOperation,
   toHavePerformedGraphQLQuery: toHavePerformedGraphQLOperation,
   toHavePerformedGraphQLMutation: toHavePerformedGraphQLOperation
-});
+};
+
+export { matchers };

package/build/esm/graphql/testing.mjs

@@ -1,3 +1,7 @@
-import './testing/matchers.mjs';
+import { expect } from 'vitest';
+import { matchers } from './testing/matchers.mjs';
 export * from '@quilted/graphql/testing';
 export { GraphQLTesting } from '@quilted/react-graphql/testing';
+
+// @ts-expect-error Incompatibilities between `expect()` and vitest
+expect.extend(matchers);

package/build/esm/react/testing.mjs

@@ -1,3 +1,6 @@
-import '@quilted/react-testing/matchers';
-export * from '@quilted/testing';
+import { expect } from 'vitest';
+import { matchers } from '@quilted/react-testing/matchers';
 export { createRender, destroyAll, render, rendered } from '@quilted/react-testing';
+
+// @ts-expect-error Incompatibilities between `expect()` and vitest
+expect.extend(matchers);

package/build/esnext/globals.esnext

@@ -1,6 +1,6 @@
 import { createAsyncModulesGlobal } from '@quilted/async';
 
-const property = Symbol.for('quilt');
+const property = Symbol.for("quilt");
 const quilt = globalThis[property] ?? {};
 quilt.AsyncModules = createAsyncModulesGlobal({
   cache: quilt.AsyncModules

package/build/esnext/graphql/testing/matchers/operations.esnext

@@ -4,37 +4,67 @@ import { assertIsGraphQLController, diffVariables } from './utilities.esnext';
 
 function toHavePerformedGraphQLOperation(graphql, operation, variables) {
   assertIsGraphQLController(graphql, {
-    expectation: 'toHavePerformedGraphQLOperation',
+    expectation: "toHavePerformedGraphQLOperation",
     isNot: this.isNot
   });
   const foundByOperation = graphql.completed.all({
     operation
   });
-  const foundByVariables = variables == null ? foundByOperation : foundByOperation.filter(operation => Object.keys(variables).every(key => this.equals(variables[key], (operation.variables ?? {})[key])));
+  const foundByVariables = variables == null ? foundByOperation : foundByOperation.filter(
+    (operation2) => Object.keys(variables).every(
+      (key) => Object.is(
+        variables[key],
+        (operation2.variables ?? {})[key]
+      )
+    )
+  );
   const pass = foundByVariables.length > 0;
-  const {
+  const { name } = normalizeOperation(operation);
+  const message = pass ? () => `${matcherHint(".not.toHavePerformedGraphQLOperation")}
+
+Expected not to have performed GraphQL operation:
+  ${EXPECTED_COLOR(
+    name
+  )}
+${variables ? `With variables matching:
+  ${printExpected(variables)}
+` : ""}But ${foundByVariables.length} matching ${foundByVariables.length === 1 ? "operation was" : "operations were"} found.
+` : () => `${`${matcherHint(".toHavePerformedGraphQLOperation")}
+
+Expected to have performed GraphQL operation:
+  ${EXPECTED_COLOR(
     name
-  } = normalizeOperation(operation);
-  const message = pass ? () => `${matcherHint('.not.toHavePerformedGraphQLOperation')}\n\n` + `Expected not to have performed GraphQL operation:\n  ${EXPECTED_COLOR(name)}\n${variables ? `With variables matching:\n  ${printExpected(variables)}\n` : ''}` + `But ${foundByVariables.length} matching ${foundByVariables.length === 1 ? 'operation was' : 'operations were'} found.\n` : () => `${`${matcherHint('.toHavePerformedGraphQLOperation')}\n\n` + `Expected to have performed GraphQL operation:\n  ${EXPECTED_COLOR(name)}\n${variables ? `With variables matching:\n  ${printExpected(variables)}\n` : ''}`}${foundByOperation.length === 0 ? `But no matching operations were found.\n` : `But the ${foundByVariables.length === 1 ? 'found operation has' : 'found operations have'} the following variable differences:\n\n${diffs(foundByVariables, variables, this.expand)}`}`;
-  return {
-    pass,
-    message
-  };
+  )}
+${variables ? `With variables matching:
+  ${printExpected(variables)}
+` : ""}`}${foundByOperation.length === 0 ? `But no matching operations were found.
+` : `But the ${foundByVariables.length === 1 ? "found operation has" : "found operations have"} the following variable differences:
+
+${diffs(
+    foundByVariables,
+    variables,
+    this.expand
+  )}`}`;
+  return { pass, message };
 }
 function diffs(requests, variables, expand) {
-  return requests.reduce((diffs, request, index) => `${diffs}${index === 0 ? '' : '\n\n'}${normalizedDiff(request, variables, {
-    expand,
-    showLegend: index === 0
-  })}`, '');
+  return requests.reduce(
+    (diffs2, request, index) => `${diffs2}${index === 0 ? "" : "\n\n"}${normalizedDiff(
+      request,
+      variables,
+      {
+        expand,
+        showLegend: index === 0
+      }
+    )}`,
+    ""
+  );
 }
-function normalizedDiff(request, variables, {
-  expand = false,
-  showLegend = false
-}) {
+function normalizedDiff(request, variables, { expand = false, showLegend = false }) {
   const result = diffVariables(request.variables ?? {}, variables, {
     expand
-  }) || '';
-  return showLegend ? result : result.split('\n\n')[1];
+  }) || "";
+  return showLegend ? result : result.split("\n\n")[1];
 }
 
 export { toHavePerformedGraphQLOperation };

package/build/esnext/graphql/testing/matchers/utilities.esnext

@@ -1,35 +1,38 @@
 import { matcherErrorMessage, matcherHint, RECEIVED_COLOR, printWithType, printReceived, diff } from 'jest-matcher-utils';
 import { GraphQLController } from '@quilted/graphql/testing';
 
-function assertIsGraphQLController(graphql, {
-  expectation,
-  isNot
-}) {
+function assertIsGraphQLController(graphql, { expectation, isNot = false }) {
   if (!(graphql instanceof GraphQLController)) {
-    throw new Error(matcherErrorMessage(matcherHint(`.${expectation}`, undefined, undefined, {
-      isNot
-    }), `${RECEIVED_COLOR('received')} value must be a @quilted/graphql/fixtures GraphQLController object`, printWithType('Received', graphql, printReceived)));
+    throw new Error(
+      matcherErrorMessage(
+        matcherHint(`.${expectation}`, void 0, void 0, { isNot }),
+        `${RECEIVED_COLOR(
+          "received"
+        )} value must be a @quilted/graphql/fixtures GraphQLController object`,
+        printWithType("Received", graphql, printReceived)
+      )
+    );
   }
 }
-function diffVariables(actual, expected, {
-  expand = false
-}) {
+function diffVariables(actual, expected, { expand = false }) {
   return diff(expected, getObjectSubset(actual, expected), {
     expand
   });
 }
-
-// Original from https://github.com/facebook/jest/blob/master/packages/expect/source/utils.ts#L107
 function getObjectSubset(object, subset) {
   if (Array.isArray(object)) {
     if (Array.isArray(subset) && subset.length === object.length) {
-      return subset.map((sub, i) => getObjectSubset(object[i], sub));
+      return subset.map(
+        (sub, i) => getObjectSubset(object[i], sub)
+      );
     }
   } else if (object instanceof Date) {
     return object;
-  } else if (typeof object === 'object' && object !== null && typeof subset === 'object' && subset !== null) {
+  } else if (typeof object === "object" && object !== null && typeof subset === "object" && subset !== null) {
     const trimmed = {};
-    Object.keys(subset).filter(key => Reflect.has(object, key)).forEach(key => trimmed[key] = getObjectSubset(object[key], subset[key]));
+    Object.keys(subset).filter((key) => Reflect.has(object, key)).forEach(
+      (key) => trimmed[key] = getObjectSubset(object[key], subset[key])
+    );
     if (Object.keys(trimmed).length > 0) {
       return trimmed;
     }

package/build/esnext/graphql/testing/matchers.esnext

@@ -1,8 +1,9 @@
-import { expect } from '@quilted/testing';
 import { toHavePerformedGraphQLOperation } from './matchers/operations.esnext';
 
-expect.extend({
+const matchers = {
   toHavePerformedGraphQLOperation,
   toHavePerformedGraphQLQuery: toHavePerformedGraphQLOperation,
   toHavePerformedGraphQLMutation: toHavePerformedGraphQLOperation
-});
+};
+
+export { matchers };

package/build/esnext/graphql/testing.esnext

@@ -1,3 +1,6 @@
-import './testing/matchers.esnext';
+import { expect } from 'vitest';
+import { matchers } from './testing/matchers.esnext';
 export * from '@quilted/graphql/testing';
 export { GraphQLTesting } from '@quilted/react-graphql/testing';
+
+expect.extend(matchers);

package/build/esnext/html/HTML.esnext

@@ -1,15 +1,12 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { HttpContext, CookieContext } from '@quilted/react-http';
 import { useHTMLUpdater } from '@quilted/react-html';
-import { jsx, jsxs } from 'react/jsx-runtime';
 
-function HTML({
-  children
-}) {
-  return /*#__PURE__*/jsx(HttpContext, {
-    children: /*#__PURE__*/jsxs(CookieContext, {
-      children: [/*#__PURE__*/jsx(HTMLUpdater, {}), children]
-    })
-  });
+function HTML({ children }) {
+  return /* @__PURE__ */ jsx(HttpContext, { children: /* @__PURE__ */ jsxs(CookieContext, { children: [
+    /* @__PURE__ */ jsx(HTMLUpdater, {}),
+    children
+  ] }) });
 }
 function HTMLUpdater() {
   useHTMLUpdater();

package/build/esnext/react/testing.esnext

@@ -1,3 +1,5 @@
-import '@quilted/react-testing/matchers';
-export * from '@quilted/testing';
+import { expect } from 'vitest';
+import { matchers } from '@quilted/react-testing/matchers';
 export { createRender, destroyAll, render, rendered } from '@quilted/react-testing';
+
+expect.extend(matchers);

package/build/esnext/server/ServerContext.esnext

@@ -11,8 +11,20 @@ function ServerContext({
   assets,
   children
 }) {
-  const normalizedUrl = typeof url === 'string' ? new URL(url) : url;
-  return maybeWrapContext(AssetsContext, assets, maybeWrapContext(HttpServerContext, http, maybeWrapContext(HTMLContext, html, maybeWrapContext(InitialUrlContext, normalizedUrl, children))));
+  const normalizedUrl = typeof url === "string" ? new URL(url) : url;
+  return maybeWrapContext(
+    AssetsContext,
+    assets,
+    maybeWrapContext(
+      HttpServerContext,
+      http,
+      maybeWrapContext(
+        HTMLContext,
+        html,
+        maybeWrapContext(InitialUrlContext, normalizedUrl, children)
+      )
+    )
+  );
 }
 
 export { ServerContext };

package/build/esnext/server/preload.esnext

@@ -15,20 +15,19 @@ async function assetsForRequest(request, {
   cacheKey: getCacheKey
 }) {
   const url = new URL(request.url);
-  const modules = url.searchParams.get('modules')?.split(',') ?? [];
-  const includeStyles = url.searchParams.get('styles') !== 'false';
-  const includeScripts = url.searchParams.get('scripts') !== 'false';
-  const cacheKey = (await getCacheKey?.(request, context)) ?? (await assets.cacheKey?.(request));
-  const {
-    styles,
-    scripts
-  } = await assets.entry({
+  const modules = url.searchParams.get("modules")?.split(",") ?? [];
+  const includeStyles = url.searchParams.get("styles") !== "false";
+  const includeScripts = url.searchParams.get("scripts") !== "false";
+  const cacheKey = await getCacheKey?.(request, context) ?? await assets.cacheKey?.(request);
+  const { styles, scripts } = await assets.entry({
     modules,
     cacheKey
   });
   const result = {};
-  if (includeStyles) result.styles = styles;
-  if (includeScripts) result.scripts = scripts;
+  if (includeStyles)
+    result.styles = styles;
+  if (includeScripts)
+    result.scripts = scripts;
   return result;
 }