create-qwik 0.0.108 → 0.0.109

package/starters/apps/perf.prod/src/components/app/app.tsx

@@ -1,189 +0,0 @@
-import { component$, useStore } from '@builder.io/qwik';
-
-let idCounter = 1;
-const adjectives = [
-    'pretty',
-    'large',
-    'big',
-    'small',
-    'tall',
-    'short',
-    'long',
-    'handsome',
-    'plain',
-    'quaint',
-    'clean',
-    'elegant',
-    'easy',
-    'angry',
-    'crazy',
-    'helpful',
-    'mushy',
-    'odd',
-    'unsightly',
-    'adorable',
-    'important',
-    'inexpensive',
-    'cheap',
-    'expensive',
-    'fancy',
-  ],
-  colours = [
-    'red',
-    'yellow',
-    'blue',
-    'green',
-    'pink',
-    'brown',
-    'purple',
-    'brown',
-    'white',
-    'black',
-    'orange',
-  ],
-  nouns = [
-    'table',
-    'chair',
-    'house',
-    'bbq',
-    'desk',
-    'car',
-    'pony',
-    'cookie',
-    'sandwich',
-    'burger',
-    'pizza',
-    'mouse',
-    'keyboard',
-  ];
-
-function _random(max: number) {
-  return Math.round(Math.random() * 1000) % max;
-}
-
-export function buildData(count: number) {
-  const data = new Array(count);
-  for (let i = 0; i < count; i++) {
-    data[i] = {
-      id: idCounter++,
-      label: `${adjectives[_random(adjectives.length)]} ${colours[_random(colours.length)]} ${
-        nouns[_random(nouns.length)]
-      }`,
-    };
-  }
-  return data;
-}
-
-type BenchState = {
-  data: Array<{ id: number; label: string }>;
-  selected: number | null;
-};
-export const App = component$(() => {
-  const state = useStore<BenchState>({ data: [], selected: null });
-  return (
-    <div class="container">
-      <div class="jumbotron">
-        <div class="row">
-          <div class="col-md-6">
-            <h1>Qwik Keyed</h1>
-          </div>
-          <div class="col-md-6">
-            <div class="row">
-              <div class="col-sm-6 smallpad">
-                <button
-                  id="run"
-                  class="btn btn-primary btn-block"
-                  type="button"
-                  onClick$={() => (state.data = buildData(1000))}
-                >
-                  Create 1,000 rows
-                </button>
-                <button
-                  id="runlots"
-                  class="btn btn-primary btn-block"
-                  type="button"
-                  onClick$={() => (state.data = buildData(10000))}
-                >
-                  Create 10,000 rows
-                </button>
-                <button
-                  id="add"
-                  class="btn btn-primary btn-block"
-                  type="button"
-                  onClick$={() => (state.data = state.data.concat(buildData(1000)))}
-                >
-                  Append 1,000 rows
-                </button>
-                <button
-                  id="update"
-                  class="btn btn-primary btn-block"
-                  type="button"
-                  onClick$={() => {
-                    for (let i = 0, d = state.data, len = d.length; i < len; i += 10) {
-                      d[i].label += ' !!!';
-                    }
-                  }}
-                >
-                  Update every 10th row
-                </button>
-                <button
-                  id="clear"
-                  class="btn btn-primary btn-block"
-                  type="button"
-                  onClick$={() => (state.data = [])}
-                >
-                  Clear
-                </button>
-                <button
-                  id="swaprows"
-                  class="btn btn-primary btn-block"
-                  type="button"
-                  onClick$={() => {
-                    const d = state.data.slice();
-                    if (d.length > 998) {
-                      const tmp = d[1];
-                      d[1] = d[998];
-                      d[998] = tmp;
-                      state.data = d;
-                    }
-                  }}
-                >
-                  Swap Rows
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <table class="table table-hover table-striped test-data">
-        <tbody>
-          {state.data.map(({ id, label }) => {
-            return (
-              <tr key={id} class={id === state.selected ? 'danger' : ''}>
-                <td class="col-md-1">{id}</td>
-                <td class="col-md-4">
-                  <a onClick$={() => alert(label)}>{label}</a>
-                </td>
-                <td class="col-md-1">
-                  <a
-                  // onClick$={() => {
-                  //   const d = state.data;
-                  //   d.splice(
-                  //     d.findIndex((d) => d.id === id),
-                  //     1
-                  //   );
-                  // }}
-                  >
-                    <span class="glyphicon glyphicon-remove" ariaHidden="true" />
-                  </a>
-                </td>
-                <td class="col-md-6" />
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-      <span class="preloadicon glyphicon glyphicon-remove" ariaHidden="true" />
-    </div>
-  );
-});

package/starters/apps/perf.prod/src/entry.express.tsx

@@ -1,59 +0,0 @@
-import express from 'express';
-import { join } from 'path';
-import { fileURLToPath } from 'url';
-import render from './entry.ssr';
-
-const __dirname = fileURLToPath(new URL('.', import.meta.url));
-
-/**
- * Create an express server
- * https://expressjs.com/
- */
-const app = express();
-
-/**
- * Serve static client build files,
- * hashed filenames, immutable cache-control
- */
-app.use(
-  '/build',
-  express.static(join(__dirname, '..', 'dist', 'build'), {
-    immutable: true,
-    maxAge: '1y',
-  })
-);
-
-/**
- * Serve static public files at the root
- */
-app.use(express.static(join(__dirname, '..', 'dist'), { index: false }));
-
-/**
- * Server-Side Render Qwik application
- */
-app.get('/*', async (req, res, next) => {
-  try {
-    // Render the Root component to a string
-    const result = await render({
-      stream: res,
-    });
-
-    // respond with SSR'd HTML
-    if ('html' in result) {
-      res.send((result as any).html);
-    } else {
-      res.end();
-    }
-  } catch (e) {
-    // Error while server-side rendering
-    next(e);
-  }
-});
-
-/**
- * Start the express server
- */
-app.listen(8080, () => {
-  /* eslint-disable */
-  console.log(`http://localhost:8080/`);
-});

package/starters/apps/perf.prod/src/entry.ssr.tsx

@@ -1,15 +0,0 @@
-import { renderToStream, RenderToStreamOptions } from '@builder.io/qwik/server';
-import { manifest } from '@qwik-client-manifest';
-import Root from './root';
-
-/**
- * Server-Side Render method to be called by a server.
- */
-export default function (opts: RenderToStreamOptions) {
-  // Render the Root component to a string
-  // Pass in the manifest that was generated from the client build
-  return renderToStream(<Root />, {
-    manifest,
-    ...opts,
-  });
-}

package/starters/apps/perf.prod/src/global.css

@@ -1,3 +0,0 @@
-/**
- * Write here your global css styles
- */

package/starters/apps/perf.prod/src/root.tsx

@@ -1,18 +0,0 @@
-import { App } from './components/app/app';
-
-import './global.css';
-
-export default () => {
-  return (
-    <html>
-      <head>
-        <meta charSet="utf-8" />
-        <title>Qwik Blank App</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      </head>
-      <body>
-        <App />
-      </body>
-    </html>
-  );
-};

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

@@ -1,19 +0,0 @@
-{
-  "description": "File based routing and MDX support",
-  "__qwik__": {
-    "priority": 1,
-    "selectServer": true,
-    "featureOptions": [
-      "prettier",
-      "tailwindcss"
-    ],
-    "featureEnabled": [
-      "prettier"
-    ]
-  },
-  "type": "module",
-  "devDependencies": {
-    "@builder.io/qwik-city": "0.0.108",
-    "vite-tsconfig-paths": "3.5.0"
-  }
-}

package/starters/apps/qwik-city/public/_headers

@@ -1,2 +0,0 @@
-/build/*
-  Cache-Control: public, max-age=31536000, s-maxage=31536000, immutable

package/starters/apps/qwik-city/public/favicons/favicon.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 120 126" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m78.457 103.898 10.263-6.147 20.107-35.456-31.115 36.34.745 5.263Z" fill="url(#a)"/><path d="m105.901 40.086-2.009-3.834-.788-1.494-.082.08-10.53-19.176c-2.642-4.844-7.68-7.87-13.236-7.934l-10.227.084L83.8 54.114l-9.772 9.516 3.64 35.177 30.088-34.27c4.081-4.726 4.882-11.457 2.007-16.986l-3.861-7.465Z" fill="url(#b)"/><path d="M89.087 36.761 71.475 7.84 41.08 7.291c-5.403-.062-10.434 2.68-13.269 7.288L9.72 48.734l31.886-38.036 39.928 45.744 7.464-7.597c3.425-3.321 2.26-7.977.09-12.083Z" fill="url(#c)"/><path d="m46.942 46.144-5.409-35.267-29.835 35.905C6.67 51.65 5.622 59.288 9.08 65.336l17.53 30.479c2.673 4.676 7.65 7.577 13.062 7.639l17.516.2-20.983-47.58 10.737-9.93Z" fill="url(#d)"/><path d="m77.713 98.612-41.54-42.776-5.382 5.135c-4.41 4.18-4.53 11.148-.297 15.467l17.942 27.076 28.816.37.46-5.272Z" fill="url(#e)"/><path d="m48.492 103.508 29.486-4.731 19.457 20.175-48.943-15.444Z" fill="url(#f)"/><path d="m77.666 98.85 11.081-1.41 9.828 20.359c.432.84-.701 1.622-1.376.939L77.666 98.85Z" fill="url(#g)"/><path d="m81.58 56.258-39.982-45.46 5.099 35.06-10.614 9.879 41.51 42.978-3.098-35.038 7.085-7.42Z" fill="#fff"/><defs><linearGradient id="a" x1="77.887" y1="82.907" x2="108.576" y2="83.258" gradientUnits="userSpaceOnUse"><stop stop-color="#4340C4"/><stop offset=".118" stop-color="#4642C8"/><stop offset="1" stop-color="#594EE4"/></linearGradient><linearGradient id="b" x1="68.506" y1="53.126" x2="111.514" y2="53.618" gradientUnits="userSpaceOnUse"><stop stop-color="#4340C4"/><stop offset=".74" stop-color="#534ADB"/><stop offset="1" stop-color="#594EE4"/></linearGradient><linearGradient id="c" x1="9.915" y1="31.234" x2="91.26" y2="32.165" gradientUnits="userSpaceOnUse"><stop offset=".225" stop-color="#4340C4"/><stop offset=".598" stop-color="#4F48D5"/><stop offset="1" stop-color="#594EE4"/></linearGradient><linearGradient id="d" x1="7.054" y1="56.764" x2="57.7" y2="57.344" gradientUnits="userSpaceOnUse"><stop stop-color="#0080FF"/><stop offset="1" stop-color="#00B9FF"/></linearGradient><linearGradient id="e" x1="27.277" y1="79.526" x2="77.92" y2="80.106" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0080FF"/><stop offset=".172" stop-color="#008BFF"/><stop offset=".473" stop-color="#00A7FF"/><stop offset=".629" stop-color="#00B9FF"/></linearGradient><linearGradient id="f" x1="48.431" y1="108.422" x2="97.545" y2="108.984" gradientUnits="userSpaceOnUse"><stop stop-color="#00B9FF"/><stop offset=".298" stop-color="#0080FF"/><stop offset=".601" stop-color="#2D67F1"/><stop offset=".858" stop-color="#4D55E8"/><stop offset="1" stop-color="#594EE4"/></linearGradient><linearGradient id="g" x1="78.113" y1="108.259" x2="99.089" y2="108.499" gradientUnits="userSpaceOnUse"><stop stop-color="#4340C4"/><stop offset=".118" stop-color="#4642C8"/><stop offset="1" stop-color="#594EE4"/></linearGradient></defs></svg>

package/starters/apps/qwik-city/public/logos/qwik-logo.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 120 126" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m78.457 103.898 10.263-6.147 20.107-35.456-31.115 36.34.745 5.263Z" fill="url(#a)"/><path d="m105.901 40.086-2.009-3.834-.788-1.494-.082.08-10.53-19.176c-2.642-4.844-7.68-7.87-13.236-7.934l-10.227.084L83.8 54.114l-9.772 9.516 3.64 35.177 30.088-34.27c4.081-4.726 4.882-11.457 2.007-16.986l-3.861-7.465Z" fill="url(#b)"/><path d="M89.087 36.761 71.475 7.84 41.08 7.291c-5.403-.062-10.434 2.68-13.269 7.288L9.72 48.734l31.886-38.036 39.928 45.744 7.464-7.597c3.425-3.321 2.26-7.977.09-12.083Z" fill="url(#c)"/><path d="m46.942 46.144-5.409-35.267-29.835 35.905C6.67 51.65 5.622 59.288 9.08 65.336l17.53 30.479c2.673 4.676 7.65 7.577 13.062 7.639l17.516.2-20.983-47.58 10.737-9.93Z" fill="url(#d)"/><path d="m77.713 98.612-41.54-42.776-5.382 5.135c-4.41 4.18-4.53 11.148-.297 15.467l17.942 27.076 28.816.37.46-5.272Z" fill="url(#e)"/><path d="m48.492 103.508 29.486-4.731 19.457 20.175-48.943-15.444Z" fill="url(#f)"/><path d="m77.666 98.85 11.081-1.41 9.828 20.359c.432.84-.701 1.622-1.376.939L77.666 98.85Z" fill="url(#g)"/><path d="m81.58 56.258-39.982-45.46 5.099 35.06-10.614 9.879 41.51 42.978-3.098-35.038 7.085-7.42Z" fill="#fff"/><defs><linearGradient id="a" x1="77.887" y1="82.907" x2="108.576" y2="83.258" gradientUnits="userSpaceOnUse"><stop stop-color="#4340C4"/><stop offset=".118" stop-color="#4642C8"/><stop offset="1" stop-color="#594EE4"/></linearGradient><linearGradient id="b" x1="68.506" y1="53.126" x2="111.514" y2="53.618" gradientUnits="userSpaceOnUse"><stop stop-color="#4340C4"/><stop offset=".74" stop-color="#534ADB"/><stop offset="1" stop-color="#594EE4"/></linearGradient><linearGradient id="c" x1="9.915" y1="31.234" x2="91.26" y2="32.165" gradientUnits="userSpaceOnUse"><stop offset=".225" stop-color="#4340C4"/><stop offset=".598" stop-color="#4F48D5"/><stop offset="1" stop-color="#594EE4"/></linearGradient><linearGradient id="d" x1="7.054" y1="56.764" x2="57.7" y2="57.344" gradientUnits="userSpaceOnUse"><stop stop-color="#0080FF"/><stop offset="1" stop-color="#00B9FF"/></linearGradient><linearGradient id="e" x1="27.277" y1="79.526" x2="77.92" y2="80.106" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0080FF"/><stop offset=".172" stop-color="#008BFF"/><stop offset=".473" stop-color="#00A7FF"/><stop offset=".629" stop-color="#00B9FF"/></linearGradient><linearGradient id="f" x1="48.431" y1="108.422" x2="97.545" y2="108.984" gradientUnits="userSpaceOnUse"><stop stop-color="#00B9FF"/><stop offset=".298" stop-color="#0080FF"/><stop offset=".601" stop-color="#2D67F1"/><stop offset=".858" stop-color="#4D55E8"/><stop offset="1" stop-color="#594EE4"/></linearGradient><linearGradient id="g" x1="78.113" y1="108.259" x2="99.089" y2="108.499" gradientUnits="userSpaceOnUse"><stop stop-color="#4340C4"/><stop offset=".118" stop-color="#4642C8"/><stop offset="1" stop-color="#594EE4"/></linearGradient></defs></svg>

package/starters/apps/qwik-city/public/logos/qwik.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 106 49"><path fill="#fff" d="m30.1 29.65 4.89 10.87a1.52 1.52 0 0 1-.31 1.71 1.59 1.59 0 0 1-1.71.37L17.8 37.71l12.3-8.06Z"/><path fill="#fff" d="m16.66 37.74 10.79-.1a6.08 6.08 0 0 0 5.24-3.1l5.3-9.4a6.08 6.08 0 0 0-.07-6.07l-5.48-9.29a6.09 6.09 0 0 0-5.3-2.99l-10.78.12a6.07 6.07 0 0 0-5.24 3.1l-5.3 9.38a6.09 6.09 0 0 0 .06 6.09l5.49 9.28a6.08 6.08 0 0 0 5.3 2.98Zm39.32-24.89a8.65 8.65 0 0 1 6.2 2.53 8.5 8.5 0 0 1 2.48 6.08 8.49 8.49 0 0 1-6.15 8.27c1.13.43 2.27.8 3.43 1.1 1.14.3 2.12.46 2.93.46v2.22c-.91 0-1.89-.16-2.95-.46-1.06-.3-2.1-.71-3.12-1.24a20.78 20.78 0 0 1-2.82-1.72 8.65 8.65 0 0 1-6.21-2.53 8.5 8.5 0 0 1-2.48-6.08 8.68 8.68 0 0 1 5.23-7.94 8.47 8.47 0 0 1 3.46-.7Zm0 2.16c-1.23 0-2.33.27-3.3.84a6.1 6.1 0 0 0-2.3 2.3 6.5 6.5 0 0 0-.83 3.31 6.3 6.3 0 0 0 6.43 6.46 6.2 6.2 0 0 0 5.59-3.15 6.4 6.4 0 0 0 .83-3.3 6.5 6.5 0 0 0-.84-3.32 6.1 6.1 0 0 0-2.28-2.3 6.41 6.41 0 0 0-3.3-.84Zm28.3 2.39-4.31 12.32h-1.25l-3.38-8.7-3.37 8.7h-1.25L66.4 17.4h2.4l2.75 8.65 3.22-8.65h1.13l3.22 8.65 2.74-8.65h2.4Zm5.68 0v12.32h-2.02V19.3H86v-1.9h3.96Zm-1.25-5.91c.48 0 .88.16 1.2.5a1.64 1.64 0 0 1 0 2.33c-.32.34-.72.52-1.2.52s-.88-.18-1.2-.52a1.67 1.67 0 0 1-.48-1.16 1.68 1.68 0 0 1 1.68-1.67Zm16.49 5.91-5.7 5.37 6.02 6.95h-2.56l-4.87-5.61-1.75 1.62v4h-2.02V11.97h2.02V23.4l6.14-6.02h2.73v.01Z"/><path fill="url(#a)" d="m27.48 36.45 2.97-1.78 5.82-10.26-9 10.52.2 1.52Z"/><path fill="url(#b)" d="m35.43 17.97-.58-1.1-.23-.44-.03.02-3.05-5.55a4.41 4.41 0 0 0-3.83-2.3l-2.96.03 4.28 13.4-2.83 2.76 1.05 10.19 8.71-9.93a4.41 4.41 0 0 0 .59-4.92l-1.12-2.16Z"/><path fill="url(#c)" d="m30.56 17.01-5.1-8.37-8.8-.16a4.44 4.44 0 0 0-3.85 2.1l-5.24 9.9 9.24-11.02 11.56 13.25 2.16-2.2c1-.96.66-2.31.03-3.5Z"/><path fill="url(#d)" d="M18.35 19.73 16.78 9.5 8.14 19.9a4.42 4.42 0 0 0-.76 5.38l5.08 8.82a4.41 4.41 0 0 0 3.78 2.21l5.07.06-6.07-13.78 3.1-2.87Z"/><path fill="url(#e)" d="M27.26 34.92 15.23 22.53l-1.56 1.5a3.14 3.14 0 0 0-.08 4.47l5.2 7.84 8.34.1.13-1.52Z"/><path fill="url(#f)" d="m18.8 36.34 8.53-1.37 5.64 5.84-14.17-4.47Z"/><path fill="url(#g)" d="m27.24 35 3.21-.42 2.85 5.9c.13.24-.2.47-.4.27l-5.66-5.76Z"/><path fill="#fff" d="M28.38 22.66 16.8 9.49l1.48 10.15-3.07 2.87 12.02 12.44-.9-10.15 2.05-2.14Z"/><defs><linearGradient id="a" x1="27.31" x2="36.2" y1="30.37" y2="30.48" gradientUnits="userSpaceOnUse"><stop stop-color="#4340C4"/><stop offset=".12" stop-color="#4642C8"/><stop offset="1" stop-color="#594EE4"/></linearGradient><linearGradient id="b" x1="24.6" x2="37.05" y1="21.75" y2="21.89" gradientUnits="userSpaceOnUse"><stop stop-color="#4340C4"/><stop offset=".74" stop-color="#534ADB"/><stop offset="1" stop-color="#594EE4"/></linearGradient><linearGradient id="c" x1="7.63" x2="31.19" y1="15.41" y2="15.68" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#4340C4"/><stop offset=".6" stop-color="#4F48D5"/><stop offset="1" stop-color="#594EE4"/></linearGradient><linearGradient id="d" x1="6.8" x2="21.46" y1="22.8" y2="22.97" gradientUnits="userSpaceOnUse"><stop stop-color="#0080FF"/><stop offset="1" stop-color="#00B9FF"/></linearGradient><linearGradient id="e" x1="12.66" x2="27.32" y1="29.39" y2="29.56" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0080FF"/><stop offset=".17" stop-color="#008BFF"/><stop offset=".47" stop-color="#00A7FF"/><stop offset=".63" stop-color="#00B9FF"/></linearGradient><linearGradient id="f" x1="18.78" x2="33" y1="37.76" y2="37.93" gradientUnits="userSpaceOnUse"><stop stop-color="#00B9FF"/><stop offset=".3" stop-color="#0080FF"/><stop offset=".6" stop-color="#2D67F1"/><stop offset=".86" stop-color="#4D55E8"/><stop offset="1" stop-color="#594EE4"/></linearGradient><linearGradient id="g" x1="27.37" x2="33.45" y1="37.72" y2="37.79" gradientUnits="userSpaceOnUse"><stop stop-color="#4340C4"/><stop offset=".12" stop-color="#4642C8"/><stop offset="1" stop-color="#594EE4"/></linearGradient></defs></svg>

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/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/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 { component$ } from '@builder.io/qwik';
-import { QwikCity, RouterOutlet } from '@builder.io/qwik-city';
-import { Head } from './components/head/head';
-
-import './global.css';
-
-export default component$(() => {
-  return (
-    <QwikCity>
-      <Head />
-      <body lang="en">
-        <RouterOutlet />
-      </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>
-  );
-});