create-qwik 0.0.21 → 0.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-qwik",
-  "version": "0.0.21",
+  "version": "0.0.24",
   "description": "Interactive CLI and API for generating Qwik projects.",
   "bin": "create-qwik",
   "main": "index.js",

package/starters/apps/base/package.json

@@ -13,10 +13,10 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@builder.io/qwik": "0.0.21",
-    "@types/node": "17.0.34",
+    "@builder.io/qwik": "0.0.24",
+    "@types/node": "latest",
     "node-fetch": "2.6.7",
-    "typescript": "4.6.4",
+    "typescript": "4.7.2",
     "vite": "2.9.9"
   },
   "homepage": "https://qwik.builder.io/",

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

@@ -9,6 +9,6 @@
     ]
   },
   "devDependencies": {
-    "@builder.io/qwik-city": "0.0.10"
+    "@builder.io/qwik-city": "0.0.12"
   }
 }

package/starters/apps/qwik-city/{pages → src/pages}/index.mdx

@@ -1,18 +1,17 @@
 ---
 title: Welcome
-path: /
 ---
 
-import { Counter } from '../src/components/counter/counter';
+import { Counter } from '../components/counter/counter';
 
 # Welcome
 
-Welcome to the favolous Qwik City. QwikCity is our official kit to build amazing sites:
+Welcome to the fabolous Qwik City. QwikCity is our official kit to build amazing sites:
 
 - 🐎 Powered by Qwik. Zero hydration and instant interactivity.
 - 🗃 File based routing (like Nextjs)
 - 🌏 Deploy easily to edge: Netlify, Cloudflare, Vercel, Deno...
-- 📖 Author content directly in Markdown or MDX. MDX brings the best of markdown and JSX, allow to render Qwik components directly in markdown, like this one:
+- 📖 Author content directly in Markdown or MDX. MDX brings the best of markdown and JSX, allowing you to render Qwik components directly in markdown, like this one:
 
 <Counter />
 
@@ -25,4 +24,3 @@ Open your editor and check the following:
   This way you can reuse easily the layout across different content. By default, the `src/layout/default` is used.
 - **The `src/components` folder**: QwikCity is still a normal Qwik app. Any custom component, design systems, or funcionality should live here. Notice the `header`, `footer` and `content-nav` components. They are used by the `default` layout!
 - **The `src/utils` folder**: Place here business logic, or functions that are not components.
-- **The `src/utils` folder**: Place here business logic, or functions that are not components.

package/starters/apps/qwik-city/vite.config.ts

@@ -5,13 +5,11 @@ import { resolve } from 'path';
 /* VITE_IMPORTS */
 
 export default defineConfig(() => {
-  const pagesDir = resolve('pages');
-
   return {
     /* VITE_CONFIG */
     plugins: [
       qwikCity({
-        pagesDir,
+        pagesDir: resolve('src', 'pages'),
         layouts: {
           default: resolve('src', 'layouts', 'default', 'default.tsx'),
         },

package/starters/apps/starter-partytown/package.json

@@ -1,7 +1,7 @@
 {
   "description": "Blank Qwik starter app with Partytown.",
   "dependencies": {
-    "@builder.io/partytown": "^0.3.1"
+    "@builder.io/partytown": "latest"
   },
   "qwik": {
     "priority": 0,

package/starters/apps/todo/src/components/app/app.tsx

@@ -18,10 +18,11 @@ export const App = component$(() => {
   const todos = useStore<Todos>({
     filter: 'all',
     items: [
-      { completed: false, title: 'Read Qwik docs' },
-      { completed: false, title: 'Build HelloWorld' },
-      { completed: false, title: 'Profit' },
+      { completed: false, title: 'Read Qwik docs', id: '0' },
+      { completed: false, title: 'Build HelloWorld', id: '1' },
+      { completed: false, title: 'Profit', id: '2' },
     ],
+    nextItemId: 3,
   });
   useContextProvider(TODOS, todos);
 

package/starters/apps/todo/src/components/body/body.tsx

@@ -8,7 +8,7 @@ export const Body = component$(() => {
     <Host class="main">
       <ul class="todo-list">
         {todos.items.filter(FILTERS[todos.filter]).map((key) => (
-          <Item item={key} />
+          <Item item={key} key={key.id} />
         ))}
       </ul>
     </Host>

package/starters/apps/todo/src/components/header/header.tsx

@@ -25,6 +25,7 @@ export const Header = component$(
               todos.items.push({
                 completed: false,
                 title: state.text,
+                id: `${todos.nextItemId++}`,
               });
               state.text = '';
             }

package/starters/apps/todo/src/state/state.ts

@@ -7,6 +7,7 @@ import { createContext } from '@builder.io/qwik';
 export const TODOS = createContext<Todos>('TodoApp');
 
 export interface TodoItem {
+  id: string;
   completed: boolean;
   title: string;
 }
@@ -14,6 +15,7 @@ export interface TodoItem {
 export interface Todos {
   filter: FilterStates;
   items: TodoItem[];
+  nextItemId: number;
 }
 
 export type FilterStates = 'all' | 'active' | 'completed';

package/starters/features/eslint/package.json

@@ -5,9 +5,9 @@
   },
   "devDependencies": {
     "@types/eslint": "8.4.2",
-    "@typescript-eslint/eslint-plugin": "5.25.0",
-    "@typescript-eslint/parser": "5.25.0",
+    "@typescript-eslint/eslint-plugin": "5.27.0",
+    "@typescript-eslint/parser": "5.27.0",
     "eslint-plugin-qwik": "latest",
-    "eslint": "8.15.0"
+    "eslint": "8.16.0"
   }
 }

package/starters/features/tailwindcss/package.json

@@ -2,7 +2,7 @@
   "description": "Tailwind CSS framework.",
   "devDependencies": {
     "autoprefixer": "10.4.7",
-    "postcss": "8.4.13",
+    "postcss": "8.4.14",
     "tailwindcss": "3.0.24"
   }
 }

package/starters/servers/cloudflare-pages/package.json

@@ -5,7 +5,6 @@
     "serve": "wrangler pages dev ./dist"
   },
   "devDependencies": {
-    "@cloudflare/workers-types": "3.9.0",
     "wrangler": "beta"
   },
   "qwik": {

package/starters/servers/cloudflare-pages/src/entry.cloudflare.tsx

@@ -3,7 +3,7 @@ import { render } from './entry.ssr';
 /**
  * Cloudflare Pages Request Handler
  */
-export const onRequestGet: PagesFunction = async ({ request, next, waitUntil }) => {
+export const onRequestGet = async ({ request, next, waitUntil }: any) => {
   try {
     const url = new URL(request.url);
 

package/starters/servers/cloudflare-pages/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "module": "ES2020",
-    "lib": ["es2020", "DOM"],
-    "jsx": "react-jsx",
-    "jsxImportSource": "@builder.io/qwik",
-    "strict": true,
-    "resolveJsonModule": true,
-    "moduleResolution": "node",
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "incremental": true,
-    "types": ["vite/client", "@cloudflare/workers-types"]
-  },
-  "include": ["src"]
-}