npm - create-qwik - Versions diffs - 1.1.5-dev20230624194124 → 1.1.5-dev20230625184243 - Mend

create-qwik 1.1.5-dev20230624194124 → 1.1.5-dev20230625184243

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (60) hide show

package/starters/apps/empty/src/components/router-head/router-head.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import { component$ } from '@builder.io/qwik';
-import { useDocumentHead, useLocation } from '@builder.io/qwik-city';
+import { component$ } from "@builder.io/qwik";
+import { useDocumentHead, useLocation } from "@builder.io/qwik-city";
 /**
  * The RouterHead component is placed inside of the document `<head>` element.

package/starters/apps/empty/src/root.tsx CHANGED Viewed

@@ -1,8 +1,12 @@
-import { component$ } from '@builder.io/qwik';
-import { QwikCityProvider, RouterOutlet, ServiceWorkerRegister } from '@builder.io/qwik-city';
-import { RouterHead } from './components/router-head/router-head';
+import { component$ } from "@builder.io/qwik";
+import {
+  QwikCityProvider,
+  RouterOutlet,
+  ServiceWorkerRegister,
+} from "@builder.io/qwik-city";
+import { RouterHead } from "./components/router-head/router-head";
-import './global.css';
+import "./global.css";
 export default component$(() => {
   /**

package/starters/apps/empty/src/routes/index.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import { component$ } from '@builder.io/qwik';
-import type { DocumentHead } from '@builder.io/qwik-city';
+import { component$ } from "@builder.io/qwik";
+import type { DocumentHead } from "@builder.io/qwik-city";
 export default component$(() => {
   return (
@@ -15,11 +15,11 @@ export default component$(() => {
 });
 export const head: DocumentHead = {
-  title: 'Welcome to Qwik',
+  title: "Welcome to Qwik",
   meta: [
     {
-      name: 'description',
-      content: 'Qwik site description',
+      name: "description",
+      content: "Qwik site description",
     },
   ],
 };

package/starters/apps/empty/src/routes/layout.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import { component$, Slot } from '@builder.io/qwik';
-import type { RequestHandler } from '@builder.io/qwik-city';
+import { component$, Slot } from "@builder.io/qwik";
+import type { RequestHandler } from "@builder.io/qwik-city";
 export const onGet: RequestHandler = async ({ cacheControl }) => {
   // Control caching for this request for best performance and to reduce hosting costs:

package/starters/apps/empty/src/routes/service-worker.ts CHANGED Viewed

@@ -7,12 +7,12 @@
  * 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';
+import { setupServiceWorker } from "@builder.io/qwik-city/service-worker";
 setupServiceWorker();
-addEventListener('install', () => self.skipWaiting());
+addEventListener("install", () => self.skipWaiting());
-addEventListener('activate', () => self.clients.claim());
+addEventListener("activate", () => self.clients.claim());
 declare const self: ServiceWorkerGlobalScope;

package/starters/apps/library/.eslintrc.cjs CHANGED Viewed

@@ -6,35 +6,35 @@ module.exports = {
     node: true,
   },
   extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:qwik/recommended',
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:qwik/recommended",
   ],
-  parser: '@typescript-eslint/parser',
+  parser: "@typescript-eslint/parser",
   parserOptions: {
     tsconfigRootDir: __dirname,
-    project: ['./tsconfig.json'],
+    project: ["./tsconfig.json"],
     ecmaVersion: 2021,
-    sourceType: 'module',
+    sourceType: "module",
     ecmaFeatures: {
       jsx: true,
     },
   },
-  plugins: ['@typescript-eslint'],
+  plugins: ["@typescript-eslint"],
   rules: {
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    '@typescript-eslint/no-inferrable-types': 'off',
-    '@typescript-eslint/no-non-null-assertion': 'off',
-    '@typescript-eslint/no-empty-interface': 'off',
-    '@typescript-eslint/no-namespace': 'off',
-    '@typescript-eslint/no-empty-function': 'off',
-    '@typescript-eslint/no-this-alias': 'off',
-    '@typescript-eslint/ban-types': 'off',
-    '@typescript-eslint/ban-ts-comment': 'off',
-    'prefer-spread': 'off',
-    'no-case-declarations': 'off',
-    'no-console': 'off',
-    '@typescript-eslint/no-unused-vars': ['error'],
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "@typescript-eslint/no-inferrable-types": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/no-empty-interface": "off",
+    "@typescript-eslint/no-namespace": "off",
+    "@typescript-eslint/no-empty-function": "off",
+    "@typescript-eslint/no-this-alias": "off",
+    "@typescript-eslint/ban-types": "off",
+    "@typescript-eslint/ban-ts-comment": "off",
+    "prefer-spread": "off",
+    "no-case-declarations": "off",
+    "no-console": "off",
+    "@typescript-eslint/no-unused-vars": ["error"],
   },
 };

package/starters/apps/library/src/components/counter/counter.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { component$, useSignal } from '@builder.io/qwik';
+import { component$, useSignal } from "@builder.io/qwik";
 export const Counter = component$(() => {
   const count = useSignal(0);

package/starters/apps/library/src/components/logo/logo.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { component$ } from '@builder.io/qwik';
+import { component$ } from "@builder.io/qwik";
 export const Logo = component$(() => {
   return (

package/starters/apps/library/src/entry.dev.tsx CHANGED Viewed

@@ -9,8 +9,8 @@
  * - More code is transferred to the browser than in SSR mode.
  * - Optimizer/Serialization/Deserialization code is not exercised!
  */
-import { render, type RenderOptions } from '@builder.io/qwik';
-import Root from './root';
+import { render, type RenderOptions } from "@builder.io/qwik";
+import Root from "./root";
 export default function (opts: RenderOptions) {
   return render(document, <Root />, opts);

package/starters/apps/library/src/entry.ssr.tsx CHANGED Viewed

@@ -10,9 +10,12 @@
  * - npm run build
  *
  */
-import { renderToStream, type RenderToStreamOptions } from '@builder.io/qwik/server';
-import { manifest } from '@qwik-client-manifest';
-import Root from './root';
+import {
+  renderToStream,
+  type RenderToStreamOptions,
+} from "@builder.io/qwik/server";
+import { manifest } from "@qwik-client-manifest";
+import Root from "./root";
 export default function (opts: RenderToStreamOptions) {
   return renderToStream(<Root />, {

package/starters/apps/library/src/index.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export { Logo } from './components/logo/logo';
-export { Counter } from './components/counter/counter';
+export { Logo } from "./components/logo/logo";
+export { Counter } from "./components/counter/counter";

package/starters/apps/library/src/root.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Counter } from './components/counter/counter';
-import { Logo } from './components/logo/logo';
+import { Counter } from "./components/counter/counter";
+import { Logo } from "./components/logo/logo";
 export default () => {
   return (

package/starters/apps/library/vite.config.ts CHANGED Viewed

@@ -1,14 +1,14 @@
-import { defineConfig } from 'vite';
-import { qwikVite } from '@builder.io/qwik/optimizer';
+import { defineConfig } from "vite";
+import { qwikVite } from "@builder.io/qwik/optimizer";
 export default defineConfig(() => {
   return {
     build: {
-      target: 'es2020',
+      target: "es2020",
       lib: {
-        entry: './src/index.ts',
-        formats: ['es', 'cjs'],
-        fileName: (format) => `index.qwik.${format === 'es' ? 'mjs' : 'cjs'}`,
+        entry: "./src/index.ts",
+        formats: ["es", "cjs"],
+        fileName: (format) => `index.qwik.${format === "es" ? "mjs" : "cjs"}`,
       },
     },
     plugins: [qwikVite()],

package/starters/apps/site-with-visual-cms/src/components/builder-registry.ts CHANGED Viewed

@@ -1,14 +1,14 @@
-import type { RegisteredComponent } from '@builder.io/sdk-qwik';
-import Counter from './counter/counter';
+import type { RegisteredComponent } from "@builder.io/sdk-qwik";
+import Counter from "./counter/counter";
 export const CUSTOM_COMPONENTS: RegisteredComponent[] = [
   {
     component: Counter,
-    name: 'Counter',
+    name: "Counter",
     inputs: [
       {
-        name: 'initialValue',
-        type: 'number',
+        name: "initialValue",
+        type: "number",
       },
     ],
   },

package/starters/apps/site-with-visual-cms/src/components/counter/counter.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
-import { component$, useSignal, $ } from '@builder.io/qwik';
-import styles from './counter.module.css';
-import Gauge from '../gauge';
+import { component$, useSignal, $ } from "@builder.io/qwik";
+import styles from "./counter.module.css";
+import Gauge from "../gauge";
 export default component$((props: { initialValue: number }) => {
   const count = useSignal(props.initialValue || 99);
@@ -35,7 +35,7 @@ export const celebrate = $(async () => {
     gravity: 0,
     decay: 0.95,
     startVelocity: 30,
-    colors: ['006ce9', 'ac7ff4', '18b6f6', '713fc2', 'ffffff'],
+    colors: ["006ce9", "ac7ff4", "18b6f6", "713fc2", "ffffff"],
     origin: {
       x: 0.5,
       y: 0.35,
@@ -47,9 +47,9 @@ export const celebrate = $(async () => {
       if ((globalThis as any).confetti) {
         return resolve((globalThis as any).confetti as any);
       }
-      const script = document.createElement('script');
+      const script = document.createElement("script");
       script.src =
-        'https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js';
+        "https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js";
       script.onload = () => resolve((globalThis as any).confetti as any);
       script.onerror = reject;
       document.head.appendChild(script);

package/starters/apps/site-with-visual-cms/src/components/footer/footer.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import { component$ } from '@builder.io/qwik';
-import styles from './footer.module.css';
+import { component$ } from "@builder.io/qwik";
+import styles from "./footer.module.css";
 export default component$(() => {
   return (

package/starters/apps/site-with-visual-cms/src/components/gauge/index.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import { component$ } from '@builder.io/qwik';
-import styles from './gauge.module.css';
+import { component$ } from "@builder.io/qwik";
+import styles from "./gauge.module.css";
 export default component$(({ value = 50 }: { value?: number }) => {
   const safeValue = value < 0 || value > 100 ? 50 : value;
@@ -13,7 +13,13 @@ export default component$(({ value = 50 }: { value?: number }) => {
             <stop offset="1000%" stop-color="#AC7FF4" />
           </linearGradient>
         </defs>
-        <circle r="56" cx="60" cy="60" stroke-width="8" style="fill: #000; stroke: #0000" />
+        <circle
+          r="56"
+          cx="60"
+          cy="60"
+          stroke-width="8"
+          style="fill: #000; stroke: #0000"
+        />
         <circle
           r="56"
           cx="60"

package/starters/apps/site-with-visual-cms/src/components/header/header.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
-import { component$ } from '@builder.io/qwik';
-import { QwikLogo } from '../icons/qwik';
-import styles from './header.module.css';
+import { component$ } from "@builder.io/qwik";
+import { QwikLogo } from "../icons/qwik";
+import styles from "./header.module.css";
 export default component$(() => {
   return (
@@ -13,17 +13,26 @@ export default component$(() => {
         </div>
         <ul>
           <li>
-            <a href="https://qwik.builder.io/docs/components/overview/" target="_blank">
+            <a
+              href="https://qwik.builder.io/docs/components/overview/"
+              target="_blank"
+            >
               Docs
             </a>
           </li>
           <li>
-            <a href="https://qwik.builder.io/examples/introduction/hello-world/" target="_blank">
+            <a
+              href="https://qwik.builder.io/examples/introduction/hello-world/"
+              target="_blank"
+            >
               Examples
             </a>
           </li>
           <li>
-            <a href="https://qwik.builder.io/tutorial/welcome/overview/" target="_blank">
+            <a
+              href="https://qwik.builder.io/tutorial/welcome/overview/"
+              target="_blank"
+            >
               Tutorials
             </a>
           </li>

package/starters/apps/site-with-visual-cms/src/components/icons/qwik.tsx CHANGED Viewed

@@ -1,4 +1,10 @@
-export const QwikLogo = ({ width = 100, height = 35 }: { width?: number; height?: number }) => (
+export const QwikLogo = ({
+  width = 100,
+  height = 35,
+}: {
+  width?: number;
+  height?: number;
+}) => (
   <svg
     width={width}
     height={height}

package/starters/apps/site-with-visual-cms/src/components/router-head/router-head.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import { component$ } from '@builder.io/qwik';
-import { useDocumentHead, useLocation } from '@builder.io/qwik-city';
+import { component$ } from "@builder.io/qwik";
+import { useDocumentHead, useLocation } from "@builder.io/qwik-city";
 /**
  * The RouterHead component is placed inside of the document `<head>` element.

package/starters/apps/site-with-visual-cms/src/entry.dev.tsx CHANGED Viewed

@@ -9,8 +9,8 @@
  * - More code is transferred to the browser than in SSR mode.
  * - Optimizer/Serialization/Deserialization code is not exercised!
  */
-import { render, type RenderOptions } from '@builder.io/qwik';
-import Root from './root';
+import { render, type RenderOptions } from "@builder.io/qwik";
+import Root from "./root";
 export default function (opts: RenderOptions) {
   return render(document, <Root />, opts);

package/starters/apps/site-with-visual-cms/src/entry.preview.tsx CHANGED Viewed

@@ -10,9 +10,9 @@
  * - https://vitejs.dev/config/preview-options.html#preview-options
  *
  */
-import { createQwikCity } from '@builder.io/qwik-city/middleware/node';
-import qwikCityPlan from '@qwik-city-plan';
-import render from './entry.ssr';
+import { createQwikCity } from "@builder.io/qwik-city/middleware/node";
+import qwikCityPlan from "@qwik-city-plan";
+import render from "./entry.ssr";
 /**
  * The default export is the QwikCity adapter used by Vite preview.

package/starters/apps/site-with-visual-cms/src/entry.ssr.tsx CHANGED Viewed

@@ -10,9 +10,12 @@
  * - npm run build
  *
  */
-import { renderToStream, type RenderToStreamOptions } from '@builder.io/qwik/server';
-import { manifest } from '@qwik-client-manifest';
-import Root from './root';
+import {
+  renderToStream,
+  type RenderToStreamOptions,
+} from "@builder.io/qwik/server";
+import { manifest } from "@qwik-client-manifest";
+import Root from "./root";
 export default function (opts: RenderToStreamOptions) {
   return renderToStream(<Root />, {
@@ -20,7 +23,7 @@ export default function (opts: RenderToStreamOptions) {
     ...opts,
     // Use container attributes to set attributes on the html tag.
     containerAttributes: {
-      lang: 'en-us',
+      lang: "en-us",
       ...opts.containerAttributes,
     },
   });

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

@@ -21,9 +21,9 @@
 /* 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';
+  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);
 }

package/starters/apps/site-with-visual-cms/src/root.tsx CHANGED Viewed

@@ -1,8 +1,12 @@
-import { component$ } from '@builder.io/qwik';
-import { QwikCityProvider, RouterOutlet, ServiceWorkerRegister } from '@builder.io/qwik-city';
-import { RouterHead } from './components/router-head/router-head';
+import { component$ } from "@builder.io/qwik";
+import {
+  QwikCityProvider,
+  RouterOutlet,
+  ServiceWorkerRegister,
+} from "@builder.io/qwik-city";
+import { RouterHead } from "./components/router-head/router-head";
-import './global.css';
+import "./global.css";
 export default component$(() => {
   /**

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

@@ -1,7 +1,11 @@
-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';
+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 enw pages in Builder.
@@ -10,13 +14,13 @@ import { CUSTOM_COMPONENTS } from '../../components/builder-registry';
 // `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');
+  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',
+    model: "page",
     apiKey: import.meta.env.PUBLIC_BUILDER_API_KEY,
     options: getBuilderSearchParams(url.searchParams),
     userAttributes: {
@@ -27,7 +31,7 @@ export const useBuilderContent = routeLoader$(async ({ url, error }) => {
   // 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');
+    throw error(404, "Page not found");
   }
   // return content fetched from Builder, which is JSON

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

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

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

@@ -7,12 +7,12 @@
  * 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';
+import { setupServiceWorker } from "@builder.io/qwik-city/service-worker";
 setupServiceWorker();
-addEventListener('install', () => self.skipWaiting());
+addEventListener("install", () => self.skipWaiting());
-addEventListener('activate', () => self.clients.claim());
+addEventListener("activate", () => self.clients.claim());
 declare const self: ServiceWorkerGlobalScope;

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

@@ -1,7 +1,7 @@
-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 { 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";
 export default defineConfig(() => {
   return {