create-qwik 0.0.109-0 → 0.0.110

package/starters/apps/qwik-city/dist/service-worker.js

@@ -1,167 +0,0 @@
-/* Qwik Service Worker */
-const appBundles=[["@qwik-city-entries.js",[40]],["@qwik-city-plan.js",[40]],["entry_____slug_.js",[40],["ka0hlr6QzZc"]],["entry__id_.js",[40],["lz5fUgqIg0k","Su1JqxAuf5Q"]],["entry_about_us.js",[40],["Hm2iCxmEwPU"]],["entry_Breadcrumbs.js",[13,19,40],["4iUgD00bac8","7RRY6XBONP8"]],["entry_dashboard.js",[40],["qNEEbvpCkDo"]],["entry_docs.js",[40],["HPWwM5ITvKw"]],["entry_footer.js",[40],["cj9ZVB0Fla8","fLHnZgqH9Ss"]],["entry_Head.js",[40],["62TTxKadIG8"]],["entry_header.js",[40],["EqiDdxC5oCg","q2ZiFPIhnRY"]],["entry_index_api.js",[40],["r1zOEK3uvrE","5wjtnwJM61o"]],["entry_layout.js",[19,40],["cP1MN6aKI1E","Z38JINctLvc"]],["entry_layout_.js",[19,40],["3vmOtZFNja8","IpEw2cQaLBs","0vFw6sjzoiI","sBSnbJkWlgw"]],["entry_layout_api.js",[40],["LchrSne39gg","NEVycXm2DbI"]],["entry_Menu.js",[40],["K1eRBSD0Gpc","6tTHmIfcOQ8"]],["entry_profile.js",[40],["xCyaa0wPF6s"]],["entry_routes.js",[40],["LqnNyU1Iy8c"]],["entry_settings.js",[40],["soEjIdhmYDQ"]],["header.js",[40]],["index.js",[40]],["index10.js",[40]],["index11.js",[40]],["index12.js",[40]],["index2.js",[40]],["index3.js",[40]],["index4.js",[40]],["index5.js",[40]],["index6.js",[40]],["index7.js",[40]],["index8.js",[40]],["index9.js",[40]],["index@api.js",[40]],["layout!.js",[40]],["layout!2.js",[40]],["layout-api.js",[40]],["layout.js",[40]],["layout2.js",[40]],["menu.js",[]],["root.js",[40]],["root2.js",[]],["service-worker.js",[]]];
-const libraryBundleIds=[1];
-const linkBundles=[[/^\/$/,[37,12,20,17]],[/^\/about-us\/?$/,[37,12,24,4]],[/^\/api\/?$/,[37,12,35,14,32,11]],[/^\/blog\/?$/,[37,12,36,25]],[/^\/dashboard\/?$/,[33,13,26,6]],[/^\/docs\/?$/,[34,13,27,7]],[/^\/api\/data\.json$/,[37,12]],[/^\/dashboard\/profile\/?$/,[33,13,28,16]],[/^\/dashboard\/settings\/?$/,[33,13,29,18]],[/^\/docs\/getting-started\/?$/,[34,13,30]],[/^\/docs\/overview\/?$/,[34,13,31]],[/^\/products\/([^/]+?)\/?$/,[37,12,21,3]],[/^\/api\/([^/]+?)\/([^/]+?)\.json$/,[37,12]],[/^\/docs\/([^/]+?)\/([^/]+?)\/?$/,[34,13,22,3]],[/^\/blog(?:\/(.*))?\/?$/,[37,12,36,23,2]]];
-const qBuildCacheName = "QwikBuild";
-const existingPrefetches = /* @__PURE__ */ new Set();
-const awaitingRequests = /* @__PURE__ */ new Map();
-const getCacheToDelete = (appBundles2, cachedUrls) => {
-  return cachedUrls.filter((url) => !appBundles2.some((appBundle) => url.endsWith(appBundle[0])));
-};
-const useCache = (request, response) => !!response && !hasNoCacheHeader(request) && !hasNoCacheHeader(response);
-const hasNoCacheHeader = (r) => {
-  const cacheControl = r.headers.get("Cache-Control") || "";
-  return cacheControl.includes("no-cache") || cacheControl.includes("max-age=0");
-};
-const isAppBundleRequest = (appBundles2, requestPathname) => appBundles2.some((b) => requestPathname.endsWith("/" + b[0]));
-const getAppBundleByName = (appBundles2, appBundleName) => appBundles2.find((b) => b[0] === appBundleName);
-const getAppBundlesNamesFromIds = (appBundles2, bundleIds) => bundleIds.map((bundleId) => appBundles2[bundleId] ? appBundles2[bundleId][0] : null);
-const cachedFetch = (cache, fetch2, awaitingRequests2, request) => new Promise((promiseResolve, promiseReject) => {
-  const url = request.url;
-  const awaitingRequestResolves = awaitingRequests2.get(url);
-  if (awaitingRequestResolves) {
-    awaitingRequestResolves.push([promiseResolve, promiseReject]);
-  } else {
-    const resolve = (response) => {
-      const resolves = awaitingRequests2.get(url);
-      if (resolves) {
-        awaitingRequests2.delete(url);
-        for (const [awaitingResolve] of resolves) {
-          awaitingResolve(response.clone());
-        }
-      } else {
-        promiseResolve(response.clone());
-      }
-    };
-    const reject = (msg) => {
-      const resolves = awaitingRequests2.get(url);
-      if (resolves) {
-        awaitingRequests2.delete(url);
-        for (const [_, awaitingReject] of resolves) {
-          awaitingReject(msg);
-        }
-      } else {
-        promiseReject(msg);
-      }
-    };
-    awaitingRequests2.set(url, [[promiseResolve, promiseReject]]);
-    cache.match(url).then((cachedResponse) => {
-      if (useCache(request, cachedResponse)) {
-        resolve(cachedResponse);
-      } else {
-        return fetch2(request).then((networkResponse) => {
-          return cache.put(url, networkResponse.clone()).then(() => {
-            resolve(networkResponse);
-          });
-        });
-      }
-    }).catch((err) => {
-      return cache.match(url).then((cachedResponse) => {
-        if (cachedResponse) {
-          resolve(cachedResponse);
-        } else {
-          reject(err);
-        }
-      });
-    });
-  }
-});
-const prefetchBundleNames = (appBundles2, qBuildCache, fetch2, baseUrl, prefetchAppBundleNames) => {
-  const prefetchAppBundle = (prefetchAppBundleName) => {
-    try {
-      const appBundle = getAppBundleByName(appBundles2, prefetchAppBundleName);
-      if (appBundle && !existingPrefetches.has(prefetchAppBundleName)) {
-        existingPrefetches.add(prefetchAppBundleName);
-        const importedBundleNames = getAppBundlesNamesFromIds(appBundles2, appBundle[1]);
-        const url = new URL(prefetchAppBundleName, baseUrl);
-        const request = new Request(url);
-        cachedFetch(qBuildCache, fetch2, awaitingRequests, request);
-        importedBundleNames.forEach(prefetchAppBundle);
-      }
-    } catch (e) {
-      console.error(e);
-    }
-  };
-  if (Array.isArray(prefetchAppBundleNames)) {
-    prefetchAppBundleNames.forEach(prefetchAppBundle);
-  }
-};
-const prefetchLinkBundles = (appBundles2, libraryBundleIds2, linkBundles2, qBuildCache, fetch2, baseUrl, linkPathnames) => {
-  try {
-    prefetchBundleNames(appBundles2, qBuildCache, fetch2, baseUrl, getAppBundlesNamesFromIds(appBundles2, libraryBundleIds2));
-  } catch (e) {
-    console.error(e);
-  }
-  for (const linkPathname of linkPathnames) {
-    try {
-      for (const linkBundle of linkBundles2) {
-        const [route, linkBundleIds] = linkBundle;
-        console;
-        if (route.test(linkPathname)) {
-          prefetchBundleNames(appBundles2, qBuildCache, fetch2, baseUrl, getAppBundlesNamesFromIds(appBundles2, linkBundleIds));
-          break;
-        }
-      }
-    } catch (e) {
-      console.error(e);
-    }
-  }
-};
-const prefetchWaterfall = (appBundles2, qBuildCache, fetch2, requestedBuildUrl) => {
-  try {
-    const segments = requestedBuildUrl.href.split("/");
-    const requestedBundleName = segments[segments.length - 1];
-    segments[segments.length - 1] = "";
-    const baseUrl = new URL(segments.join("/"));
-    prefetchBundleNames(appBundles2, qBuildCache, fetch2, baseUrl, [requestedBundleName]);
-  } catch (e) {
-    console.error(e);
-  }
-};
-const setupServiceWorkerScope = (swScope, appBundles2, libraryBundleIds2, linkBundles2) => {
-  swScope.addEventListener("fetch", (ev) => {
-    const request = ev.request;
-    if (request.method === "GET") {
-      const url = new URL(request.url);
-      if (isAppBundleRequest(appBundles2, url.pathname)) {
-        const nativeFetch = swScope.fetch.bind(swScope);
-        ev.respondWith(swScope.caches.open(qBuildCacheName).then((qBuildCache) => {
-          prefetchWaterfall(appBundles2, qBuildCache, nativeFetch, url);
-          return cachedFetch(qBuildCache, nativeFetch, awaitingRequests, request);
-        }));
-      }
-    }
-  });
-  swScope.addEventListener("message", async ({ data }) => {
-    if (data.type === "qprefetch" && typeof data.base === "string") {
-      const nativeFetch = swScope.fetch.bind(swScope);
-      const qBuildCache = await swScope.caches.open(qBuildCacheName);
-      const baseUrl = new URL(data.base, swScope.origin);
-      if (Array.isArray(data.links)) {
-        prefetchLinkBundles(appBundles2, libraryBundleIds2, linkBundles2, qBuildCache, fetch, baseUrl, data.links);
-      }
-      if (Array.isArray(data.bundles)) {
-        prefetchBundleNames(appBundles2, qBuildCache, nativeFetch, baseUrl, data.bundles);
-      }
-    }
-  });
-  swScope.addEventListener("activate", async () => {
-    try {
-      const qBuildCache = await swScope.caches.open(qBuildCacheName);
-      const cachedRequestKeys = await qBuildCache.keys();
-      const cachedUrls = cachedRequestKeys.map((r) => r.url);
-      const cachedRequestsToDelete = getCacheToDelete(appBundles2, cachedUrls);
-      await Promise.all(cachedRequestsToDelete.map((r) => qBuildCache.delete(r)));
-    } catch (e) {
-      console.error(e);
-    }
-  });
-};
-const setupServiceWorker = () => {
-  if (typeof self !== "undefined" && typeof appBundles !== "undefined") {
-    setupServiceWorkerScope(self, appBundles, libraryBundleIds, linkBundles);
-  }
-};
-setupServiceWorker();
-addEventListener("install", () => self.skipWaiting());
-addEventListener("activate", () => self.clients.claim());

package/starters/apps/qwik-city/package.json

@@ -1,8 +0,0 @@
-{
-  "description": "File based routing and MDX support",
-  "__qwik__": {
-    "priority": 1,
-    "selectServer": true
-  },
-  "type": "module"
-}

package/starters/apps/qwik-city/src/components/counter/counter.tsx

@@ -1,19 +0,0 @@
-import { component$, useStyles$, useStore } from '@builder.io/qwik';
-
-export const Counter = component$(() => {
-  const store = useStore({ count: 0 });
-  useStyles$(`
-  .counter {
-    border: 3px solid #1474ff;
-    padding: 10px;
-    border-radius: 10px;
-    color: #1474ff;
-  }
-`);
-
-  return (
-    <button class="counter" type="button" onClick$={() => store.count++}>
-      Increment {store.count}
-    </button>
-  );
-});

package/starters/apps/qwik-city/src/components/footer/footer.tsx

@@ -1,27 +0,0 @@
-import { component$, useStyles$ } from '@builder.io/qwik';
-import styles from './footer.css?inline';
-
-export default component$(() => {
-  useStyles$(styles);
-
-  return (
-    <footer>
-      <ul>
-        <li>
-          <a href="/blog">Blog</a>
-        </li>
-        <li>
-          <a href="/docs">Docs</a>
-        </li>
-        <li>
-          <a href="/about-us">About Us</a>
-        </li>
-        <li>
-          <a class="footer-home" href="/">
-            Home
-          </a>
-        </li>
-      </ul>
-    </footer>
-  );
-});

package/starters/apps/qwik-city/src/components/head/analytics.tsx

@@ -1,13 +0,0 @@
-import type { RouteLocation } from '@builder.io/qwik-city';
-
-interface AnalyticsProps {
-  loc: RouteLocation;
-}
-
-export const Analytics = ({ loc }: AnalyticsProps) => {
-  return (
-    <>
-      <script dangerouslySetInnerHTML={`console.log("🧨 Analytics! ${loc.pathname}");`} />
-    </>
-  );
-};

package/starters/apps/qwik-city/src/components/head/head.tsx

@@ -1,34 +0,0 @@
-import { component$ } from '@builder.io/qwik';
-import { useDocumentHead, useLocation } from '@builder.io/qwik-city';
-import { Analytics } from './analytics';
-import { Social } from './social';
-
-export const Head = component$(() => {
-  const head = useDocumentHead();
-  const loc = useLocation();
-
-  return (
-    <head>
-      <meta charSet="utf-8" />
-
-      <title>{head.title ? `${head.title} - Qwik` : `Qwik`}</title>
-      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <link rel="canonical" href={loc.href} />
-
-      {head.meta.map((m) => (
-        <meta {...m} />
-      ))}
-
-      {head.links.map((l) => (
-        <link {...l} />
-      ))}
-
-      {head.styles.map((s) => (
-        <style {...s.props} dangerouslySetInnerHTML={s.style} />
-      ))}
-
-      <Social />
-      <Analytics loc={loc} />
-    </head>
-  );
-});

package/starters/apps/qwik-city/src/components/head/social.tsx

@@ -1,10 +0,0 @@
-export const Social = () => {
-  return (
-    <>
-      <meta property="og:site_name" content="Qwik" />
-      <meta name="twitter:card" content="summary_large_image" />
-      <meta name="twitter:site" content="@QwikDev" />
-      <meta name="twitter:title" content="Qwik" />
-    </>
-  );
-};

package/starters/apps/qwik-city/src/components/header/header.css

@@ -1,46 +0,0 @@
-header {
-  background-color: #0093ee;
-}
-
-header .header-inner {
-  display: grid;
-  grid-template-columns: 1fr auto auto;
-  padding: 10px;
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-.full-screen header .header-inner {
-  max-width: 100%;
-}
-
-header a {
-  color: white;
-  text-decoration: none;
-  padding: 4px 8px;
-  margin-right: 5px;
-  border-radius: 4px;
-}
-
-header a:hover {
-  background-color: #ffffff50;
-}
-
-header .active {
-  background-color: #ffffff30;
-}
-
-.theme-toggle {
-  background: transparent;
-  width: 30px;
-  border: none;
-  cursor: pointer;
-}
-
-.theme-light .theme-toggle::before {
-  content: '☽';
-}
-
-.theme-dark .theme-toggle::before {
-  content: '☀';
-}

package/starters/apps/qwik-city/src/components/header/header.tsx

@@ -1,36 +0,0 @@
-import { component$, useStyles$ } from '@builder.io/qwik';
-import { useLocation } from '@builder.io/qwik-city';
-import styles from './header.css?inline';
-
-export default component$(() => {
-  useStyles$(styles);
-
-  const pathname = useLocation().pathname;
-
-  return (
-    <header>
-      <div class="header-inner">
-        <section class="logo">
-          <a href="/">Qwik City 🏙</a>
-        </section>
-        <nav>
-          <a href="/blog" class={{ active: pathname.startsWith('/blog') }}>
-            Blog
-          </a>
-          <a href="/docs" class={{ active: pathname.startsWith('/docs') }}>
-            Docs
-          </a>
-          <a href="/api" class={{ active: pathname.startsWith('/api') }}>
-            API
-          </a>
-          <a href="/products/hat" class={{ active: pathname.startsWith('/products') }}>
-            Products
-          </a>
-          <a href="/about-us" class={{ active: pathname.startsWith('/about-us') }}>
-            About Us
-          </a>
-        </nav>
-      </div>
-    </header>
-  );
-});

package/starters/apps/qwik-city/src/entry.ssr.tsx

@@ -1,17 +0,0 @@
-import { renderToStream, RenderToStreamOptions } from '@builder.io/qwik/server';
-import { manifest } from '@qwik-client-manifest';
-import Root from './root';
-
-export default function (opts: RenderToStreamOptions) {
-  return renderToStream(<Root />, {
-    manifest,
-    ...opts,
-    prefetchStrategy: {
-      implementation: {
-        linkInsert: null,
-        workerFetchInsert: null,
-        prefetchEvent: 'always',
-      },
-    },
-  });
-}

package/starters/apps/qwik-city/src/global.css

@@ -1,24 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
-    sans-serif;
-}
-
-main {
-  padding: 10px 20px;
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-.full-screen main {
-  max-width: 100%;
-}
-
-a {
-  color: #006eb3;
-}
-
-a:hover {
-  text-decoration: none;
-}

package/starters/apps/qwik-city/src/root.tsx

@@ -1,16 +0,0 @@
-import { QwikCity, RouterOutlet, ServiceWorkerRegister } from '@builder.io/qwik-city';
-import { Head } from './components/head/head';
-
-import './global.css';
-
-export default function () {
-  return (
-    <QwikCity>
-      <Head />
-      <body lang="en">
-        <RouterOutlet />
-        <ServiceWorkerRegister />
-      </body>
-    </QwikCity>
-  );
-}

package/starters/apps/qwik-city/src/routes/about-us/index.tsx

@@ -1,17 +0,0 @@
-import { component$ } from '@builder.io/qwik';
-import type { DocumentHead } from '@builder.io/qwik-city';
-
-export default component$(() => {
-  return (
-    <div>
-      <h1>About Us</h1>
-      <p>
-        <a href="/">Home</a>
-      </p>
-    </div>
-  );
-});
-
-export const head: DocumentHead = {
-  title: 'About Us',
-};

package/starters/apps/qwik-city/src/routes/api/[org]/[user].json/index.ts

@@ -1,15 +0,0 @@
-import type { RequestHandler } from '@builder.io/qwik-city';
-
-export const onGet: RequestHandler = ({ request, params }) => {
-  return {
-    timestamp: Date.now(),
-    method: request.method,
-    url: request.url,
-    params,
-  };
-};
-
-export const onPost: RequestHandler = async ({ request, response }) => {
-  response.headers.set('Content-Type', 'text/plain');
-  return `HTTP Method: ${request.method}`;
-};

package/starters/apps/qwik-city/src/routes/api/api.css

@@ -1,14 +0,0 @@
-.api {
-  display: grid;
-  grid-template-columns: 200px 1fr;
-  padding: 0;
-}
-
-.api-menu {
-  background: #eee;
-  padding-left: 20px;
-}
-
-.api-content {
-  padding-left: 20px;
-}

package/starters/apps/qwik-city/src/routes/api/data.json/index.ts

@@ -1,9 +0,0 @@
-import type { RequestHandler } from '@builder.io/qwik-city';
-
-export const onGet: RequestHandler = ({ request }) => {
-  return {
-    timestamp: Date.now(),
-    method: request.method,
-    url: request.url,
-  };
-};

package/starters/apps/qwik-city/src/routes/api/index@api.tsx

@@ -1,34 +0,0 @@
-import { component$, useClientEffect$, useStore } from '@builder.io/qwik';
-
-/**
- * Uses named layout `foo`
- */
-
-export default component$(() => {
-  const store = useStore({ timestamp: '' });
-
-  useClientEffect$(async () => {
-    const url = `/api/builder.io/oss.json`;
-    const rsp = await fetch(url);
-    const data: any = await rsp.json();
-
-    store.timestamp = data.timestamp;
-  });
-
-  return (
-    <div>
-      <h1>Qwik City Test API!</h1>
-
-      <ul>
-        <li>
-          <a href="/api/builder.io/oss.json">/api/[org]/[user].json</a>
-        </li>
-        <li>
-          <a href="/api/data.json">/api/data.json</a>
-        </li>
-      </ul>
-
-      <p>Timestamp: {store.timestamp}</p>
-    </div>
-  );
-});

package/starters/apps/qwik-city/src/routes/api/layout-api.tsx

@@ -1,37 +0,0 @@
-import { component$, Slot, useStyles$ } from '@builder.io/qwik';
-import type { DocumentHead } from '@builder.io/qwik-city';
-import styles from './api.css?inline';
-
-/**
- * Named layout `foo`
- * Any index files named `index@foo.tsx` will use this layout
- */
-
-export default component$(() => {
-  useStyles$(styles);
-
-  return (
-    <div class="api">
-      <aside class="api-menu">
-        <h2>API</h2>
-        <ul>
-          <li>
-            <a href="/api/builder.io/oss.json">Org/User</a>
-          </li>
-          <li>
-            <a href="/api/data.json">Data</a>
-          </li>
-        </ul>
-      </aside>
-      <section class="api-content">
-        <Slot />
-      </section>
-    </div>
-  );
-});
-
-export const head: DocumentHead = ({ pathname }) => {
-  return {
-    title: `API: ${pathname}`,
-  };
-};

package/starters/apps/qwik-city/src/routes/blog/[...slug]/index.tsx

@@ -1,36 +0,0 @@
-import { component$, Resource } from '@builder.io/qwik';
-import { useEndpoint, DocumentHead, RequestHandler } from '@builder.io/qwik-city';
-
-export default component$(() => {
-  const resource = useEndpoint<typeof onGet>();
-
-  return (
-    <div>
-      <Resource
-        value={resource}
-        onResolved={(blog) => (
-          <>
-            <h1>{blog.blogTitle}</h1>
-            <p>{blog.blogContent}</p>
-          </>
-        )}
-      />
-    </div>
-  );
-});
-
-export const onGet: RequestHandler<EndpointData> = async ({ params, url }) => {
-  return {
-    blogTitle: `Blog: ${params.slug}`,
-    blogContent: `${params.slug}, ${url.pathname}`,
-  };
-};
-
-export const head: DocumentHead<EndpointData> = ({ data }) => {
-  return { title: data?.blogTitle };
-};
-
-export interface EndpointData {
-  blogTitle: string;
-  blogContent: string;
-}

package/starters/apps/qwik-city/src/routes/blog/index.md

@@ -1,7 +0,0 @@
----
-title: Welcome to our Blog!
----
-
-# Welcome to our Blog!
-
-Enjoy.

package/starters/apps/qwik-city/src/routes/blog/layout.tsx

@@ -1,21 +0,0 @@
-import { component$, Slot } from '@builder.io/qwik';
-
-export default component$(() => {
-  return (
-    <div>
-      <section class="blog-content">
-        <Slot />
-      </section>
-      <aside class="blog-menu">
-        <ul>
-          <li>
-            <a href="/blog/what-is-resumability">What Is Resumability?</a>
-          </li>
-          <li>
-            <a href="/blog/serializing-props">Serializing Props</a>
-          </li>
-        </ul>
-      </aside>
-    </div>
-  );
-});

package/starters/apps/qwik-city/src/routes/dashboard/dashboard.css

@@ -1,14 +0,0 @@
-.dashboard {
-  display: grid;
-  grid-template-columns: 200px 1fr;
-  padding: 0;
-}
-
-.dashboard-menu {
-  background: #eee;
-  padding-left: 20px;
-}
-
-.dashboard-content {
-  padding-left: 20px;
-}

package/starters/apps/qwik-city/src/routes/dashboard/index.tsx

@@ -1,15 +0,0 @@
-import { component$ } from '@builder.io/qwik';
-import type { DocumentHead } from '@builder.io/qwik-city';
-
-export default component$(() => {
-  return (
-    <div>
-      <h1>Dashboard</h1>
-      <p>Welcome to the dashboard.</p>
-    </div>
-  );
-});
-
-export const head: DocumentHead = {
-  title: 'Home',
-};