create-qwik 1.5.7 → 1.6.0-dev20240709155456

package/starters/apps/site-with-visual-cms/src/global.css

@@ -1,128 +0,0 @@
-/**
- * WHAT IS THIS FILE?
- *
- * Globally applied styles. No matter which components are in the page or matching route,
- * the styles in here will be applied to the Document, without any sort of CSS scoping.
- *
- */
-
-:root {
-  --qwik-dark-blue: #006ce9;
-  --qwik-light-blue: #18b6f6;
-  --qwik-light-purple: #ac7ff4;
-  --qwik-dark-purple: #713fc2;
-  --qwik-dirty-black: #1d2033;
-
-  --text-color: #ffffff;
-  --main-background: #1c224a;
-  --header-background: var(--main-background);
-  --footer-background: #0d0c25;
-}
-
-/* SHELL ---------------------------------------- */
-html {
-  font-family:
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    "Noto Sans",
-    sans-serif,
-    "Apple Color Emoji",
-    "Segoe UI Emoji",
-    "Segoe UI Symbol",
-    "Noto Color Emoji";
-  background: var(--footer-background);
-}
-
-body {
-  padding: 0;
-  margin: 0;
-  color: var(--text-color);
-  line-height: inherit;
-}
-
-main {
-  background: var(--main-background);
-}
-
-/* HEADINGS ------------------------------------- */
-h1,
-h2,
-h3 {
-  color: white;
-  margin: 0;
-}
-
-h1 {
-  font-size: 3.2rem;
-  text-align: center;
-}
-h1 .highlight,
-h3 .highlight {
-  color: var(--qwik-light-blue);
-}
-
-h2 {
-  font-weight: 400;
-  font-size: 2.4rem;
-}
-h2 .highlight {
-  font-weight: 700;
-}
-
-h3 {
-  font-size: 2rem;
-}
-
-@media screen and (min-width: 768px) {
-  h1 {
-    font-size: 5rem;
-  }
-  h2 {
-    font-size: 3.4rem;
-  }
-  h3 {
-    font-size: 3rem;
-  }
-}
-
-/* TAGS ----------------------------------------- */
-a {
-  text-decoration: none;
-  color: var(--qwik-light-blue);
-}
-
-a:hover {
-  text-decoration: underline;
-  color: var(--qwik-light-blue);
-}
-
-code {
-  background: rgba(230, 230, 230, 0.3);
-  border-radius: 4px;
-  padding: 2px 6px;
-}
-
-ul {
-  margin: 0;
-  padding-left: 20px;
-}
-
-/* Custom Builder CSS Class ----------------------------------------- 
-  This is just an example of setting a custom CSS class on a Builder component,
-  then applying styles to it here in the global CSS file.
-*/
-.builder-footer a {
-  color: var(--text-color);
-  text-decoration: none;
-}
-
-.builder-footer a:hover {
-  color: var(--qwik-light-blue);
-  text-decoration: underline;
-}

package/starters/apps/site-with-visual-cms/src/routes/[...index]/index.tsx

@@ -1,61 +0,0 @@
-import { component$ } from "@builder.io/qwik";
-import { DocumentHead, routeLoader$ } from "@builder.io/qwik-city";
-import {
-  getContent,
-  RenderContent,
-  getBuilderSearchParams,
-} from "@builder.io/sdk-qwik";
-import { CUSTOM_COMPONENTS } from "../../components/builder-registry";
-
-// This page is a catch-all for all routes that don't have a pre-defined route.
-// Using a catch-all route allows you to dynamically create new pages in Builder.
-
-// Use the `useBuilderContent` route loader to get your content from Builder.
-// `routeLoader$()` takes an async function to fetch content
-// from Builder with using `getContent()`.
-export const useBuilderContent = routeLoader$(async ({ url, error }) => {
-  const isPreviewing = url.searchParams.has("builder.preview");
-
-  // Fetch Builder.io Visual CMS content using the Qwik SDK.
-  // The public API key is set in the .env file at the root
-  // https://www.builder.io/c/docs/using-your-api-key
-  const builderContent = await getContent({
-    model: "page",
-    apiKey: import.meta.env.PUBLIC_BUILDER_API_KEY,
-    options: getBuilderSearchParams(url.searchParams),
-    userAttributes: {
-      urlPath: url.pathname,
-    },
-  });
-
-  // If there's no content, throw a 404.
-  // You can use your own 404 component here
-  if (!builderContent && !isPreviewing) {
-    throw error(404, "Page not found");
-  }
-
-  // return content fetched from Builder, which is JSON
-  return builderContent;
-});
-
-export default component$(() => {
-  const builderContent = useBuilderContent();
-
-  // RenderContent component uses the `content` prop to render
-  // the page, specified by the API Key, at the current URL path.
-  return (
-    <RenderContent
-      model="page"
-      content={builderContent.value}
-      apiKey={import.meta.env.PUBLIC_BUILDER_API_KEY}
-      customComponents={CUSTOM_COMPONENTS}
-    />
-  );
-});
-
-export const head: DocumentHead = ({ resolveValue }) => {
-  const builderContent = resolveValue(useBuilderContent);
-  return {
-    title: builderContent?.data?.title,
-  };
-};

package/starters/apps/site-with-visual-cms/src/routes/layout.tsx

@@ -1,15 +0,0 @@
-import { component$, Slot } from "@builder.io/qwik";
-import Header from "../components/header/header";
-import Footer from "../components/footer/footer";
-
-export default component$(() => {
-  return (
-    <>
-      <Header />
-      <main>
-        <Slot />
-      </main>
-      <Footer />
-    </>
-  );
-});

package/starters/apps/site-with-visual-cms/src/routes/service-worker.ts

@@ -1,18 +0,0 @@
-/*
- * WHAT IS THIS FILE?
- *
- * The service-worker.ts file is used to have state of the art prefetching.
- * https://qwik.dev/qwikcity/prefetching/overview/
- *
- * Qwik uses a service worker to speed up your site and reduce latency, ie, not used in the traditional way of offline.
- * You can also use this file to add more functionality that runs in the service worker.
- */
-import { setupServiceWorker } from "@builder.io/qwik-city/service-worker";
-
-setupServiceWorker();
-
-addEventListener("install", () => self.skipWaiting());
-
-addEventListener("activate", () => self.clients.claim());
-
-declare const self: ServiceWorkerGlobalScope;

package/starters/apps/site-with-visual-cms/vite.config.ts

@@ -1,11 +0,0 @@
-import { defineConfig } from "vite";
-import { qwikVite } from "@builder.io/qwik/optimizer";
-import { qwikCity } from "@builder.io/qwik-city/vite";
-import { builderDevTools } from "@builder.io/dev-tools/vite";
-import tsconfigPaths from "vite-tsconfig-paths";
-
-export default defineConfig(() => {
-  return {
-    plugins: [builderDevTools(), qwikCity(), qwikVite(), tsconfigPaths()],
-  };
-});