@gracile/engine 0.9.0 → 0.9.1-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/dev/development.d.ts.map +1 -1
  2. package/dist/dev/development.js +1 -1
  3. package/dist/dev/ssr-ce-tracker.d.ts +27 -0
  4. package/dist/dev/ssr-ce-tracker.d.ts.map +1 -0
  5. package/dist/dev/ssr-ce-tracker.js +113 -0
  6. package/dist/plugin.d.ts.map +1 -1
  7. package/dist/plugin.js +51 -264
  8. package/dist/render/route-template-pipeline.d.ts +64 -0
  9. package/dist/render/route-template-pipeline.d.ts.map +1 -0
  10. package/dist/render/route-template-pipeline.js +144 -0
  11. package/dist/render/route-template.d.ts +1 -2
  12. package/dist/render/route-template.d.ts.map +1 -1
  13. package/dist/render/route-template.js +37 -92
  14. package/dist/routes/collect.d.ts +5 -1
  15. package/dist/routes/collect.d.ts.map +1 -1
  16. package/dist/routes/collect.js +8 -6
  17. package/dist/routes/load-module.d.ts.map +1 -1
  18. package/dist/routes/load-module.js +5 -2
  19. package/dist/routes/match.d.ts +31 -1
  20. package/dist/routes/match.d.ts.map +1 -1
  21. package/dist/routes/match.js +22 -4
  22. package/dist/routes/render.d.ts.map +1 -1
  23. package/dist/routes/render.js +11 -3
  24. package/dist/server/request-pipeline.d.ts +109 -0
  25. package/dist/server/request-pipeline.d.ts.map +1 -0
  26. package/dist/server/request-pipeline.js +198 -0
  27. package/dist/server/request.d.ts +3 -16
  28. package/dist/server/request.d.ts.map +1 -1
  29. package/dist/server/request.js +74 -171
  30. package/dist/test/init.d.ts +2 -0
  31. package/dist/test/init.d.ts.map +1 -0
  32. package/dist/test/init.js +7 -0
  33. package/dist/user-config.d.ts +13 -0
  34. package/dist/user-config.d.ts.map +1 -1
  35. package/dist/vite/build-routes.d.ts +1 -2
  36. package/dist/vite/build-routes.d.ts.map +1 -1
  37. package/dist/vite/build-routes.js +0 -98
  38. package/dist/vite/plugin-build-environment.d.ts +21 -0
  39. package/dist/vite/plugin-build-environment.d.ts.map +1 -0
  40. package/dist/vite/plugin-build-environment.js +83 -0
  41. package/dist/vite/plugin-ce-tracker.d.ts +19 -0
  42. package/dist/vite/plugin-ce-tracker.d.ts.map +1 -0
  43. package/dist/vite/plugin-ce-tracker.js +87 -0
  44. package/dist/vite/plugin-client-build.d.ts +20 -0
  45. package/dist/vite/plugin-client-build.d.ts.map +1 -0
  46. package/dist/vite/plugin-client-build.js +55 -0
  47. package/dist/vite/plugin-html-routes-build.d.ts +22 -0
  48. package/dist/vite/plugin-html-routes-build.d.ts.map +1 -0
  49. package/dist/vite/plugin-html-routes-build.js +140 -0
  50. package/dist/vite/plugin-serve.d.ts +18 -0
  51. package/dist/vite/plugin-serve.d.ts.map +1 -0
  52. package/dist/vite/plugin-serve.js +61 -0
  53. package/dist/vite/plugin-server-build.d.ts +43 -0
  54. package/dist/vite/plugin-server-build.d.ts.map +1 -0
  55. package/dist/vite/plugin-server-build.js +108 -0
  56. package/dist/vite/plugin-shared-state.d.ts +33 -0
  57. package/dist/vite/plugin-shared-state.d.ts.map +1 -0
  58. package/dist/vite/plugin-shared-state.js +23 -0
  59. package/dist/vite/virtual-routes.d.ts +8 -5
  60. package/dist/vite/virtual-routes.d.ts.map +1 -1
  61. package/dist/vite/virtual-routes.js +32 -31
  62. package/package.json +5 -5
@@ -1 +1 @@
1
- {"version":3,"file":"development.d.ts","sourceRoot":"","sources":["../../src/dev/development.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,MAAM,CAAC;AAG1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAEN,KAAK,cAAc,EACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIvD,wBAAsB,wBAAwB,CAAC,EAC9C,MAAM,EACN,IAAI,EACJ,aAAa,GACb,EAAE;IACF,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;CAC7B,GAAG,OAAO,CAAC;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,MAAM,EAAE,cAAc,CAAC;CACvB,CAAC,CAgDD"}
1
+ {"version":3,"file":"development.d.ts","sourceRoot":"","sources":["../../src/dev/development.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,MAAM,CAAC;AAG1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAEN,KAAK,cAAc,EACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIvD,wBAAsB,wBAAwB,CAAC,EAC9C,MAAM,EACN,IAAI,EACJ,aAAa,GACb,EAAE;IACF,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;CAC7B,GAAG,OAAO,CAAC;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,MAAM,EAAE,cAAc,CAAC;CACvB,CAAC,CAqDD"}
@@ -10,7 +10,7 @@ export async function createDevelopmentHandler({ routes, vite, gracileConfig, })
10
10
  logger.info('');
11
11
  logger.info(c.dim('Creating the request handler…'), { timestamp: true });
12
12
  const collectAndCodegen = async () => {
13
- await collectRoutes(routes, root, gracileConfig.routes?.exclude);
13
+ await collectRoutes(routes, root, gracileConfig.routes?.exclude, gracileConfig.trailingSlash);
14
14
  if (gracileConfig.experimental?.generateRoutesTypings)
15
15
  await generateRoutesTypings(root, routes).catch((error) => logger.error(String(error)));
16
16
  };
@@ -0,0 +1,27 @@
1
+ /**
2
+ * Server-side Custom Elements registry tracker for dev HMR.
3
+ *
4
+ * Wraps the Lit SSR DOM shim's `customElements` so orphaned CEs
5
+ * can be blocked when their import is removed during development.
6
+ *
7
+ * @internal — dev-only, never runs in production builds.
8
+ */
9
+ export declare function installCeTracker(): void;
10
+ /**
11
+ * Block all CEs registered by a given module.
12
+ * They will be unblocked if the module is re-evaluated and calls define() again.
13
+ */
14
+ export declare function blockCesForModule(moduleId: string): void;
15
+ /** Check whether a module has registered any CEs. */
16
+ export declare function hasCeRegistrations(moduleId: string): boolean;
17
+ /**
18
+ * Reset tracking state.
19
+ * @param full - Also reset installation state (for test suite teardown
20
+ * so a subsequent `installCeTracker` call takes effect).
21
+ */
22
+ export declare function resetCeTracker(full?: boolean): void;
23
+ /** Read-only view of currently blocked tags. For test assertions. */
24
+ export declare function getBlockedTags(): ReadonlySet<string>;
25
+ /** Read-only view of module → tag-names mappings. For test assertions. */
26
+ export declare function getModuleToTags(): ReadonlyMap<string, ReadonlySet<string>>;
27
+ //# sourceMappingURL=ssr-ce-tracker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ssr-ce-tracker.d.ts","sourceRoot":"","sources":["../../src/dev/ssr-ce-tracker.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAwDH,wBAAgB,gBAAgB,SA+B/B;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,QAMjD;AAED,qDAAqD;AACrD,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAE5D;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,UAAQ,QAK1C;AAED,qEAAqE;AACrE,wBAAgB,cAAc,IAAI,WAAW,CAAC,MAAM,CAAC,CAEpD;AAED,0EAA0E;AAC1E,wBAAgB,eAAe,IAAI,WAAW,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAE1E"}
@@ -0,0 +1,113 @@
1
+ /**
2
+ * Server-side Custom Elements registry tracker for dev HMR.
3
+ *
4
+ * Wraps the Lit SSR DOM shim's `customElements` so orphaned CEs
5
+ * can be blocked when their import is removed during development.
6
+ *
7
+ * @internal — dev-only, never runs in production builds.
8
+ */
9
+ // ── Tracking state ──────────────────────────────────────────────────
10
+ /** module ID → tag names that module registered */
11
+ const moduleToTags = new Map();
12
+ /** Tags blocked from registry lookup (orphaned modules) */
13
+ const blocked = new Set();
14
+ /** Which module is currently being evaluated (set by transform-injected code) */
15
+ let currentModuleId = null;
16
+ let installed = false;
17
+ // ── Registry wrapper ────────────────────────────────────────────────
18
+ function wrapRegistry(registry) {
19
+ const origDefine = registry.define.bind(registry);
20
+ const origGet = registry.get.bind(registry);
21
+ registry.define = function (name, ctor, options) {
22
+ // If re-registered after being blocked, unblock.
23
+ blocked.delete(name);
24
+ if (currentModuleId) {
25
+ let tags = moduleToTags.get(currentModuleId);
26
+ if (!tags) {
27
+ tags = new Set();
28
+ moduleToTags.set(currentModuleId, tags);
29
+ }
30
+ tags.add(name);
31
+ }
32
+ try {
33
+ origDefine(name, ctor, options);
34
+ }
35
+ catch {
36
+ // Already defined — expected during HMR re-evaluation.
37
+ }
38
+ };
39
+ registry.get = function (name) {
40
+ if (blocked.has(name))
41
+ return;
42
+ return origGet(name);
43
+ };
44
+ }
45
+ // ── Public API ──────────────────────────────────────────────────────
46
+ export function installCeTracker() {
47
+ if (installed)
48
+ return;
49
+ installed = true;
50
+ if (globalThis.customElements) {
51
+ wrapRegistry(globalThis.customElements);
52
+ }
53
+ else {
54
+ // Shim not yet installed — intercept the assignment so we can
55
+ // wrap it the moment Lit SSR's DOM shim sets it up.
56
+ let _ce;
57
+ Object.defineProperty(globalThis, 'customElements', {
58
+ get: () => _ce,
59
+ set(value) {
60
+ _ce = value;
61
+ wrapRegistry(value);
62
+ },
63
+ configurable: true,
64
+ enumerable: true,
65
+ });
66
+ }
67
+ // Expose for transform-injected code.
68
+ // Runs in the same process via Vite's ssrLoadModule.
69
+ globalThis['__gracile_ce_tracker'] = {
70
+ setModule(id) {
71
+ currentModuleId = id;
72
+ },
73
+ clearModule() {
74
+ currentModuleId = null;
75
+ },
76
+ };
77
+ }
78
+ /**
79
+ * Block all CEs registered by a given module.
80
+ * They will be unblocked if the module is re-evaluated and calls define() again.
81
+ */
82
+ export function blockCesForModule(moduleId) {
83
+ const tags = moduleToTags.get(moduleId);
84
+ if (!tags)
85
+ return;
86
+ for (const tag of tags) {
87
+ blocked.add(tag);
88
+ }
89
+ }
90
+ /** Check whether a module has registered any CEs. */
91
+ export function hasCeRegistrations(moduleId) {
92
+ return moduleToTags.has(moduleId);
93
+ }
94
+ /**
95
+ * Reset tracking state.
96
+ * @param full - Also reset installation state (for test suite teardown
97
+ * so a subsequent `installCeTracker` call takes effect).
98
+ */
99
+ export function resetCeTracker(full = false) {
100
+ moduleToTags.clear();
101
+ blocked.clear();
102
+ currentModuleId = null;
103
+ if (full)
104
+ installed = false;
105
+ }
106
+ /** Read-only view of currently blocked tags. For test assertions. */
107
+ export function getBlockedTags() {
108
+ return blocked;
109
+ }
110
+ /** Read-only view of module → tag-names mappings. For test assertions. */
111
+ export function getModuleToTags() {
112
+ return moduleToTags;
113
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQtD;;;;;;;;;;;;;;;;GAgBG;AAIH,eAAO,MAAM,OAAO,GAAI,SAAS,aAAa,KAAG,GAAG,EAuVnD,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAsBtD;;;;;;;;;;;;;;;;GAgBG;AAIH,eAAO,MAAM,OAAO,GAAI,SAAS,aAAa,KAAG,GAAG,EA2EnD,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
package/dist/plugin.js CHANGED
@@ -1,18 +1,19 @@
1
- import { join } from 'node:path';
2
- import { rename, rm } from 'node:fs/promises';
3
1
  import { createLogger } from '@gracile/internal-utils/logger/helpers';
4
2
  import { getPluginContext, } from '@gracile/internal-utils/plugin-context';
5
- import { getVersion } from '@gracile/internal-utils/version';
6
- // import { betterErrors } from '@gracile-labs/better-errors/plugin';
7
- import c from 'picocolors';
8
- import { build, createServer } from 'vite';
9
- import {} from './routes/render.js';
10
- import { createDevelopmentHandler } from './dev/development.js';
11
- import { nodeAdapter } from './server/adapters/node.js';
12
- import { buildRoutes } from './vite/build-routes.js';
13
3
  import { htmlRoutesLoader } from './vite/html-routes.js';
14
- import { virtualRoutes, virtualRoutesClient } from './vite/virtual-routes.js';
15
4
  import { hmrSsrReload } from './vite/hmr.js';
5
+ import { virtualRoutesClient, virtualRoutes } from './vite/virtual-routes.js';
6
+ import { createPluginSharedState } from './vite/plugin-shared-state.js';
7
+ import { gracileServePlugin } from './vite/plugin-serve.js';
8
+ import { gracileClientBuildPlugin } from './vite/plugin-client-build.js';
9
+ import { gracileBuildEnvironmentPlugin } from './vite/plugin-build-environment.js';
10
+ import { gracileCollectClientAssetsPlugin, gracileEntrypointPlugin, gracileMoveServerAssetsPlugin, } from './vite/plugin-server-build.js';
11
+ import { gracileCETrackerPlugin } from './vite/plugin-ce-tracker.js';
12
+ import { gracileHtmlRoutesBuildPlugins } from './vite/plugin-html-routes-build.js';
13
+ // When plugin-client-build creates a temporary dev server via createServer(),
14
+ // the user's vite.config is re-evaluated, calling gracile() again.
15
+ // This guard prevents that re-entrant call from initializing the full plugin set.
16
+ // Reset in configureServer so dev-mode config hot-reloads still work.
16
17
  let isClientBuilt = false;
17
18
  /**
18
19
  * The main Vite plugin for loading the Gracile framework.
@@ -36,274 +37,60 @@ let isClientBuilt = false;
36
37
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
37
38
  export const gracile = (config) => {
38
39
  const logger = createLogger();
39
- const outputMode = config?.output || 'static';
40
- const clientAssets = {};
41
- const routes = new Map();
42
- let renderedRoutes = null;
43
- let root = null;
44
- const gracileConfig = config || {};
45
- // HACK: Prevent duplicate client build for the SSR build step in server mode.
46
- // TODO: Move to the new, clean, environments builders API.
40
+ const state = createPluginSharedState(config);
47
41
  if (isClientBuilt)
48
42
  return [];
49
43
  isClientBuilt = true;
50
44
  const virtualRoutesForClient = virtualRoutesClient({
51
- mode: outputMode,
52
- routes,
53
- // NOTE: This will be a dedicated setting when it will not be experimental
54
- // anymore.
55
- gracileConfig,
56
- // enabled: gracileConfig?.pages?.premises?.expose || false,
45
+ mode: state.outputMode,
46
+ routes: state.routes,
47
+ gracileConfig: state.gracileConfig,
57
48
  });
58
49
  let sharedPluginContext;
59
50
  return [
51
+ // MARK: 1. Plugin context setup
60
52
  {
61
53
  name: 'vite-plugin-gracile-context',
62
- config(config) {
63
- sharedPluginContext = getPluginContext(config);
64
- gracileConfig.litSsr ??= { renderInfo: {} };
65
- gracileConfig.litSsr.renderInfo = sharedPluginContext.litSsrRenderInfo;
54
+ config(viteConfig) {
55
+ sharedPluginContext = getPluginContext(viteConfig);
56
+ state.gracileConfig.litSsr ??= { renderInfo: {} };
57
+ state.gracileConfig.litSsr.renderInfo =
58
+ sharedPluginContext.litSsrRenderInfo;
66
59
  },
67
60
  },
68
- // betterErrors({
69
- // overlayImportPath: '@gracile/gracile/_internals/vite-custom-overlay',
70
- // }),
71
- // {
72
- // name: 'gracile-routes-codegen',
73
- // // watchChange(change) {
74
- // // console.log({ change });
75
- // // },
76
- // resolveId(id) {
77
- // const virtualModuleId = 'gracile:route';
78
- // const resolvedVirtualModuleId = `\0${virtualModuleId}`;
79
- // if (id === virtualModuleId) {
80
- // return resolvedVirtualModuleId;
81
- // }
82
- // return null;
83
- // },
84
- // load(id) {
85
- // const virtualModuleId = 'gracile:route';
86
- // const resolvedVirtualModuleId = `\0${virtualModuleId}`;
87
- // if (id === resolvedVirtualModuleId) {
88
- // return `
89
- // export function route(input){
90
- // return input;
91
- // }`;
92
- // }
93
- // return null;
94
- // },
95
- // },
61
+ // MARK: 2. CE registry tracker (dev HMR cleanup)
62
+ gracileCETrackerPlugin(),
63
+ // MARK: 3. HMR SSR reload
96
64
  hmrSsrReload(),
97
- {
98
- name: 'vite-plugin-gracile-serve-middleware',
99
- apply: 'serve',
100
- config(_, environment) {
101
- if (environment.isPreview)
102
- return null;
103
- return {
104
- // NOTE: Supresses message: `Could not auto-determine entry point from rollupOptions or html files…`
105
- // FIXME: It's not working when reloading the Vite config.
106
- // Is user config, putting `optimizeDeps: { include: [] }` solve this.
107
- optimizeDeps: { include: [] },
108
- // NOTE: Useful? It breaks preview (expected)
109
- appType: 'custom',
110
- // resolve: {
111
- // conditions: ['development'],
112
- // },
113
- };
114
- },
115
- async configureServer(server) {
116
- // HACK: We know we are in dev here, this will prevent incorrect
117
- // vite.config hot reloading. Will be removed when adopting env. API.
65
+ // MARK: 4. Dev serve middleware
66
+ gracileServePlugin({
67
+ state,
68
+ config,
69
+ logger,
70
+ resetClientBuiltFlag: () => {
118
71
  isClientBuilt = false;
119
- // Infos
120
- // // NOTE: Beware import.meta.resolve is only compatible
121
- // // with v20.6.0 (without cli flag)and upward
122
- // // Not working with StackBlitz ATM?
123
- // const mainPjson = import.meta
124
- // .resolve('@gracile/gracile')
125
- // // NOTE: Weirdly, it will assume that it's `dist/**.js`,
126
- // // even after fiddling with pjson exports.
127
- // .replace('/dist/index.js', '/package.json');
128
- // const { version } = JSON.parse(
129
- // await readFile(new URL(mainPjson), 'utf-8'),
130
- // ) as {
131
- // version: number;
132
- // };
133
- const version = getVersion();
134
- logger.info(`${c.cyan(c.italic(c.underline('🧚 Gracile')))}` +
135
- ` ${c.dim(`~`)} ${c.green(`v${version ?? 'X'}`)}`);
136
- // ---
137
- const { handler } = await createDevelopmentHandler({
138
- routes,
139
- vite: server,
140
- gracileConfig,
141
- });
142
- logger.info(c.dim('Vite development server is starting…'), {
143
- timestamp: true,
144
- });
145
- server.watcher.on('ready', () => {
146
- setTimeout(() => {
147
- logger.info('');
148
- logger.info(c.green('Watching for file changes…'), {
149
- timestamp: true,
150
- });
151
- logger.info('');
152
- // NOTE: We want it to show after the Vite intro stuff
153
- }, 100);
154
- });
155
- return () => {
156
- server.middlewares.use((request, response, next) => {
157
- const locals = config?.dev?.locals?.({ nodeRequest: request });
158
- Promise.resolve(nodeAdapter(handler, { logger })(request, response, locals)).catch((error) => next(error));
159
- });
160
- };
161
72
  },
162
- },
73
+ }),
74
+ // MARK: 5. Client virtual routes
163
75
  virtualRoutesForClient,
76
+ // MARK: 6. HTML routes loader
164
77
  htmlRoutesLoader(),
165
- {
166
- name: 'vite-plugin-gracile-build',
167
- apply: 'build',
168
- async config(viteConfig) {
169
- const viteServerForClientHtmlBuild = await createServer({
170
- // configFile: false,
171
- root: viteConfig.root || process.cwd(),
172
- server: { middlewareMode: true },
173
- // NOTE: Stub. KEEP IT!
174
- optimizeDeps: { include: [] },
175
- plugins: [virtualRoutesForClient],
176
- });
177
- // NOTE: Important. Get the dev. server elements renderers.
178
- gracileConfig.litSsr ??= {};
179
- gracileConfig.litSsr.renderInfo = getPluginContext(viteServerForClientHtmlBuild.config)?.litSsrRenderInfo;
180
- const htmlPages = await buildRoutes({
181
- viteServerForBuild: viteServerForClientHtmlBuild,
182
- root: viteConfig.root || process.cwd(),
183
- gracileConfig,
184
- serverMode: outputMode === 'server',
185
- routes,
186
- });
187
- renderedRoutes = htmlPages.renderedRoutes;
188
- await viteServerForClientHtmlBuild.close();
189
- return {
190
- build: {
191
- // ssrManifest: true,
192
- rollupOptions: {
193
- input: htmlPages.inputList,
194
- plugins: [htmlPages.plugin],
195
- },
196
- outDir: join(viteConfig.build?.outDir || 'dist', outputMode === 'server' ? 'client' : ''),
197
- },
198
- };
199
- },
200
- },
201
- {
202
- name: 'vite-plugin-gracile-collect-client-assets-for-server',
203
- writeBundle(_, bundle) {
204
- if (outputMode === 'static')
205
- return;
206
- for (const file of Object.values(bundle))
207
- if (file.type === 'asset' && file.name)
208
- clientAssets[file.name] = file.fileName;
209
- },
210
- },
211
- {
212
- name: 'vite-plugin-gracile-server-build',
213
- apply: 'build',
214
- config(viteConfig) {
215
- root = viteConfig.root || null;
216
- },
217
- async closeBundle() {
218
- if (outputMode === 'static' || !routes || !renderedRoutes)
219
- return;
220
- await build({
221
- root: root || process.cwd(),
222
- ssr: { external: ['@gracile/gracile'] },
223
- build: {
224
- target: 'esnext',
225
- ssr: true,
226
- // ssrManifest: true,
227
- copyPublicDir: false,
228
- outDir: 'dist/server',
229
- ssrEmitAssets: true,
230
- cssMinify: true,
231
- cssCodeSplit: true,
232
- rollupOptions: {
233
- input: 'entrypoint.js',
234
- // external: ['@gracile/gracile'],
235
- // FIXME: ~~MUST import css from client somewhere.~~
236
- // ~~Hack could be using dynamic imports on client, so asset is picked up~~
237
- output: {
238
- entryFileNames: '[name].js',
239
- // assetFileNames: 'assets/[name].[ext]',
240
- // NOTE: Useful for, e.g., link tag with `?url`
241
- assetFileNames: (chunkInfo) => {
242
- if (chunkInfo.name) {
243
- const fileName = clientAssets[chunkInfo.name];
244
- if (fileName)
245
- return fileName;
246
- // NOTE: When not imported at all from client
247
- return `assets/${chunkInfo.name.replace(/\.(.*)$/, '')}-[hash].[ext]`;
248
- }
249
- // throw new Error(`Not a client asset`);
250
- return 'assets/[name]-[hash].[ext]';
251
- },
252
- chunkFileNames: 'chunk/[name].js',
253
- },
254
- },
255
- },
256
- plugins: [
257
- virtualRoutesForClient,
258
- virtualRoutes({ routes, renderedRoutes }),
259
- {
260
- name: 'vite-plugin-gracile-entry',
261
- resolveId(id) {
262
- if (id === 'entrypoint.js') {
263
- return id;
264
- }
265
- return null;
266
- },
267
- load(id) {
268
- if (id === 'entrypoint.js' && routes && renderedRoutes) {
269
- return `
270
- import { routeAssets, routeImports, routes } from 'gracile:routes';
271
- import { createGracileHandler } from '@gracile/gracile/_internals/server-runtime';
272
- import { createLogger } from '@gracile/gracile/_internals/logger';
273
-
274
- createLogger();
275
-
276
- export const handler = createGracileHandler({
277
- root: process.cwd(),
278
- routes,
279
- routeImports,
280
- routeAssets,
281
- serverMode: true,
282
- gracileConfig: ${JSON.stringify(gracileConfig, null, 2)}
283
- });
284
- `;
285
- }
286
- return null;
287
- },
288
- },
289
- {
290
- name: 'gracile-move-server-assets',
291
- async writeBundle(_, bundle) {
292
- const cwd = root || process.cwd();
293
- await Promise.all(Object.entries(bundle).map(async ([file]) => {
294
- if (file.startsWith('assets/') === false)
295
- return;
296
- await rename(join(cwd, `/dist/server/${file}`), join(cwd, `/dist/client/${file}`));
297
- }));
298
- // NOTE: Disabled for now, because it conflict with test's folder comparer
299
- await rm(join(cwd, `/dist/server/assets`), {
300
- recursive: true,
301
- }).catch(() => null);
302
- },
303
- },
304
- ],
305
- });
306
- },
307
- },
78
+ // MARK: 7. Client build (route rendering → populates shared state)
79
+ gracileClientBuildPlugin({
80
+ state,
81
+ virtualRoutesForClient,
82
+ }),
83
+ // MARK: 8. HTML route resolution + asset collection (client build only)
84
+ ...gracileHtmlRoutesBuildPlugins({ state }),
85
+ // MARK: 9. Build environment configuration (consumes shared state)
86
+ gracileBuildEnvironmentPlugin({ state }),
87
+ // MARK: 9. Collect client assets for server
88
+ gracileCollectClientAssetsPlugin({ state }),
89
+ // MARK: 10. Server virtual routes (SSR environment only)
90
+ ...virtualRoutes({ state }),
91
+ // MARK: 11. Server entrypoint (SSR environment only)
92
+ gracileEntrypointPlugin({ state }),
93
+ // MARK: 12. Move server assets (SSR environment only)
94
+ gracileMoveServerAssetsPlugin({ state }),
308
95
  ];
309
96
  };
@@ -0,0 +1,64 @@
1
+ /**
2
+ * Pure, testable pipeline steps extracted from the route template renderer.
3
+ *
4
+ * Each function here is a focused stage of the document post-processing
5
+ * lifecycle. They are composed by `renderRouteTemplate` in
6
+ * `./route-template.ts`.
7
+ *
8
+ * @internal
9
+ */
10
+ import { Readable } from 'node:stream';
11
+ import type { RenderInfo } from '@lit-labs/ssr';
12
+ export declare const REGEX_TAG_SCRIPT: RegExp;
13
+ export declare const REGEX_TAG_LINK: RegExp;
14
+ /**
15
+ * Concatenate multiple `Readable` streams into a single async iterable.
16
+ */
17
+ export declare function concatStreams(...readables: Readable[]): AsyncGenerator<any, void, unknown>;
18
+ /**
19
+ * Merge user-provided `RenderInfo` with the default `LitElementRenderer`.
20
+ * Always appends `LitElementRenderer` to whatever the user supplied.
21
+ */
22
+ export declare function mergeRenderInfo(renderInfo: Partial<RenderInfo> | undefined): Partial<RenderInfo>;
23
+ /**
24
+ * Inject sibling page assets into the rendered document HTML.
25
+ *
26
+ * Inserts the `PAGE_ASSETS_MARKER` before `</head>`, then replaces it
27
+ * with concrete `<script>` / `<link>` tags for each asset path.
28
+ *
29
+ * @param documentHtml The rendered document string.
30
+ * @param pageAssets Array of asset file paths (e.g. `['src/pages/about.css']`).
31
+ * @returns The document with asset tags injected (or unchanged if no assets).
32
+ */
33
+ export declare function injectSiblingAssets(documentHtml: string, pageAssets: string[]): string;
34
+ /**
35
+ * Prepend `<!doctype html>` if the document doesn't already start with one.
36
+ *
37
+ * @param documentHtml The rendered document string.
38
+ * @returns The document guaranteed to start with a doctype declaration.
39
+ */
40
+ export declare function ensureDoctype(documentHtml: string): string;
41
+ /**
42
+ * The HMR error overlay script injected in dev mode.
43
+ * Returns the raw HTML string for the `<script>` tag.
44
+ */
45
+ export declare function developmentOverlaySnippet(): string;
46
+ /**
47
+ * Inject the dev overlay script right after `<head>`.
48
+ * Only applied when `mode === 'dev'`.
49
+ *
50
+ * @param documentHtml The rendered document string.
51
+ * @returns The document with the overlay injected.
52
+ */
53
+ export declare function injectDevelopmentOverlay(documentHtml: string): string;
54
+ /**
55
+ * For server-output builds: strip dev-time `<script type="module">` and
56
+ * `<link rel="stylesheet">` tags, then inject the production asset string
57
+ * before `</head>`.
58
+ *
59
+ * @param documentHtml The rendered document string.
60
+ * @param routeAssetsHtml The production asset tags to inject.
61
+ * @returns The document with dev assets stripped and production assets injected.
62
+ */
63
+ export declare function injectServerAssets(documentHtml: string, routeAssetsHtml: string): string;
64
+ //# sourceMappingURL=route-template-pipeline.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"route-template-pipeline.d.ts","sourceRoot":"","sources":["../../src/render/route-template-pipeline.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAMhD,eAAO,MAAM,gBAAgB,QACkC,CAAC;AAEhE,eAAO,MAAM,cAAc,QAA2B,CAAC;AAIvD;;GAEG;AACH,wBAAuB,aAAa,CAAC,GAAG,SAAS,EAAE,QAAQ,EAAE,sCAM5D;AAID;;;GAGG;AACH,wBAAgB,eAAe,CAC9B,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,SAAS,GACzC,OAAO,CAAC,UAAU,CAAC,CAQrB;AASD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAClC,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAAE,GAClB,MAAM,CA2BR;AAID;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAO1D;AAID;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,MAAM,CAalD;AAED;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAKrE;AAID;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CACjC,YAAY,EAAE,MAAM,EACpB,eAAe,EAAE,MAAM,GACrB,MAAM,CAWR"}