@quilted/create 0.2.21 → 0.2.23

package/build/esnext/node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/lib/util/action.esnext

@@ -1,60 +1,36 @@
 var action;
 var hasRequiredAction;
 function requireAction() {
-  if (hasRequiredAction)
-    return action;
+  if (hasRequiredAction) return action;
   hasRequiredAction = 1;
   action = (key, isSelect) => {
-    if (key.meta && key.name !== "escape")
-      return;
+    if (key.meta && key.name !== "escape") return;
     if (key.ctrl) {
-      if (key.name === "a")
-        return "first";
-      if (key.name === "c")
-        return "abort";
-      if (key.name === "d")
-        return "abort";
-      if (key.name === "e")
-        return "last";
-      if (key.name === "g")
-        return "reset";
+      if (key.name === "a") return "first";
+      if (key.name === "c") return "abort";
+      if (key.name === "d") return "abort";
+      if (key.name === "e") return "last";
+      if (key.name === "g") return "reset";
     }
     if (isSelect) {
-      if (key.name === "j")
-        return "down";
-      if (key.name === "k")
-        return "up";
+      if (key.name === "j") return "down";
+      if (key.name === "k") return "up";
     }
-    if (key.name === "return")
-      return "submit";
-    if (key.name === "enter")
-      return "submit";
-    if (key.name === "backspace")
-      return "delete";
-    if (key.name === "delete")
-      return "deleteForward";
-    if (key.name === "abort")
-      return "abort";
-    if (key.name === "escape")
-      return "exit";
-    if (key.name === "tab")
-      return "next";
-    if (key.name === "pagedown")
-      return "nextPage";
-    if (key.name === "pageup")
-      return "prevPage";
-    if (key.name === "home")
-      return "home";
-    if (key.name === "end")
-      return "end";
-    if (key.name === "up")
-      return "up";
-    if (key.name === "down")
-      return "down";
-    if (key.name === "right")
-      return "right";
-    if (key.name === "left")
-      return "left";
+    if (key.name === "return") return "submit";
+    if (key.name === "enter") return "submit";
+    if (key.name === "backspace") return "delete";
+    if (key.name === "delete") return "deleteForward";
+    if (key.name === "abort") return "abort";
+    if (key.name === "escape") return "exit";
+    if (key.name === "tab") return "next";
+    if (key.name === "pagedown") return "nextPage";
+    if (key.name === "pageup") return "prevPage";
+    if (key.name === "home") return "home";
+    if (key.name === "end") return "end";
+    if (key.name === "up") return "up";
+    if (key.name === "down") return "down";
+    if (key.name === "right") return "right";
+    if (key.name === "left") return "left";
     return false;
   };
   return action;

package/build/esnext/node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/lib/util/clear.esnext

@@ -4,15 +4,13 @@ import { __require as requireSrc } from '../../../../../sisteransi@1.0.5/node_mo
 var clear;
 var hasRequiredClear;
 function requireClear() {
-  if (hasRequiredClear)
-    return clear;
+  if (hasRequiredClear) return clear;
   hasRequiredClear = 1;
   const strip = requireStrip();
   const { erase, cursor } = requireSrc();
   const width = (str) => [...strip(str)].length;
   clear = function(prompt, perLine) {
-    if (!perLine)
-      return erase.line + cursor.to(0);
+    if (!perLine) return erase.line + cursor.to(0);
     let rows = 0;
     const lines = prompt.split(/\r?\n/);
     for (let line of lines) {

package/build/esnext/node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/lib/util/entriesToDisplay.esnext

@@ -1,14 +1,12 @@
 var entriesToDisplay;
 var hasRequiredEntriesToDisplay;
 function requireEntriesToDisplay() {
-  if (hasRequiredEntriesToDisplay)
-    return entriesToDisplay;
+  if (hasRequiredEntriesToDisplay) return entriesToDisplay;
   hasRequiredEntriesToDisplay = 1;
   entriesToDisplay = (cursor, total, maxVisible) => {
     maxVisible = maxVisible || total;
     let startIndex = Math.min(total - maxVisible, cursor - Math.floor(maxVisible / 2));
-    if (startIndex < 0)
-      startIndex = 0;
+    if (startIndex < 0) startIndex = 0;
     let endIndex = Math.min(startIndex + maxVisible, total);
     return { startIndex, endIndex };
   };

package/build/esnext/node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/lib/util/figures.esnext

@@ -1,8 +1,7 @@
 var figures_1;
 var hasRequiredFigures;
 function requireFigures() {
-  if (hasRequiredFigures)
-    return figures_1;
+  if (hasRequiredFigures) return figures_1;
   hasRequiredFigures = 1;
   const main = {
     arrowUp: "\u2191",

package/build/esnext/node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/lib/util/index.esnext

@@ -10,8 +10,7 @@ import { __require as requireEntriesToDisplay } from './entriesToDisplay.esnext'
 var util;
 var hasRequiredUtil;
 function requireUtil() {
-  if (hasRequiredUtil)
-    return util;
+  if (hasRequiredUtil) return util;
   hasRequiredUtil = 1;
   util = {
     action: requireAction(),

package/build/esnext/node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/lib/util/lines.esnext

@@ -3,14 +3,12 @@ import { __require as requireStrip } from './strip.esnext';
 var lines;
 var hasRequiredLines;
 function requireLines() {
-  if (hasRequiredLines)
-    return lines;
+  if (hasRequiredLines) return lines;
   hasRequiredLines = 1;
   const strip = requireStrip();
   lines = function(msg, perLine) {
     let lines2 = String(strip(msg) || "").split(/\r?\n/);
-    if (!perLine)
-      return lines2.length;
+    if (!perLine) return lines2.length;
     return lines2.map((l) => Math.ceil(l.length / perLine)).reduce((a, b) => a + b);
   };
   return lines;

package/build/esnext/node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/lib/util/strip.esnext

@@ -1,8 +1,7 @@
 var strip;
 var hasRequiredStrip;
 function requireStrip() {
-  if (hasRequiredStrip)
-    return strip;
+  if (hasRequiredStrip) return strip;
   hasRequiredStrip = 1;
   strip = (str) => {
     const pattern = [

package/build/esnext/node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/lib/util/style.esnext

@@ -4,8 +4,7 @@ import { __require as requireFigures } from './figures.esnext';
 var style;
 var hasRequiredStyle;
 function requireStyle() {
-  if (hasRequiredStyle)
-    return style;
+  if (hasRequiredStyle) return style;
   hasRequiredStyle = 1;
   const c = requireKleur();
   const figures = requireFigures();

package/build/esnext/node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/lib/util/wrap.esnext

@@ -1,8 +1,7 @@
 var wrap;
 var hasRequiredWrap;
 function requireWrap() {
-  if (hasRequiredWrap)
-    return wrap;
+  if (hasRequiredWrap) return wrap;
   hasRequiredWrap = 1;
   wrap = (msg, opts = {}) => {
     const tab = Number.isSafeInteger(parseInt(opts.margin)) ? new Array(parseInt(opts.margin)).fill(" ").join("") : opts.margin || "";
@@ -10,8 +9,7 @@ function requireWrap() {
     return (msg || "").split(/\r?\n/g).map((line) => line.split(/\s+/g).reduce((arr, w) => {
       if (w.length + tab.length >= width || arr[arr.length - 1].length + w.length + 1 < width)
         arr[arr.length - 1] += ` ${w}`;
-      else
-        arr.push(`${tab}${w}`);
+      else arr.push(`${tab}${w}`);
       return arr;
     }, [tab]).join("\n")).join("\n");
   };

package/build/esnext/node_modules/.pnpm/run-parallel@1.2.0/node_modules/run-parallel/index.esnext

@@ -15,14 +15,11 @@ function runParallel(tasks, cb) {
   }
   function done(err) {
     function end() {
-      if (cb)
-        cb(err, results);
+      if (cb) cb(err, results);
       cb = null;
     }
-    if (isSync)
-      queueMicrotask(end);
-    else
-      end();
+    if (isSync) queueMicrotask(end);
+    else end();
   }
   function each(i, err, result) {
     results[i] = result;

package/build/esnext/node_modules/.pnpm/sisteransi@1.0.5/node_modules/sisteransi/src/index.esnext

@@ -1,28 +1,22 @@
 var src;
 var hasRequiredSrc;
 function requireSrc() {
-  if (hasRequiredSrc)
-    return src;
+  if (hasRequiredSrc) return src;
   hasRequiredSrc = 1;
   const ESC = "\x1B";
   const CSI = `${ESC}[`;
   const beep = "\x07";
   const cursor = {
     to(x, y) {
-      if (!y)
-        return `${CSI}${x + 1}G`;
+      if (!y) return `${CSI}${x + 1}G`;
       return `${CSI}${y + 1};${x + 1}H`;
     },
     move(x, y) {
       let ret = "";
-      if (x < 0)
-        ret += `${CSI}${-x}D`;
-      else if (x > 0)
-        ret += `${CSI}${x}C`;
-      if (y < 0)
-        ret += `${CSI}${-y}A`;
-      else if (y > 0)
-        ret += `${CSI}${y}B`;
+      if (x < 0) ret += `${CSI}${-x}D`;
+      else if (x > 0) ret += `${CSI}${x}C`;
+      if (y < 0) ret += `${CSI}${-y}A`;
+      else if (y > 0) ret += `${CSI}${y}B`;
       return ret;
     },
     up: (count = 1) => `${CSI}${count}A`,

package/build/esnext/node_modules/.pnpm/to-regex-range@5.0.1/node_modules/to-regex-range/index.esnext

@@ -155,8 +155,7 @@ function filterPatterns(arr, comparison, prefix, intersection, options) {
 }
 function zip(a, b) {
   let arr = [];
-  for (let i = 0; i < a.length; i++)
-    arr.push([a[i], b[i]]);
+  for (let i = 0; i < a.length; i++) arr.push([a[i], b[i]]);
   return arr;
 }
 function compare(a, b) {

package/build/esnext/node_modules/.pnpm/yaml@2.1.1/node_modules/yaml/browser/dist/compose/resolve-flow-collection.esnext

@@ -60,19 +60,18 @@ function resolveFlowCollection({ composeNode, composeEmptyNode }, ctx, fc, onErr
         onError(props.start, "MISSING_CHAR", `Missing , between ${fcName} items`);
       if (props.comment) {
         let prevItemComment = "";
-        loop:
-          for (const st of start) {
-            switch (st.type) {
-              case "comma":
-              case "space":
-                break;
-              case "comment":
-                prevItemComment = st.source.substring(1);
-                break loop;
-              default:
-                break loop;
-            }
+        loop: for (const st of start) {
+          switch (st.type) {
+            case "comma":
+            case "space":
+              break;
+            case "comment":
+              prevItemComment = st.source.substring(1);
+              break loop;
+            default:
+              break loop;
           }
+        }
         if (prevItemComment) {
           let prev = coll.items[coll.items.length - 1];
           if (isPair(prev))

package/build/esnext/node_modules/.pnpm/yaml@2.1.1/node_modules/yaml/browser/dist/parse/lexer.esnext

@@ -363,27 +363,26 @@ class Lexer {
     let nl = this.pos - 1;
     let indent = 0;
     let ch;
-    loop:
-      for (let i = this.pos; ch = this.buffer[i]; ++i) {
-        switch (ch) {
-          case " ":
-            indent += 1;
-            break;
-          case "\n":
-            nl = i;
-            indent = 0;
+    loop: for (let i = this.pos; ch = this.buffer[i]; ++i) {
+      switch (ch) {
+        case " ":
+          indent += 1;
+          break;
+        case "\n":
+          nl = i;
+          indent = 0;
+          break;
+        case "\r": {
+          const next = this.buffer[i + 1];
+          if (!next && !this.atEnd)
+            return this.setNext("block-scalar");
+          if (next === "\n")
             break;
-          case "\r": {
-            const next = this.buffer[i + 1];
-            if (!next && !this.atEnd)
-              return this.setNext("block-scalar");
-            if (next === "\n")
-              break;
-          }
-          default:
-            break loop;
         }
+        default:
+          break loop;
       }
+    }
     if (!ch && !this.atEnd)
       return this.setNext("block-scalar");
     if (indent >= this.indentNext) {

package/build/esnext/node_modules/.pnpm/yaml@2.1.1/node_modules/yaml/browser/dist/parse/parser.esnext

@@ -50,17 +50,16 @@ function getFirstKeyStartProps(prev) {
   if (prev.length === 0)
     return [];
   let i = prev.length;
-  loop:
-    while (--i >= 0) {
-      switch (prev[i].type) {
-        case "doc-start":
-        case "explicit-key-ind":
-        case "map-value-ind":
-        case "seq-item-ind":
-        case "newline":
-          break loop;
-      }
+  loop: while (--i >= 0) {
+    switch (prev[i].type) {
+      case "doc-start":
+      case "explicit-key-ind":
+      case "map-value-ind":
+      case "seq-item-ind":
+      case "newline":
+        break loop;
     }
+  }
   while (prev[++i]?.type === "space") {
   }
   return prev.splice(i, prev.length);

package/build/esnext/package.esnext

@@ -370,8 +370,7 @@ async function getDirectory(args, { name, inWorkspace }) {
         )} is not empty, is it safe to empty it?`,
         initial: true
       });
-      if (empty)
-        break;
+      if (empty) break;
       const promptDirectory = await prompt({
         type: "text",
         message: "What directory do you want to create your package in?"
@@ -384,10 +383,8 @@ async function getDirectory(args, { name, inWorkspace }) {
   return directory;
 }
 async function getDescription(args) {
-  if (args["--description"])
-    return args["--description"];
-  if (args["--no-description"])
-    return false;
+  if (args["--description"]) return args["--description"];
+  if (args["--no-description"]) return false;
   const description = await prompt({
     type: "text",
     message: "What is a short description of what this package will do?"
@@ -395,19 +392,15 @@ async function getDescription(args) {
   return description;
 }
 async function getRepository(args, { inWorkspace = false } = {}) {
-  if (args["--repository"])
-    return args["--repository"];
-  if (args["--no-repository"])
-    return false;
-  if (!inWorkspace)
-    return;
+  if (args["--repository"]) return args["--repository"];
+  if (args["--no-repository"]) return false;
+  if (!inWorkspace) return;
   const { globby } = await import('./node_modules/.pnpm/globby@13.1.1/node_modules/globby/index.esnext');
   const files = await globby("**/package.json", { ignore: ["**/node_modules"] });
   for (const file of files) {
     try {
       const json = JSON.parse(await fs.promises.readFile(file, "utf8"));
-      if (json.repository)
-        return json.repository;
+      if (json.repository) return json.repository;
     } catch {
     }
   }

package/build/esnext/server.esnext

@@ -245,8 +245,7 @@ async function getDirectory(argv, { name }) {
         )} is not empty, is it safe to empty it?`,
         initial: true
       });
-      if (empty)
-        break;
+      if (empty) break;
       const promptDirectory = await prompt({
         type: "text",
         message: "What directory do you want to create your new service in?"

package/build/esnext/shared/prompts.esnext

@@ -4,10 +4,8 @@ import { prompt } from '../packages/cli-kit/build/esnext/prompt.esnext.esnext';
 import { getPackageManager as getPackageManager$1, createPackageManagerRunner } from '../packages/cli-kit/build/esnext/package-manager.esnext.esnext';
 
 async function getInWorkspace(argv) {
-  if (argv["--in-workspace"])
-    return true;
-  if (argv["--not-in-workspace"])
-    return false;
+  if (argv["--in-workspace"]) return true;
+  if (argv["--not-in-workspace"]) return false;
   return fs.existsSync("pnpm-workspace.yaml");
 }
 async function getCreateAsMonorepo(argv, {
@@ -37,8 +35,7 @@ async function getPackageManager(argv, options) {
 }
 const VALID_EXTRAS = /* @__PURE__ */ new Set(["github", "vscode"]);
 async function getExtrasToSetup(argv, { inWorkspace }) {
-  if (inWorkspace || argv["--no-extras"])
-    return /* @__PURE__ */ new Set();
+  if (inWorkspace || argv["--no-extras"]) return /* @__PURE__ */ new Set();
   if (argv["--extras"]) {
     return new Set(
       argv["--extras"].filter(

package/build/esnext/shared.esnext

@@ -153,8 +153,7 @@ function mergeWorkspaceAndProjectPackageJsons(projectPackageJson, workspacePacka
         ...projectPackageJson.scripts
       };
       hasHandledScriptsField = true;
-      if (key === "scripts")
-        continue;
+      if (key === "scripts") continue;
     }
     if (isDependencyKey) {
       newPackageJson[key] = mergeDependencies(
@@ -166,10 +165,8 @@ function mergeWorkspaceAndProjectPackageJsons(projectPackageJson, workspacePacka
     }
   }
   for (const [key, value] of Object.entries(workspacePackageJson)) {
-    if (seenKeys.has(key))
-      continue;
-    if (key === "workspaces")
-      continue;
+    if (seenKeys.has(key)) continue;
+    if (key === "workspaces") continue;
     newPackageJson[key] = value;
   }
   return newPackageJson;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quilted/create",
   "type": "module",
-  "version": "0.2.21",
+  "version": "0.2.23",
   "license": "MIT",
   "repository": {
     "type": "git",

package/templates/app-basic/features/start/Start/Start.test.tsx

@@ -7,6 +7,6 @@ import Start from './Start.tsx';
 describe('<Start />', () => {
   it('includes a welcome message', async () => {
     const start = await renderApp(<Start />);
-    expect(start).toContainReactText('Hello world!');
+    expect(start).toContainPreactText('Hello world!');
   });
 });

package/templates/app-basic/foundation/html/HTML.test.tsx

@@ -14,7 +14,7 @@ describe('<HTML />', () => {
   it('includes a responsive viewport tag', async () => {
     const head = await renderApp(<HTML />);
 
-    expect(head).toContainReactComponent(Viewport, {
+    expect(head).toContainPreactComponent(Viewport, {
       cover: true,
     });
   });
@@ -22,7 +22,7 @@ describe('<HTML />', () => {
   it('prevents search robots from indexing the application', async () => {
     const head = await renderApp(<HTML />);
 
-    expect(head).toContainReactComponent(SearchRobots, {
+    expect(head).toContainPreactComponent(SearchRobots, {
       index: false,
       follow: false,
     });
@@ -31,7 +31,7 @@ describe('<HTML />', () => {
   it('does not cache the response', async () => {
     const headers = await renderApp(<HTML />);
 
-    expect(headers).toContainReactComponent(CacheControl, {
+    expect(headers).toContainPreactComponent(CacheControl, {
       cache: false,
     });
   });
@@ -39,7 +39,7 @@ describe('<HTML />', () => {
   it('adds a content security policy with a strict default policy', async () => {
     const headers = await renderApp(<HTML />);
 
-    expect(headers).toContainReactComponent(ContentSecurityPolicy, {
+    expect(headers).toContainPreactComponent(ContentSecurityPolicy, {
       defaultSources: ["'self'"],
     });
   });

package/templates/app-basic/package.json

@@ -11,7 +11,7 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@quilted/quilt": "workspace:^0.6.0",
+    "@quilted/quilt": "^0.7.0",
     "jsdom": "^24.0.0",
     "preact": "^10.21.0",
     "react": "npm:@quilted/react@^18.2.0",

package/templates/app-basic/shared/context.ts

@@ -1,9 +1,6 @@
-import {
-  createOptionalContext,
-  createUseContextHook,
-} from '@quilted/quilt/react';
+import {createOptionalContext} from '@quilted/quilt/context';
 
 export interface AppContext {}
 
 export const AppContextReact = createOptionalContext<AppContext>();
-export const useAppContext = createUseContextHook(AppContextReact);
+export const useAppContext = AppContextReact.use;

package/templates/app-basic/tests/render/render.tsx

@@ -1,4 +1,5 @@
-import {createRender} from '@quilted/quilt/react/testing';
+import {createRender} from '@quilted/quilt/testing';
+import {BrowserContext, BrowserTestMock} from '@quilted/quilt/browser/testing';
 import {TestRouting, TestRouter} from '@quilted/quilt/navigate/testing';
 import {Localization} from '@quilted/quilt/localize';
 
@@ -19,21 +20,21 @@ export const renderApp = createRender<
   // Create context that can be used by the `render` function, and referenced by test
   // authors on the `root.context` property. Context is used to share data between your
   // React tree and your test code, and is ideal for mocking out global context providers.
-  context({router = new TestRouter()}) {
-    return {router};
+  context({router = new TestRouter(), browser = new BrowserTestMock()}) {
+    return {router, browser};
   },
   // Render all of our app-wide context providers around each component under test.
   render(element, context, {locale = 'en'}) {
-    const {router} = context;
+    const {router, browser} = context;
 
     return (
-      <Localization locale={locale}>
-        <TestRouting router={router}>
-          <AppContextReact.Provider value={context}>
-            {element}
-          </AppContextReact.Provider>
-        </TestRouting>
-      </Localization>
+      <AppContextReact.Provider value={context}>
+        <BrowserContext browser={browser}>
+          <Localization locale={locale}>
+            <TestRouting router={router}>{element}</TestRouting>
+          </Localization>
+        </BrowserContext>
+      </AppContextReact.Provider>
     );
   },
   async afterRender() {

package/templates/app-basic/tests/render/types.ts

@@ -1,4 +1,5 @@
 import type {TestRouter} from '@quilted/quilt/navigate/testing';
+import type {BrowserTestMock} from '@quilted/quilt/browser/testing';
 
 import type {AppContext} from '~/shared/context.ts';
 
@@ -11,6 +12,11 @@ export interface RenderOptions {
    */
   readonly router?: TestRouter;
 
+  /**
+   * A custom environment for this component test.
+   */
+  readonly browser?: BrowserTestMock;
+
   /**
    * A custom locale to use for this component test.
    */
@@ -22,6 +28,11 @@ export interface RenderContext extends AppContext {
    * The router used for this component test.
    */
   readonly router: TestRouter;
+
+  /**
+   * The browser environment for this component test.
+   */
+  readonly browser: BrowserTestMock;
 }
 
 export interface RenderActions extends Record<string, never> {}

package/templates/app-basic/tests/render.ts

@@ -1,4 +1,4 @@
-import '@quilted/quilt/react/testing';
+import '@quilted/quilt/testing';
 
 export {TestRouter} from '@quilted/quilt/navigate/testing';
 

package/templates/app-empty/package.json

@@ -11,7 +11,7 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@quilted/quilt": "^0.6.0",
+    "@quilted/quilt": "^0.7.0",
     "preact": "^10.21.0",
     "react": "npm:@quilted/react@^18.2.0",
     "react-dom": "npm:@quilted/react-dom@^18.2.0"