Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 11 additions & 9 deletions apps/demo/src/components/qwik/counter.tsx
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import { Slot, component$, useSignal } from "@builder.io/qwik";
import { type RenderOptions } from "@builder.io/qwik/server";
import type { RenderOptions } from "@builder.io/qwik/server";

export const Counter = component$<{ initial: number; renderOpts?: RenderOptions }>((props) => {
const counter = useSignal(props.initial);
export const Counter = component$<{ initial: number; renderOpts?: RenderOptions }>(
(props) => {
const counter = useSignal(props.initial);

return (
<button type="button" onClick$={() => counter.value++}>
<Slot /> {counter.value}
</button>
);
});
return (
<button type="button" onClick$={() => counter.value++}>
<Slot /> {counter.value}
</button>
);
}
);
98 changes: 63 additions & 35 deletions libs/create-qwikdev-astro/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@
"description": "Interactive CLI for create @QwikDev/astro projects.",
"scripts": {
"check": "tsc --noEmit",
"build": "tsup-node --env.NODE_ENV production",
"build": "tsdown",
"prod": "pnpm check && pnpm build",
"start": "tsup-node --env.NODE_ENV development --watch",
"start": "tsdown --watch",
"test": "pnm tsx bin/test.ts",
"tsx": "tsx"
},
Expand All @@ -34,56 +34,84 @@
"url": "https://github.com/QwikDev/astro",
"directory": "libs/create-qwikdev-astro"
},
"types": "./dist/index.d.ts",
"main": "./dist/index.js",
"module": "./dist/index.js",
"types": "./dist/index.d.mts",
"main": "./dist/index.mjs",
"module": "./dist/index.mjs",
"exports": {
".": {
"types": "./dist/index.d.ts",
"import": "./dist/index.js",
"require": "./dist/index.cjs",
"default": "./dist/index.js"
"import": {
"types": "./dist/index.d.mts",
"default": "./dist/index.mjs"
},
"require": {
"types": "./dist/index.d.cts",
"default": "./dist/index.cjs"
}
},
"./app": {
"types": "./dist/app.d.ts",
"import": "./dist/app.js",
"require": "./dist/app.cjs",
"default": "./dist/app.js"
"import": {
"types": "./dist/app.d.mts",
"default": "./dist/app.mjs"
},
"require": {
"types": "./dist/app.d.cts",
"default": "./dist/app.cjs"
}
},
"./cli": {
"types": "./dist/cli.d.ts",
"import": "./dist/cli.js",
"require": "./dist/cli.cjs",
"default": "./dist/cli.js"
"import": {
"types": "./dist/cli.d.mts",
"default": "./dist/cli.mjs"
},
"require": {
"types": "./dist/cli.d.cts",
"default": "./dist/cli.cjs"
}
},
"./console": {
"types": "./dist/console.d.ts",
"import": "./dist/console.js",
"require": "./dist/console.cjs",
"default": "./dist/console.js"
"import": {
"types": "./dist/console.d.mts",
"default": "./dist/console.mjs"
},
"require": {
"types": "./dist/console.d.cts",
"default": "./dist/console.cjs"
}
},
"./core": {
"types": "./dist/core.d.ts",
"import": "./dist/core.js",
"require": "./dist/core.cjs",
"default": "./dist/core.js"
"import": {
"types": "./dist/core.d.mts",
"default": "./dist/core.mjs"
},
"require": {
"types": "./dist/core.d.cts",
"default": "./dist/core.cjs"
}
},
"./tester": {
"types": "./dist/tester.d.ts",
"import": "./dist/tester.js",
"require": "./dist/tester.cjs",
"default": "./dist/tester.js"
"import": {
"types": "./dist/tester.d.mts",
"default": "./dist/tester.mjs"
},
"require": {
"types": "./dist/tester.d.cts",
"default": "./dist/tester.cjs"
}
},
"./utils": {
"types": "./dist/utils.d.ts",
"import": "./dist/utils.js",
"require": "./dist/utils.cjs",
"default": "./dist/utils.js"
"import": {
"types": "./dist/utils.d.mts",
"default": "./dist/utils.mjs"
},
"require": {
"types": "./dist/utils.d.cts",
"default": "./dist/utils.cjs"
}
},
"./package.json": "./package.json"
},
"files": ["dist", "stubs"],
"bin": "./dist/cli.js",
"bin": "./dist/cli.mjs",
"keywords": [
"astro-integration",
"astro-component",
Expand Down Expand Up @@ -128,7 +156,7 @@
"@types/which-pm-runs": "^1.0.2",
"@types/yargs": "^17.0.33",
"rimraf": "^6.0.1",
"tsup": "^8.5.0",
"tsdown": "^0.20.1",
"typescript": "^5.8.3"
}
}
Original file line number Diff line number Diff line change
@@ -1,11 +1,14 @@
import { defineConfig } from "tsup";
import { defineConfig } from "tsdown";

export default defineConfig((options) => {
return {
format: ["esm", "cjs"],
clean: true,
minify: !options.watch,
dts: true,
dts: {
hashFilename: false
},
hashFilename: false,
entry: [
"src/app.ts",
"src/cli.ts",
Expand Down
7 changes: 1 addition & 6 deletions libs/qwikdev-astro/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -40,12 +40,7 @@
"./utils": "./src/utils.ts",
"./q-astro-manifest.json": "./q-astro-manifest.json"
},
"files": [
"src",
"src/index.ts",
"server.ts",
"env.d.ts"
],
"files": ["src", "src/index.ts", "server.ts", "env.d.ts"],
"keywords": [
"astro-integration",
"astro-component",
Expand Down
5 changes: 2 additions & 3 deletions libs/qwikdev-astro/server.ts
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
import { renderOpts as globalRenderOpts } from "virtual:qwikdev-astro";
import { type JSXNode, jsx } from "@builder.io/qwik";
import { isDev } from "@builder.io/qwik/build";
import type { QwikManifest } from "@builder.io/qwik/optimizer";
import { type RenderToStreamOptions, renderToStream } from "@builder.io/qwik/server";
import type { SSRResult } from "astro";
import { renderOpts as globalRenderOpts } from "virtual:qwikdev-astro";

const containerMap = new WeakMap<SSRResult, boolean>();

Expand Down Expand Up @@ -62,7 +62,6 @@ export async function renderToStaticMarkup(
props: Record<string, unknown>,
slotted: any
) {

try {
if (!isQwikComponent(component)) {
return;
Expand Down Expand Up @@ -93,7 +92,7 @@ export async function renderToStaticMarkup(
write: (chunk) => {
html += chunk;
}
},
}
};

// https://qwik.dev/docs/components/overview/#inline-components
Expand Down
40 changes: 22 additions & 18 deletions libs/qwikdev-astro/src/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -7,28 +7,29 @@ import type {
SymbolMapperFn
} from "@builder.io/qwik/optimizer";
import type { RenderOptions } from "@builder.io/qwik/server";
import aikMod from "@inox-tools/aik-mod";
import type { AstroConfig, AstroIntegration } from "astro";
import { createResolver, defineIntegration, watchDirectory, withPlugins } from "astro-integration-kit";
import {
createResolver,
defineIntegration,
watchDirectory,
withPlugins
} from "astro-integration-kit";
import { z } from "astro/zod";
import { type PluginOption, build, createFilter } from "vite";
import type { InlineConfig } from "vite";
import aikMod from '@inox-tools/aik-mod';

// TODO: contributing this back to aik-mod where we export the type
type DefineModuleOptions = {
constExports?: Record<string, unknown>;
defaultExport?: unknown;
};

type SetupPropsWithAikMod =
Parameters<
NonNullable<AstroIntegration["hooks"]["astro:config:setup"]>
>[0] & {
defineModule: (
name: string,
options: DefineModuleOptions
) => string;
};
type SetupPropsWithAikMod = Parameters<
NonNullable<AstroIntegration["hooks"]["astro:config:setup"]>
>[0] & {
defineModule: (name: string, options: DefineModuleOptions) => string;
};

declare global {
var symbolMapperFn: SymbolMapperFn;
Expand Down Expand Up @@ -69,11 +70,13 @@ export default defineIntegration({
*/
debug: z.boolean().optional(),
/**
* Options passed into each Qwik component's `renderToStream` call.
* Options passed into each Qwik component's `renderToStream` call.
*/
renderOpts: z.custom<RenderOptions>((data) => {
return typeof data === "object" && data !== null;
}).optional()
renderOpts: z
.custom<RenderOptions>((data) => {
return typeof data === "object" && data !== null;
})
.optional()
})
.optional(),

Expand All @@ -98,7 +101,8 @@ export default defineIntegration({

const lifecycleHooks: AstroIntegration["hooks"] = {
"astro:config:setup": async (setupProps) => {
const { addRenderer, updateConfig, config, defineModule } = setupProps as SetupPropsWithAikMod;
const { addRenderer, updateConfig, config, defineModule } =
setupProps as SetupPropsWithAikMod;
astroConfig = config;
// integration HMR support
watchDirectory(setupProps, resolver());
Expand All @@ -107,7 +111,7 @@ export default defineIntegration({
serverEntrypoint: resolver("../server.ts")
});

defineModule('virtual:qwikdev-astro', {
defineModule("virtual:qwikdev-astro", {
constExports: {
renderOpts: options?.renderOpts ?? {}
}
Expand Down Expand Up @@ -356,4 +360,4 @@ export default defineIntegration({

function getRelativePath(from: string, to: string) {
return to.replace(from, "") || ".";
}
}
2 changes: 1 addition & 1 deletion libs/qwikdev-astro/src/virtual.d.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
declare module "virtual:qwikdev-astro" {
import type { RenderOptions } from "@builder.io/qwik/server";

const renderOpts: RenderOptions;
export { renderOpts };
}
Loading
Loading