@qwik.dev/core 0.0.0 → 2.0.0-alpha.0

package/dist/starters/features/pandacss/package.json

@@ -0,0 +1,31 @@
+{
+  "description": "Zero-runtime CSS-in-JS",
+  "__qwik__": {
+    "displayName": "Integration: PandaCSS (styling)",
+    "priority": -10,
+    "postInstall": "panda codegen --silent",
+    "docs": [
+      "https://panda-css.com/docs/getting-started/qwik"
+    ],
+    "viteConfig": {
+      "imports": [
+        {
+          "namedImports": [
+            "macroPlugin"
+          ],
+          "importPath": "@builder.io/vite-plugin-macro"
+        }
+      ],
+      "vitePluginsPrepend": [
+        "macroPlugin({ preset: 'pandacss' })"
+      ]
+    }
+  },
+  "devDependencies": {
+    "@builder.io/vite-plugin-macro": "~0.0.7",
+    "@pandacss/dev": "^0.36.1"
+  },
+  "scripts": {
+    "prebuild.pandacss": "panda codegen --silent"
+  }
+}

package/dist/starters/features/pandacss/panda.config.ts

@@ -0,0 +1,22 @@
+import { defineConfig } from "@pandacss/dev";
+
+export default defineConfig({
+  jsxFramework: "qwik",
+
+  // Whether to use css reset
+  preflight: true,
+
+  // Where to look for your css declarations
+  include: ["./src/**/*.{js,jsx,ts,tsx}"],
+
+  // Files to exclude
+  exclude: [],
+
+  // Useful for theme customization
+  theme: {
+    extend: {},
+  },
+
+  // The output directory for your css system
+  outdir: "src/styled-system",
+});

package/dist/starters/features/pandacss/postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    "@pandacss/dev/postcss": {},
+  },
+};

package/dist/starters/features/pandacss/src/global.css

@@ -0,0 +1,5 @@
+/**
+ * PandaCSS CSS layers
+ * View the full documentation at https://panda-css.com/docs/concepts/cascade-layers#layer-css
+ */
+@layer reset, base, tokens, recipes, utilities;

package/dist/starters/features/pandacss/src/routes/pandacss/index.tsx

@@ -0,0 +1,18 @@
+import { component$ } from "@qwik.dev/core";
+import { css } from "~/styled-system/css";
+
+export default component$(() => {
+  return (
+    <div
+      class={css({
+        padding: 10,
+        bg: "red.400",
+        height: "dvh",
+        margin: 100,
+        fontSize: 30,
+      })}
+    >
+      This box is styled with PandaCSS.
+    </div>
+  );
+});

package/dist/starters/features/partytown/package.json

@@ -0,0 +1,41 @@
+{
+  "description": "Use Partytown in your Qwik app",
+  "__qwik__": {
+    "displayName": "Integration: Partytown (3rd-party scripts)",
+    "priority": -10,
+    "viteConfig": {
+      "imports": [
+        {
+          "namedImports": [
+            "partytownVite"
+          ],
+          "importPath": "@builder.io/partytown/utils"
+        },
+        {
+          "namedImports": [
+            "join"
+          ],
+          "importPath": "path"
+        }
+      ],
+      "vitePlugins": [
+        "partytownVite({dest: join(__dirname, 'dist', '~partytown')})"
+      ]
+    },
+    "docs": [
+      "https://partytown.builder.io/",
+      "https://qwik.dev/integrations/integration/partytown/"
+    ],
+    "nextSteps": {
+      "lines": [
+        " Please add the <QwikPartytown/> component",
+        " to your root.tsx file.",
+        " Have a look at the docs for more info: ",
+        " https://partytown.builder.io/configuration"
+      ]
+    }
+  },
+  "devDependencies": {
+    "@builder.io/partytown": "^0.8.1"
+  }
+}

package/dist/starters/features/partytown/src/components/partytown/partytown.tsx

@@ -0,0 +1,19 @@
+import type { PartytownConfig } from "@builder.io/partytown/integration";
+import { partytownSnippet } from "@builder.io/partytown/integration";
+
+/**
+ * Props for `<QwikPartytown/>`, which extends the Partytown Config.
+ *
+ * https://github.com/BuilderIO/partytown#config
+ *
+ * @public
+ */
+export interface PartytownProps extends PartytownConfig {}
+
+/**
+ * @public
+ * You can pass setting with props
+ */
+export const QwikPartytown = (props: PartytownProps): any => {
+  return <script dangerouslySetInnerHTML={partytownSnippet(props)} />;
+};

package/dist/starters/features/playwright/package.json

@@ -0,0 +1,18 @@
+{
+  "description": "Use Playwright to run E2E tests into your Qwik app",
+  "__qwik__": {
+    "displayName": "Integration: Playwright (E2E Test)",
+    "priority": -10,
+    "viteConfig": {},
+    "postInstall": "playwright install",
+    "docs": [
+      "https://playwright.dev/docs/writing-tests"
+    ]
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.38.1"
+  },
+  "scripts": {
+    "test.e2e": "playwright test"
+  }
+}