Merge commit from fork

Author: Varixo

packages/docs/src/routes/api/qwik/api.json

@@ -3473,4 +3473,4 @@
       "mdFile": "qwik.webviewhtmlattributes.md"
     }
   ]
-}
+}

packages/qwik/src/core/util/log.ts

@@ -19,7 +19,7 @@ export const throwErrorAndStop = (message?: any, ...optionalParams: any[]): neve
 };
 
 export const logErrorAndStop = (message?: any, ...optionalParams: any[]) => {
-  const err = createAndLogError(true, message, ...optionalParams);
+  const err = createAndLogError(qDev, message, ...optionalParams);
   // eslint-disable-next-line no-debugger
   debugger;
   return err;

starters/apps/qwikcity-test.prod/package.json

@@ -0,0 +1,7 @@
+{
+  "description": "QwikCity e2e prod app",
+  "type": "module",
+  "__qwik__": {
+    "qwikCity": true
+  }
+}

starters/apps/qwikcity-test.prod/src/components/router-head/router-head.tsx

@@ -0,0 +1,50 @@
+import { component$ } from "@builder.io/qwik";
+import { useDocumentHead, useLocation } from "@builder.io/qwik-city";
+import { Social } from "./social";
+import { Vendor } from "./vendor";
+
+export const RouterHead = component$(() => {
+  const head = useDocumentHead();
+  const loc = useLocation();
+
+  const title = head.title ? `${head.title} - Qwik` : `Qwik`;
+  return (
+    <>
+      <title>{title}</title>
+      <link rel="canonical" href={loc.url.href} />
+      <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+      <meta name="viewport" content="width=device-width" />
+
+      <Social loc={loc} head={head} />
+      <Vendor loc={loc} />
+
+      {head.meta.map((m) => (
+        <meta {...m} />
+      ))}
+
+      {head.links.map((l) => (
+        <link {...l} />
+      ))}
+
+      {head.styles.map((s) => (
+        <style
+          key={s.key}
+          {...s.props}
+          {...(s.props?.dangerouslySetInnerHTML
+            ? {}
+            : { dangerouslySetInnerHTML: s.style })}
+        />
+      ))}
+
+      {head.scripts.map((s) => (
+        <script
+          key={s.key}
+          {...s.props}
+          {...(s.props?.dangerouslySetInnerHTML
+            ? {}
+            : { dangerouslySetInnerHTML: s.script })}
+        />
+      ))}
+    </>
+  );
+});

starters/apps/qwikcity-test.prod/src/components/router-head/social.tsx

@@ -0,0 +1,27 @@
+import type {
+  ResolvedDocumentHead,
+  RouteLocation,
+} from "@builder.io/qwik-city";
+
+export const Social = ({ head, loc }: SocialProps) => {
+  return (
+    <>
+      {/*  Open Graph: https://ogp.me/  */}
+      <meta property="og:url" content={loc.url.href} />
+      <meta property="og:title" content={head.title} />
+      <meta property="og:type" content="website" />
+      <meta property="og:site_name" content="Qwik" />
+      <meta property="og:locale" content="en_US" />
+
+      {/*  Twitter: https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards  */}
+      <meta name="twitter:card" content="summary_large_image" />
+      <meta name="twitter:site" content="@QwikDev" />
+      <meta name="twitter:title" content={head.title} />
+    </>
+  );
+};
+
+interface SocialProps {
+  loc: RouteLocation;
+  head: ResolvedDocumentHead;
+}

starters/apps/qwikcity-test.prod/src/components/router-head/vendor.tsx

@@ -0,0 +1,15 @@
+import type { RouteLocation } from "@builder.io/qwik-city";
+
+export const Vendor = ({ loc }: VendorProps) => {
+  return (
+    <>
+      <script
+        dangerouslySetInnerHTML={`console.log("🧨 Analytics! ${loc.url.pathname}");`}
+      />
+    </>
+  );
+};
+
+interface VendorProps {
+  loc: RouteLocation;
+}

starters/apps/qwikcity-test.prod/src/entry.ssr.tsx

@@ -0,0 +1,14 @@
+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 />, {
+    manifest,
+    base: "/qwikcity-test.prod/build/",
+    ...opts,
+  });
+}

starters/apps/qwikcity-test.prod/src/global.css

@@ -0,0 +1,30 @@
+body {
+  margin: 0;
+  padding: 0;
+  font-family:
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    sans-serif;
+}
+
+main {
+  padding: 10px 20px;
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.full-screen main {
+  max-width: 100%;
+}
+
+a {
+  color: #006eb3;
+}
+
+a:hover {
+  text-decoration: none;
+}

starters/apps/qwikcity-test.prod/src/root.tsx

@@ -0,0 +1,17 @@
+import { QwikCityProvider, RouterOutlet } from "@builder.io/qwik-city";
+import { RouterHead } from "./components/router-head/router-head";
+import "./global.css";
+
+export default function Root() {
+  return (
+    <QwikCityProvider>
+      <head>
+        <meta charset="utf-8" />
+        <RouterHead />
+      </head>
+      <body>
+        <RouterOutlet />
+      </body>
+    </QwikCityProvider>
+  );
+}

starters/apps/qwikcity-test.prod/src/routes/index.tsx

@@ -0,0 +1,12 @@
+import { component$ } from "@builder.io/qwik";
+
+export default component$(() => {
+  return (
+    <div>
+      <h1>Welcome to Qwik City!</h1>
+      <p>
+        <a href="/qwikcity-test.prod/server-function">Server Function</a>
+      </p>
+    </div>
+  );
+});