create-qwik 0.13.3 → 0.14.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-qwik",
-  "version": "0.13.3",
+  "version": "0.14.1",
   "description": "Interactive CLI for create Qwik projects and adding features.",
   "bin": "./create-qwik.cjs",
   "main": "./index.cjs",
@@ -28,7 +28,7 @@
     "url": "https://github.com/BuilderIO/qwik/issues"
   },
   "devDependencies": {
-    "@types/prompts": "2.0.14",
+    "@types/prompts": "2.4.1",
     "kleur": "4.1.5",
     "ora": "^6.1.2",
     "prompts": "2.4.2"

package/starters/apps/base/README.md

@@ -1,18 +1,17 @@
-# Qwik App ⚡️
+# Qwik City App ⚡️
 
 - [Qwik Docs](https://qwik.builder.io/)
 - [Discord](https://qwik.builder.io/chat)
 - [Qwik GitHub](https://github.com/BuilderIO/qwik)
 - [@QwikDev](https://twitter.com/QwikDev)
 - [Vite](https://vitejs.dev/)
-- [Partytown](https://partytown.builder.io/)
-- [Mitosis](https://github.com/BuilderIO/mitosis)
-- [Builder.io](https://www.builder.io/)
 
 ---
 
 ## Project Structure
 
+This project is using Qwik with [QwikCity](https://qwik.builder.io/qwikcity/overview/). QwikCity is just a extra set of tools on top of Qwik to make it easier to build a full site, including directory-based routing, layouts, and more.
+
 Inside your project, you'll see the following directory structure:
 
 ```
@@ -31,7 +30,7 @@ Inside your project, you'll see the following directory structure:
 
 - `public`: Any static assets, like images, can be placed in the public directory. Please see the [Vite public directory](https://vitejs.dev/guide/assets.html#the-public-directory) for more info.
 
-## Add Integrations
+## Add Integrations and deployment
 
 Use the `npm run qwik add` command to add additional integrations. Some examples of integrations include: Cloudflare, Netlify or Express server, and the [Static Site Generator (SSG)](https://qwik.builder.io/qwikcity/static-site-generation/static-site-config/).
 
@@ -44,7 +43,7 @@ npm run qwik add # or `yarn qwik add`
 Development mode uses [Vite's development server](https://vitejs.dev/). During development, the `dev` command will server-side render (SSR) the output.
 
 ```shell
-npm run dev # or `yarn dev`
+npm start # or `yarn start`
 ```
 
 > Note: during dev mode, Vite may request a significant number of `.js` files. This does not represent a Qwik production build.

package/starters/apps/base/package.json

@@ -9,25 +9,25 @@
     "dev.debug": "node --inspect-brk ./node_modules/vite/bin/vite.js --mode ssr --force",
     "fmt": "prettier --write .",
     "fmt.check": "prettier --check .",
-    "lint": "eslint src/**/*.ts*",
+    "lint": "eslint \"src/**/*.ts*\"",
     "preview": "qwik build preview && vite preview --open",
     "start": "vite --open --mode ssr",
-    "serve": "echo 'Run \"npm run qwik add\" to install a server adaptor'",
+    "deploy": "echo 'Run \"npm run qwik add\" to install a server adaptor'",
     "qwik": "qwik"
   },
   "devDependencies": {
-    "@builder.io/qwik": "0.13.3",
-    "@builder.io/qwik-city": "0.0.122",
-    "@types/eslint": "8.4.9",
+    "@builder.io/qwik": "0.14.1",
+    "@builder.io/qwik-city": "0.0.127",
+    "@types/eslint": "8.4.10",
     "@types/node": "latest",
-    "@typescript-eslint/eslint-plugin": "5.42.0",
-    "@typescript-eslint/parser": "5.42.0",
-    "eslint-plugin-qwik": "0.13.3",
-    "eslint": "8.26.0",
-    "node-fetch": "3.2.10",
+    "@typescript-eslint/eslint-plugin": "5.43.0",
+    "@typescript-eslint/parser": "5.43.0",
+    "eslint-plugin-qwik": "0.14.1",
+    "eslint": "8.28.0",
+    "node-fetch": "3.3.0",
     "prettier": "2.7.1",
-    "typescript": "4.8.4",
-    "vite": "3.2.2",
+    "typescript": "4.9.3",
+    "vite": "3.2.4",
     "vite-tsconfig-paths": "3.5.0"
   },
   "private": true

package/starters/apps/base/src/entry.ssr.tsx

@@ -21,13 +21,7 @@ export default function (opts: RenderToStreamOptions) {
     // Use container attributes to set attributes on the html tag.
     containerAttributes: {
       lang: 'en-us',
-    },
-    prefetchStrategy: {
-      implementation: {
-        linkInsert: null,
-        workerFetchInsert: null,
-        prefetchEvent: 'always',
-      },
+      ...opts.containerAttributes,
     },
   });
 }

package/starters/apps/basic/package.json

@@ -7,7 +7,7 @@
     "displayName": "Basic App (QwikCity)",
     "qwikCity": true,
     "docs": [
-      "https://qwik.builder.io/docs/overview/"
+      "https://qwik.builder.io/docs/getting-started/"
     ]
   }
 }

package/starters/apps/basic/src/root.tsx

@@ -1,12 +1,12 @@
 import { component$, useStyles$ } from '@builder.io/qwik';
-import { QwikCity, RouterOutlet, ServiceWorkerRegister } from '@builder.io/qwik-city';
+import { QwikCityProvider, RouterOutlet, ServiceWorkerRegister } from '@builder.io/qwik-city';
 import { RouterHead } from './components/router-head/router-head';
 
 import globalStyles from './global.css?inline';
 
 export default component$(() => {
   /**
-   * The root of a QwikCity site always start with the <QwikCity> component,
+   * The root of a QwikCity site always start with the <QwikCityProvider> component,
    * immediately followed by the document's <head> and <body>.
    *
    * Dont remove the `<head>` and `<body>` elements.
@@ -14,7 +14,7 @@ export default component$(() => {
   useStyles$(globalStyles);
 
   return (
-    <QwikCity>
+    <QwikCityProvider>
       <head>
         <meta charSet="utf-8" />
         <link rel="manifest" href="/manifest.json" />
@@ -24,6 +24,6 @@ export default component$(() => {
         <RouterOutlet />
         <ServiceWorkerRegister />
       </body>
-    </QwikCity>
+    </QwikCityProvider>
   );
 });

package/starters/apps/basic/src/routes/index.tsx

@@ -127,7 +127,7 @@ export default component$(() => {
           </a>
         </li>
       </ul>
-      <Link class="mindblow" href="/flower">
+      <Link class="mindblow" href="/flower/">
         Blow my mind 🤯
       </Link>
     </div>

package/starters/apps/documentation-site/package.json

@@ -7,7 +7,7 @@
     "displayName": "Documentation site (QwikCity)",
     "qwikCity": true,
     "docs": [
-      "https://qwik.builder.io/docs/overview/"
+      "https://qwik.builder.io/docs/getting-started/"
     ]
   }
 }

package/starters/apps/documentation-site/src/root.tsx

@@ -1,18 +1,18 @@
 import { component$ } from '@builder.io/qwik';
-import { QwikCity, RouterOutlet, ServiceWorkerRegister } from '@builder.io/qwik-city';
+import { QwikCityProvider, RouterOutlet, ServiceWorkerRegister } from '@builder.io/qwik-city';
 import { RouterHead } from './components/router-head/router-head';
 
 import './global.css';
 
 export default component$(() => {
   /*
-   * The root of a QwikCity site always start with the <QwikCity> component,
+   * The root of a QwikCity site always start with the <QwikCityProvider> component,
    * immediately followed by the document's <head> and <body>.
    *
    * Dont remove the `<head>` and `<body>` elements.
    */
   return (
-    <QwikCity>
+    <QwikCityProvider>
       <head>
         <meta charSet="utf-8" />
         <RouterHead />
@@ -21,6 +21,6 @@ export default component$(() => {
         <RouterOutlet />
         <ServiceWorkerRegister />
       </body>
-    </QwikCity>
+    </QwikCityProvider>
   );
 });

package/starters/apps/documentation-site/src/routes/about-us/index.md

@@ -11,5 +11,5 @@ This page is at the root level, so it only uses the `/src/routes/layout.tsx` lay
 - [Layouts](https://qwik.builder.io/qwikcity/layout/overview/)
 - [Routing](https://qwik.builder.io/qwikcity/routing/overview/)
 - [Authoring Content](https://qwik.builder.io/qwikcity/content/component/)
-- [Server Adaptors and Middleware](https://qwik.builder.io/qwikcity/adaptors/overview/)
+- [Deployment](https://qwik.builder.io/qwikcity/adaptors/overview/)
 - [Static Site Generation (SSG)](https://qwik.builder.io/qwikcity/static-site-generation/overview/)

package/starters/apps/documentation-site/src/routes/docs/index.md

@@ -18,5 +18,5 @@ The left menu ordering is created with the `src/routes/docs/menu.md` markdown fi
 - [Layouts](https://qwik.builder.io/qwikcity/layout/overview/)
 - [Routing](https://qwik.builder.io/qwikcity/routing/overview/)
 - [Authoring Content](https://qwik.builder.io/qwikcity/content/component/)
-- [Server Adaptors and Middleware](https://qwik.builder.io/qwikcity/adaptors/overview/)
+- [Deployment](https://qwik.builder.io/qwikcity/adaptors/overview/)
 - [Static Site Generation (SSG)](https://qwik.builder.io/qwikcity/static-site-generation/overview/)

package/starters/apps/documentation-site/src/routes/docs/layout.tsx

@@ -2,7 +2,7 @@ import { component$, Slot, useStyles$ } from '@builder.io/qwik';
 import type { DocumentHead } from '@builder.io/qwik-city';
 import Menu from '~/components/menu/menu';
 import OnThisPage from '~/components/on-this-page/on-this-page';
-import styles from './docs.css';
+import styles from './docs.css?inline';
 
 export default component$(() => {
   useStyles$(styles);

package/starters/apps/library/package.json

@@ -26,30 +26,30 @@
     "dev.debug": "node --inspect-brk ./node_modules/vite/bin/vite.js --mode ssr --force",
     "fmt": "prettier --write .",
     "fmt.check": "prettier --check .",
-    "lint": "eslint src/**/*.ts*",
+    "lint": "eslint \"src/**/*.ts*\"",
     "start": "vite --open --mode ssr",
     "qwik": "qwik",
     "release": "np"
   },
   "devDependencies": {
-    "@builder.io/qwik": "0.13.3",
-    "@types/eslint": "8.4.9",
+    "@builder.io/qwik": "0.14.1",
+    "@types/eslint": "8.4.10",
     "@types/node": "latest",
-    "@typescript-eslint/eslint-plugin": "5.42.0",
-    "@typescript-eslint/parser": "5.42.0",
+    "@typescript-eslint/eslint-plugin": "5.43.0",
+    "@typescript-eslint/parser": "5.43.0",
     "eslint-plugin-qwik": "latest",
-    "eslint": "8.26.0",
-    "node-fetch": "3.2.10",
+    "eslint": "8.28.0",
+    "node-fetch": "3.3.0",
     "np": "7.6.1",
     "prettier": "2.7.1",
-    "typescript": "4.8.4",
-    "vite": "3.2.2"
+    "typescript": "4.9.3",
+    "vite": "3.2.4"
   },
   "__qwik__": {
     "displayName": "Component library",
     "priority": -1,
     "docs": [
-      "https://qwik.builder.io/docs/overview/"
+      "https://qwik.builder.io/docs/getting-started/"
     ]
   }
 }

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

@@ -18,12 +18,5 @@ export default function (opts: RenderToStreamOptions) {
   return renderToStream(<Root />, {
     manifest,
     ...opts,
-    prefetchStrategy: {
-      implementation: {
-        linkInsert: null,
-        workerFetchInsert: null,
-        prefetchEvent: 'always',
-      },
-    },
   });
 }