Merge remote-tracking branch 'upstream/main' into brandonpittman/main

.github/workflows/ci.yml

@@ -8,6 +8,7 @@ on:
       - next
       - qwik-labs
       - vercelserverless
+      - 'build/**'
   workflow_dispatch:
     inputs:
       disttag:
@@ -65,8 +66,11 @@ jobs:
               - 'Cargo.yaml'
               - '.github/workflows/*.yaml'
               - 'scripts/*.ts'
-      - name: Print fullbuild output
-        run: echo ${{ steps.filter.outputs.fullbuild == 'true' || github.event.inputs.disttag != '' }}
+      - name: Print variables output
+        run: |
+          echo fullbuild=${{ steps.filter.outputs.fullbuild }}
+          echo disttag=${{ github.event.inputs.disttag }}
+          echo event_name=${{ github.event_name }}
 
   ############ BUILD PACKAGE ############
   build-package:
@@ -410,7 +414,7 @@ jobs:
             packages/qwik-labs/package.json
           if-no-files-found: error
 
-    ############ RELEASE ############
+  ############ RELEASE ############
   release:
     name: Release
     runs-on: ubuntu-latest
@@ -676,7 +680,7 @@ jobs:
         if: ${{ always() }}
         run: pnpm run lint.eslint
 
-  ############ TRIGGER QWIKCITY E2E Test ############
+  ############ TRIGGER QWIKCITY E2E TEST ############
   trigger-qwikcity-e2e:
     name: Trigger Qwik City E2E
     runs-on: ubuntu-latest

.github/workflows/pr.yml

@@ -0,0 +1,22 @@
+name: Qwik PR Checks
+
+on:
+  pull_request_target:
+    types:
+      - opened
+      - edited
+      - synchronize
+      - ready_for_review
+
+permissions:
+  pull-requests: read
+
+jobs:
+  ############ SEMANTIC PR TITLE VALIDATION ############
+  semantic-pr:
+    name: Validate PR title
+    runs-on: ubuntu-latest
+    steps:
+      - uses: amannn/action-semantic-pull-request@v5
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.nvmrc

@@ -1 +1 @@
-16
+18.11

.prettierignore

@@ -26,6 +26,8 @@ packages/docs/api/**/*
 packages/docs/src/routes/**/*.mdx
 **/server/**/*.js
 starters/**/*.js
+# explicit exclusion for tailwind prettier.config.js
+starters/features/tailwind/*
 packages/docs/server
 packages/docs/src/routes/api
 packages/docs/**/*.md

@types/bun.d.ts

@@ -0,0 +1,8 @@
+declare const Bun: {
+  fileURLToPath: (url: string) => string;
+  env: any;
+  file: (path: string) => {
+    text: () => Promise<string>;
+    stream: () => Promise<ReadableStream<Uint8Array>>;
+  };
+};

CONTRIBUTING.md

@@ -210,28 +210,17 @@ To use your build in your project, follow these steps:
     yarn link @builder.io/qwik @builder.io/qwik-city
    ```
 
-If you can't use package linking (npm link) just copy the contents of `package/qwik/dist` into your projects' `node_modules/@builder.io/qwik` folder.
+If you can't use package linking (npm link) just copy the contents of `packages/qwik/dist` into your projects' `node_modules/@builder.io/qwik` folder, and/or the contents of `packages/qwik-city/lib` into your projects' `node_modules/@builder.io/qwik-city` folder.
 
 ### Test against the docs site:
 
-1. Go to `packages/docs/package.json` and update:
-
-   ```diff
-
-   -- "@builder.io/qwik": "0.17.4",
-   -- "@builder.io/qwik-city": "0.1.0-beta13",
-
-   ++ "@builder.io/qwik": "workspace:*",
-   ++ "@builder.io/qwik-city": "workspace:*",
-   ```
-
-2. At the root of the Qwik repo folder run:
+1. At the root of the Qwik repo folder run:
 
 ```shell
 pnpm install
 ```
 
-3. Run the docs site:
+2. Run the docs site:
 
 ```shell
 cd packages/docs && pnpm start

README.md

@@ -31,6 +31,8 @@ npm create qwik@latest
 pnpm create qwik@latest
 # or
 yarn create qwik@latest
+# or
+bun create qwik@latest
 ```
 
 - Understand the difference between [resumable and replayable](https://qwik.builder.io/docs/concepts/resumable/) applications.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "qwik-monorepo",
-  "version": "1.2.9",
+  "version": "1.2.12",
   "config": {
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@builder.io/partytown": "^0.8.0",
-    "@clack/prompts": "^0.6.3",
+    "@clack/prompts": "^0.7.0",
     "@microsoft/api-documenter": "^7.22.30",
     "@microsoft/api-extractor": "7.36.3",
     "@napi-rs/cli": "2.12.1",
@@ -91,9 +91,9 @@
     "node": ">=16.8.0 <18.0.0 || >=18.11",
     "npm": "please-use-pnpm",
     "yarn": "please-use-pnpm",
-    "pnpm": ">=8.0.0"
+    "pnpm": ">=8.6.12"
   },
-  "packageManager": "pnpm@8.6.1",
+  "packageManager": "pnpm@8.6.12",
   "pnpm": {
     "overrides": {
       "vfile": "6.0.1"

packages/create-qwik/package.json

@@ -1,12 +1,12 @@
 {
   "name": "create-qwik",
   "description": "Interactive CLI for create Qwik projects and adding features.",
-  "version": "1.2.9",
+  "version": "1.2.12",
   "author": "Builder.io Team",
   "bin": "./create-qwik.cjs",
   "bugs": "https://github.com/BuilderIO/qwik/issues",
   "devDependencies": {
-    "@clack/prompts": "^0.6.3",
+    "@clack/prompts": "^0.7.0",
     "@types/yargs": "17.0.24",
     "kleur": "4.1.5",
     "yargs": "17.7.2"

packages/create-qwik/src/helpers/jokes.json

@@ -41,7 +41,7 @@
   ["What's red and bad for your teeth?", "A Brick."],
   [
     "What's the difference between a guitar and a fish?",
-    "You can tune a guitar but you can't \"tuna\"fish!"
+    "You can tune a guitar but you can't \"tuna\" fish!"
   ],
   ["Why did the coffee file a police report?", "It got mugged."],
   ["What do you do when you see a space man?", "Park your car, man."],

packages/docs/package.json

@@ -16,7 +16,7 @@
     "@docsearch/css": "3.3.4",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@modular-forms/qwik": "^0.12.0",
+    "@modular-forms/qwik": "^0.21.0",
     "@mui/material": "^5.13.0",
     "@mui/x-data-grid": "^6.4.0",
     "@supabase/supabase-js": "^2.33.1",
@@ -31,6 +31,7 @@
     "gray-matter": "4.0.3",
     "openai": "^3.3.0",
     "postcss": "8.4.27",
+    "prettier": "3.0.0",
     "prism-themes": "1.9.0",
     "prismjs": "1.29.0",
     "puppeteer": "^20.9.0",
@@ -45,7 +46,7 @@
     "typescript": "5.1.6",
     "undici": "5.22.1",
     "uvu": "0.5.6",
-    "valibot": "^0.13.0",
+    "valibot": "^0.17.1",
     "vite": "4.4.7",
     "vite-plugin-inspect": "^0.7.33",
     "wrangler": "^3.3.0"
@@ -54,11 +55,11 @@
     "node": ">=18.11",
     "npm": "please-use-pnpm",
     "yarn": "please-use-pnpm",
-    "pnpm": ">=8.0.0"
+    "pnpm": ">=8.6.12"
   },
   "homepage": "https://qwik.builder.io/",
   "license": "MIT",
-  "packageManager": "pnpm@8.6.1",
+  "packageManager": "pnpm@8.6.12",
   "private": true,
   "scripts": {
     "build": "qwik build",

packages/docs/scripts/pages.json

@@ -1,4 +1,12 @@
 [
+  {
+    "href": "https://frostytools.com",
+    "tags": "saas"
+  },
+  {
+    "href": "https://www.dimension.dev",
+    "tags": "saas"
+  },
   {
     "href": "https://wope.com/",
     "tags": "saas"
@@ -7,6 +15,10 @@
     "href": "https://www.builder.io/",
     "tags": "saas"
   },
+  {
+    "href": "https://reflect.app/",
+    "tags": "saas"
+  },
   {
     "href": "https://jose-aguilar.vercel.app/",
     "tags": "portfolio"
@@ -16,12 +28,9 @@
     "tags": "portfolio"
   },
   {
-    "href": "https://reflect.app/",
-    "tags": "saas"
-  },
-  {
-    "href": "https://realmof.tech/",
-    "tags": "portfolio"
+    "href": "https://qwik-city-movies-wm.netlify.app/",
+    "size": "large",
+    "tags": "app"
   },
   {
     "href": "https://www.hexa.center/",
@@ -76,9 +85,9 @@
     "tags": "portfolio"
   },
   {
-    "href": "https://qwik-city-movies-wm.netlify.app/",
+    "href": "https://www.expobeds.com/",
     "size": "large",
-    "tags": "app"
+    "tags": "company"
   },
   {
     "href": "https://jbnado.dev/",
@@ -160,7 +169,7 @@
   },
   {
     "href": "https://pay4me.app",
-    "tags": "sass"
+    "tags": "saas"
   },
   {
     "href": "https://qwik-osm-poc.netlify.app/",
@@ -190,5 +199,9 @@
   {
     "href": "https://qwik-meet.onrender.com/",
     "tags": "webrtc"
+  },
+  {
+    "href": "https://getpolaris.ai/",
+    "tags": "saas"
   }
 ]

packages/docs/src/components/on-this-page/on-this-page.tsx

@@ -8,7 +8,14 @@ import { EditIcon } from '../svgs/edit-icon';
 import { GlobalStore } from '../../context';
 import { AlertIcon } from '../svgs/alert-icon';
 
-const QWIK_GROUP = ['components', 'concepts', 'faq', 'getting-started', 'think-qwik'];
+const QWIK_GROUP = [
+  'components',
+  'concepts',
+  'faq',
+  'getting-started',
+  'think-qwik',
+  'deprecated-features',
+];
 
 const QWIK_ADVANCED_GROUP = [
   'containers',
@@ -35,7 +42,6 @@ const QWIKCITY_GROUP = [
   'pages',
   'project-structure',
   'qwikcity',
-  'qwikcity-deprecated-features',
   'route-loader',
   'routing',
   'server$',

packages/docs/src/repl/monaco.tsx

@@ -333,7 +333,8 @@ const MONACO_VS_URL = getCdnUrl('monaco-editor', MONACO_VERSION, '/min/vs');
 const MONACO_LOADER_URL = `${MONACO_VS_URL}/loader.js`;
 
 const CLIENT_LIB = `
-declare module '*.css' {
+declare module '*.css' {}
+declare module '*.css?inline' {
   const css: string
   export default css
 }

packages/docs/src/repl/repl-options.tsx

@@ -19,10 +19,28 @@ export const ReplOptions = ({ input, versions }: ReplOptionsProps) => {
         input={input}
         isLoading={versions.length === 0}
       />
+
+      <StoreBoolean label="Debug" inputProp="debug" input={input} />
     </div>
   );
 };
 
+const StoreBoolean = (props: StoreBooleanProps) => {
+  return (
+    <label>
+      <span>{props.label}</span>
+      <input
+        type="checkbox"
+        checked={!!props.input[props.inputProp]}
+        onChange$={(ev?: any) => {
+          const input: HTMLInputElement = ev.target;
+          (props.input as any)[props.inputProp] = input.checked;
+        }}
+      />
+    </label>
+  );
+};
+
 const StoreOption = (props: StoreOptionProps) => {
   return (
     <label>
@@ -61,6 +79,12 @@ interface StoreOptionProps {
   isLoading?: boolean;
 }
 
+interface StoreBooleanProps {
+  label: string;
+  input: ReplAppInput;
+  inputProp: keyof ReplAppInput;
+}
+
 interface ReplOptionsProps {
   input: ReplAppInput;
   versions: string[];