create-qwik 0.0.29 → 0.0.32

package/package.json

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

package/starters/apps/base/.eslintrc.js

@@ -1,4 +1,5 @@
 module.exports = {
+  root: true,
   env: {
     browser: true,
     es2021: true,

package/starters/apps/base/package.json

@@ -14,12 +14,12 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@builder.io/qwik": "0.0.29",
+    "@builder.io/qwik": "0.0.32",
     "@types/eslint": "8.4.2",
     "@types/node": "latest",
     "@typescript-eslint/eslint-plugin": "5.27.0",
     "@typescript-eslint/parser": "5.27.0",
-    "eslint-plugin-qwik": "0.0.29",
+    "eslint-plugin-qwik": "0.0.32",
     "eslint": "8.16.0",
     "node-fetch": "2.6.7",
     "typescript": "4.7.2",

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

@@ -1,11 +1,11 @@
-import { renderToString, RenderToStringOptions } from '@builder.io/qwik/server';
+import { renderToString, RenderOptions } from '@builder.io/qwik/server';
 import { manifest } from '@qwik-client-manifest';
 import { Root } from './root';
 
 /**
  * Server-Side Render method to be called by a server.
  */
-export function render(opts?: RenderToStringOptions) {
+export function render(opts?: RenderOptions) {
   // Render the Root component to a string
   // Pass in the manifest that was generated from the client build
   return renderToString(<Root />, {

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

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

package/starters/apps/qwik-city/src/components/sidebar/sidebar.tsx

@@ -14,9 +14,12 @@ export const SideBar = component$(
     return (
       <Host class="sidebar">
         <nav class="breadcrumbs">
-          <ol>
+          <ol itemScope itemType="https://schema.org/BreadcrumbList">
             {page.breadcrumbs.map((b) => (
-              <li>{b.text}</li>
+              <li>
+                {b.text}
+                <meta itemProp="position" content="0"></meta>
+              </li>
             ))}
           </ol>
         </nav>

package/starters/apps/qwik-city/src/entry.ssr.tsx

@@ -1,8 +1,8 @@
-import { renderToString, RenderToStringOptions } from '@builder.io/qwik/server';
+import { renderToString, RenderOptions } from '@builder.io/qwik/server';
 import { manifest } from '@qwik-client-manifest';
 import { Root } from './root';
 
-export function render(opts: RenderToStringOptions) {
+export function render(opts: RenderOptions) {
   return renderToString(<Root />, {
     manifest,
     ...opts,

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

@@ -1,11 +1,11 @@
-import { renderToString, RenderToStringOptions } from '@builder.io/qwik/server';
+import { renderToString, RenderOptions } from '@builder.io/qwik/server';
 import { manifest } from '@qwik-client-manifest';
 import { Root } from './root';
 
 /**
  * Server-Side Render method to be called by a server.
  */
-export function render(opts?: RenderToStringOptions) {
+export function render(opts?: RenderOptions) {
   // Render the Root component to a string
   // Pass in the manifest that was generated from the client build
   return renderToString(<Root />, {

package/starters/apps/starter-partytown/src/entry.ssr.tsx

@@ -1,11 +1,11 @@
-import { renderToString, RenderToStringOptions } from '@builder.io/qwik/server';
+import { renderToString, RenderOptions } from '@builder.io/qwik/server';
 import { manifest } from '@qwik-client-manifest';
 import { Root } from './root';
 
 /**
  * Qwik server-side render function.
  */
-export function render(opts: RenderToStringOptions) {
+export function render(opts: RenderOptions) {
   return renderToString(<Root />, {
     manifest,
     qwikLoader: {

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

@@ -1,11 +1,11 @@
-import { renderToString, RenderToStringOptions } from '@builder.io/qwik/server';
+import { renderToString, RenderOptions } from '@builder.io/qwik/server';
 import { manifest } from '@qwik-client-manifest';
 import { Root } from './root';
 
 /**
  * Server-Side Render method to be called by a server.
  */
-export function render(opts?: RenderToStringOptions) {
+export function render(opts?: RenderOptions) {
   // Render the Root component to a string
   // Pass in the manifest that was generated from the client build
   return renderToString(<Root />, {

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

@@ -1,10 +0,0 @@
-{
-  "description": "Blank Qwik starter app with Builder.io.",
-  "__qwik__": {
-    "priority": 0,
-    "featureOptions": [
-      "prettier",
-      "tailwindcss"
-    ]
-  }
-}

package/starters/apps/starter-builder/src/components/app/app.tsx

@@ -1,13 +0,0 @@
-import { component$ } from '@builder.io/qwik';
-import { Footer } from '../footer/footer';
-import { Header } from '../header/header';
-
-export const App = component$(() => {
-  return (
-    <>
-      <Header />
-      <div id="builder-content"></div>
-      <Footer />
-    </>
-  );
-});

package/starters/apps/starter-builder/src/components/footer/footer.tsx

@@ -1,15 +0,0 @@
-import { component$ } from '@builder.io/qwik';
-
-export const Footer = component$(() => {
-  return (
-    <>
-      <hr />
-      <p style={{ 'text-align': 'center' }}>
-        Made with ❤️ by{' '}
-        <a target="_blank" href="https://www.builder.io/">
-          Builder.io
-        </a>
-      </p>
-    </>
-  );
-});

package/starters/apps/starter-builder/src/components/header/header.tsx

@@ -1,15 +0,0 @@
-import { component$ } from '@builder.io/qwik';
-
-export const Header = component$(() => {
-  return (
-    <p style={{ 'text-align': 'center' }}>
-      <a href="https://github.com/builderio/qwik">
-        <img
-          alt="Qwik Logo"
-          width={400}
-          src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F667ab6c2283d4c4d878fb9083aacc10f"
-        />
-      </a>
-    </p>
-  );
-});

package/starters/apps/starter-builder/src/entry.dev.tsx

@@ -1,13 +0,0 @@
-import { render } from '@builder.io/qwik';
-import { Root } from './root';
-
-/**
- * Development entry point using only client-side modules:
- * - Do not use this mode in production!
- * - No SSR
- * - No portion of the application is pre-rendered on the server.
- * - All of the application is running eagerly in the browser.
- * - More code is transferred to the browser than in SSR mode.
- * - Optimizer/Serialization/Deserialization code is not exercised!
- */
-render(document, <Root />);

package/starters/apps/starter-builder/src/entry.ssr.tsx

@@ -1,15 +0,0 @@
-import { renderToString, RenderToStringOptions } from '@builder.io/qwik/server';
-import { manifest } from '@qwik-client-manifest';
-import { Root } from './root';
-
-/**
- * Server-Side Render method to be called by a server.
- */
-export function render(opts?: RenderToStringOptions) {
-  // Render the Root component to a string
-  // Pass in the manifest that was generated from the client build
-  return renderToString(<Root />, {
-    manifest,
-    ...opts,
-  });
-}

package/starters/apps/starter-builder/src/global.css

@@ -1,3 +0,0 @@
-/**
- * Write here your global css styles
- */

package/starters/apps/starter-builder/src/root.tsx

@@ -1,29 +0,0 @@
-import { App } from './components/app/app';
-
-import './global.css';
-
-export const Root = () => {
-  return (
-    <html>
-      <head>
-        <meta charSet="utf-8" />
-        <title>Qwik Builder App</title>
-      </head>
-      <body>
-        <App />
-        <script>({fetchQwikBuilderContent.toString()})();</script>
-      </body>
-    </html>
-  );
-};
-
-const fetchQwikBuilderContent = async () => {
-  const qwikUrl = new URL('https://qa.builder.io/api/v1/qwik/page');
-  // Demo API key for demonstration only. Please replace with your key
-  qwikUrl.searchParams.set('apiKey', '5b8073f890b043be81574f96cfd1250b');
-  qwikUrl.searchParams.set('userAttributes.urlPath', location.pathname);
-
-  const response = await fetch(String(qwikUrl));
-  const { html } = await response.json();
-  document.querySelector('#builder-content')!.innerHTML = html;
-};