@absolutejs/absolute 0.19.0-beta.840 → 0.19.0-beta.842

package/dist/src/build/compileEmber.d.ts

@@ -0,0 +1,43 @@
+import { basename, dirname } from 'node:path';
+/**
+ * Compile a single Ember page entry. Returns the absolute paths of the
+ * server-side bundled output and the client-side raw module.
+ *
+ *  Server side: full Bun.build pass that inlines the Glimmer runtime,
+ *  simple-dom, and the renderer. The output exports `renderToHTML(props)`
+ *  which the page handler calls. Bundling everything into one file
+ *  guarantees a single state-bearing module instance — no "two copies
+ *  of @glimmer/runtime" hazard.
+ *
+ *  Client side: just the transpiled module (no bundle). The framework's
+ *  client bundle pass picks it up alongside other client entries and
+ *  externalizes the Ember runtime to the vendor URLs.
+ */
+export declare const compileEmberFile: (entry: string, compiledRoot: string, cwd?: string) => Promise<{
+    clientPath: string;
+    serverPath: string;
+}>;
+/**
+ * Batch-compile every entry in `entries`. Mirrors `compileSvelte`'s
+ * shape so `core/build.ts` can call it the same way.
+ */
+export declare const compileEmber: (entries: string[], emberDir: string, cwd?: string, _hmr?: boolean) => Promise<{
+    clientPaths: string[];
+    serverPaths: string[];
+}>;
+/**
+ * Hot path used by the dev module server: compile a single entry into
+ * a tmp dir and return the resulting JS source string. Phase 1 doesn't
+ * implement caching here; phase 3 will.
+ */
+export declare const compileEmberFileSource: (entry: string) => Promise<string>;
+/**
+ * Match the `compileSvelte` API surface so the dev rebuilder can call
+ * a stable name. Phase 1 returns the entry directory unchanged — caching
+ * lives in `compileEmber` itself, not in a separate cache layer.
+ */
+export declare const clearEmberCompilerCache: () => void;
+export declare const getEmberCompiledRoot: (emberDir: string) => string;
+export declare const getEmberServerCompiledDir: (emberDir: string) => string;
+export declare const getEmberClientCompiledDir: (emberDir: string) => string;
+export { dirname, basename };

package/dist/src/build/vendorEntrySource.d.ts

@@ -1,26 +1 @@
-/** Generate a vendor entry source that re-exports both named AND default
- *  exports robustly, regardless of whether the source has a default export.
- *
- *  Why this is non-trivial:
- *  - Per ECMA spec, `export *` re-exports only NAMED exports — never the
- *    default. So a vendor wrapping `firebase/compat/app` (whose entire
- *    surface is `export { default } from '@firebase/app-compat'`) ends up
- *    completely empty, breaking `import firebase from "/vendor/X.js"`.
- *  - Naively adding `export { default } from 'X'` makes Bun.build fail with
- *    "No matching export for 'default'" when X has no default export.
- *  - Heuristic detection from the resolved file (e.g. checking for
- *    `export default` or `module.exports`) is unreliable because
- *    `Bun.resolveSync` and `Bun.build` can pick different files for the
- *    same specifier (CJS `index.js` vs ESM `index.mjs` via the package's
- *    `exports` map).
- *
- *  Solution: import the package as a namespace and re-export the namespace's
- *  default. Works for every shape:
- *  - ESM with default: `__ns.default` is the original default value
- *  - ESM without default: `__ns.default` is `undefined` (consumer that
- *    imports default would have failed against the original package too)
- *  - CJS: Bun's interop synthesizes a default on the namespace
- *
- *  The namespace import has no compile-time check on `default` existence,
- *  so Bun.build accepts it for all packages. */
-export declare const generateVendorEntrySource: (specifier: string) => string;
+export declare const generateVendorEntrySource: (specifier: string) => Promise<string>;

package/dist/src/build/vueAutoRouterTransform.d.ts

@@ -0,0 +1 @@
+export declare const addAutoRouterSetupApp: (sourceContent: string) => string;

package/dist/src/core/devVendorPaths.d.ts

@@ -13,3 +13,5 @@ export declare const getSvelteVendorPaths: () => Record<string, string> | null;
 export declare const setSvelteVendorPaths: (paths: Record<string, string>) => void;
 export declare const getVueVendorPaths: () => Record<string, string> | null;
 export declare const setVueVendorPaths: (paths: Record<string, string>) => void;
+export declare const getEmberVendorPaths: () => Record<string, string> | null;
+export declare const setEmberVendorPaths: (paths: Record<string, string>) => void;

package/dist/src/dev/configResolver.d.ts

@@ -4,6 +4,7 @@ export declare const resolveBuildPaths: (config: BuildConfig) => {
     angularDir: string | undefined;
     assetsDir: string | undefined;
     buildDir: string;
+    emberDir: string | undefined;
     htmlDir: string | undefined;
     htmxDir: string | undefined;
     reactDir: string | undefined;

package/dist/src/dev/pathUtils.d.ts

@@ -1,5 +1,5 @@
 import { BuildConfig } from '../../types/build';
 import type { ResolvedBuildPaths } from './configResolver';
-export declare const detectFramework: (filePath: string, resolved?: ResolvedBuildPaths) => "react" | "svelte" | "vue" | "angular" | "html" | "unknown" | "ignored" | "styles" | "htmx" | "assets";
+export declare const detectFramework: (filePath: string, resolved?: ResolvedBuildPaths) => "react" | "svelte" | "vue" | "angular" | "ember" | "html" | "unknown" | "ignored" | "styles" | "htmx" | "assets";
 export declare const getWatchPaths: (config: BuildConfig, resolved?: ResolvedBuildPaths) => string[];
 export declare const shouldIgnorePath: (path: string, resolved?: ResolvedBuildPaths) => boolean;

package/dist/src/ember/browser.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Phase 1 Ember client entry.
+ *
+ * The page index file (emitted by the build) imports this module and
+ * the user's compiled page module. We mount the page component into
+ * `#ember-root` using the same `renderComponent` API SSR used — Ember
+ * Router's hydration story is post-Phase-1 work; for v1 we re-render
+ * client-side over the SSR'd HTML.
+ *
+ * `@ember/renderer` is loaded dynamically rather than via static import
+ * because (a) the AbsoluteJS framework typecheck shouldn't require
+ * ember-source as a dep, and (b) the resolved URL at runtime is
+ * `/ember/vendor/ember_renderer.js` (the vendor build's output) rather
+ * than the bare specifier — only the user's bundle pass knows which
+ * mapping to apply.
+ */
+declare global {
+    interface Window {
+        __INITIAL_PROPS__?: Record<string, unknown>;
+    }
+}
+export declare const mountEmberPage: (component: unknown, rootSelector?: string) => Promise<{
+    destroy?: () => void;
+}>;

package/dist/src/ember/index.d.ts

@@ -0,0 +1,2 @@
+export { handleEmberPageRequest, invalidateEmberSsrCache } from './pageHandler';
+export type { EmberPageRequestInput } from './pageHandler';

package/dist/src/ember/pageHandler.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Phase 1 Ember page handler.
+ *
+ * The compiled `pagePath` is a self-contained server bundle produced by
+ * `compileEmber`. It exports `renderToHTML(props): string` — a one-call
+ * entry that wires up simple-dom + the Glimmer renderer + the page
+ * component, then returns serialized HTML. The handler's job is just:
+ *
+ *  1. Auto-inject `request.url` pathname into props as `url` (mirrors
+ *     React/Svelte/Vue handlers — the convention all four adapters now
+ *     share for native router cooperation).
+ *  2. Polyfill `globalThis.Element` / `globalThis.Node` if missing. The
+ *     Ember server bundle also installs the polyfill defensively, but
+ *     installing here too means the polyfill is in place before the
+ *     bundle's module body evaluates (any top-level Element refs).
+ *  3. Dynamic-import the bundle, call `renderToHTML(props)`, wrap the
+ *     result in a `<head>` + `<body>` shell with `__INITIAL_PROPS__`
+ *     and the page index module load.
+ *
+ *  Phase 1 doesn't ship: streaming, slots, islands, HMR cache dirty,
+ *  convention error rendering. Those layer on in phases 2 and 3.
+ */
+export type EmberPageRequestInput = {
+    indexPath: string;
+    pagePath: string;
+    headTag?: `<head>${string}</head>`;
+    props?: Record<string, unknown>;
+    /** When provided, the request's pathname is auto-injected into props
+     *  as `url` (only if the caller didn't already pass one). Lets users
+     *  forward `request` straight from the Elysia handler instead of
+     *  unwrapping the URL by hand. */
+    request?: Request;
+};
+export declare const invalidateEmberSsrCache: () => void;
+export declare const handleEmberPageRequest: (input: EmberPageRequestInput) => Promise<Response>;

package/dist/src/ember/server.d.ts

@@ -0,0 +1,2 @@
+export { handleEmberPageRequest } from './pageHandler';
+export type { EmberPageRequestInput } from './pageHandler';

package/dist/src/utils/loadConfig.d.ts

@@ -14,6 +14,7 @@ export declare const loadConfig: (configPath?: string) => Promise<{
     angularDirectory?: string;
     astroDirectory?: string;
     svelteDirectory?: string;
+    emberDirectory?: string;
     htmlDirectory?: string;
     htmxDirectory?: string;
     stylesConfig?: string | import("..").StylesConfig;

package/dist/src/vue/browser.d.ts

@@ -1,3 +1,5 @@
 export { Island } from './Island.browser';
 export { createTypedIsland } from './createIsland.browser';
 export { useIslandStore } from './useIslandStore';
+export { defineVueSetupApp } from './defineVuePage';
+export type { VueAutoRouter, VueSetupApp, VueSetupAppContext } from '../../types/vue';

package/dist/src/vue/defineVuePage.d.ts

@@ -0,0 +1,5 @@
+import type { VueSetupApp } from '../../types/vue';
+/** Identity helper that types a Vue page's `setupApp` export without
+ *  forcing the user to `import type { VueSetupApp }` every time. Use as
+ *  `export const setupApp = defineVueSetupApp(async (app, ctx) => { ... });` */
+export declare const defineVueSetupApp: (hook: VueSetupApp) => VueSetupApp;

package/dist/src/vue/index.d.ts

@@ -1,5 +1,7 @@
 export { handleVuePageRequest } from './pageHandler';
 export { applyVueRouterRedirect } from './routerRedirectProviders';
+export { defineVueSetupApp } from './defineVuePage';
+export type { VueAutoRouter, VueSetupApp, VueSetupAppContext } from '../../types/vue';
 export { Island } from './Island';
 export { createTypedIsland } from './createIsland';
 export { useIslandStore } from './useIslandStore';

package/dist/svelte/index.js

@@ -1889,6 +1889,58 @@ var init_ssrCache = __esm(() => {
   dirtyFrameworks = new Set;
 });
 
+// src/utils/ssrErrorPage.ts
+var ssrErrorPage = (framework, error) => {
+  const frameworkColors2 = {
+    angular: "#dd0031",
+    html: "#e34c26",
+    htmx: "#1a365d",
+    react: "#61dafb",
+    svelte: "#ff3e00",
+    vue: "#42b883"
+  };
+  const accent = frameworkColors2[framework] ?? "#94a3b8";
+  const label = framework.charAt(0).toUpperCase() + framework.slice(1);
+  const message = error instanceof Error ? error.message : String(error);
+  return `<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>SSR Error - AbsoluteJS</title>
+<style>
+*{margin:0;padding:0;box-sizing:border-box}
+body{min-height:100vh;background:linear-gradient(135deg,rgba(15,23,42,0.98) 0%,rgba(30,41,59,0.98) 100%);color:#e2e8f0;font-family:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.6;display:flex;align-items:flex-start;justify-content:center;padding:32px}
+.card{max-width:720px;width:100%;background:rgba(30,41,59,0.6);border:1px solid rgba(71,85,105,0.5);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);overflow:hidden}
+.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:rgba(15,23,42,0.5);border-bottom:1px solid rgba(71,85,105,0.4)}
+.brand{font-weight:700;font-size:20px;color:#fff;letter-spacing:-0.02em}
+.badge{padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600;background:${accent};color:#fff;opacity:0.95;box-shadow:0 2px 4px rgba(0,0,0,0.2)}
+.kind{color:#94a3b8;font-size:13px;font-weight:500}
+.content{padding:24px}
+.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin-bottom:8px}
+.message{margin:0;padding:16px 20px;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.25);border-radius:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:#fca5a5;font-size:13px;line-height:1.5}
+.hint{margin-top:20px;padding:12px 20px;background:rgba(71,85,105,0.3);border-radius:10px;border:1px solid rgba(71,85,105,0.4);color:#cbd5e1;font-size:13px}
+</style>
+</head>
+<body>
+<div class="card">
+<div class="header">
+<div style="display:flex;align-items:center;gap:12px">
+<span class="brand">AbsoluteJS</span>
+<span class="badge">${label}</span>
+</div>
+<span class="kind">Server Render Error</span>
+</div>
+<div class="content">
+<div class="label">What went wrong</div>
+<pre class="message">${message.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}</pre>
+<div class="hint">A component threw during server-side rendering. Check the terminal for the full stack trace.</div>
+</div>
+</div>
+</body>
+</html>`;
+};
+
 // src/utils/stringModifiers.ts
 var normalizeSlug = (str) => str.trim().replace(/\s+/g, "-").replace(/[^A-Za-z0-9\-_]+/g, "").replace(/[-_]{2,}/g, "-"), toKebab = (str) => normalizeSlug(str).replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), toPascal = (str) => {
   if (!str.includes("-") && !str.includes("_")) {
@@ -3201,58 +3253,6 @@ var runWithStreamingSlotWarningScope = (task, metadata) => ensureWarningStorage(
 // src/svelte/pageHandler.ts
 init_ssrCache();
 
-// src/utils/ssrErrorPage.ts
-var ssrErrorPage = (framework, error) => {
-  const frameworkColors2 = {
-    angular: "#dd0031",
-    html: "#e34c26",
-    htmx: "#1a365d",
-    react: "#61dafb",
-    svelte: "#ff3e00",
-    vue: "#42b883"
-  };
-  const accent = frameworkColors2[framework] ?? "#94a3b8";
-  const label = framework.charAt(0).toUpperCase() + framework.slice(1);
-  const message = error instanceof Error ? error.message : String(error);
-  return `<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>SSR Error - AbsoluteJS</title>
-<style>
-*{margin:0;padding:0;box-sizing:border-box}
-body{min-height:100vh;background:linear-gradient(135deg,rgba(15,23,42,0.98) 0%,rgba(30,41,59,0.98) 100%);color:#e2e8f0;font-family:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.6;display:flex;align-items:flex-start;justify-content:center;padding:32px}
-.card{max-width:720px;width:100%;background:rgba(30,41,59,0.6);border:1px solid rgba(71,85,105,0.5);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);overflow:hidden}
-.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:rgba(15,23,42,0.5);border-bottom:1px solid rgba(71,85,105,0.4)}
-.brand{font-weight:700;font-size:20px;color:#fff;letter-spacing:-0.02em}
-.badge{padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600;background:${accent};color:#fff;opacity:0.95;box-shadow:0 2px 4px rgba(0,0,0,0.2)}
-.kind{color:#94a3b8;font-size:13px;font-weight:500}
-.content{padding:24px}
-.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin-bottom:8px}
-.message{margin:0;padding:16px 20px;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.25);border-radius:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:#fca5a5;font-size:13px;line-height:1.5}
-.hint{margin-top:20px;padding:12px 20px;background:rgba(71,85,105,0.3);border-radius:10px;border:1px solid rgba(71,85,105,0.4);color:#cbd5e1;font-size:13px}
-</style>
-</head>
-<body>
-<div class="card">
-<div class="header">
-<div style="display:flex;align-items:center;gap:12px">
-<span class="brand">AbsoluteJS</span>
-<span class="badge">${label}</span>
-</div>
-<span class="kind">Server Render Error</span>
-</div>
-<div class="content">
-<div class="label">What went wrong</div>
-<pre class="message">${message.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}</pre>
-<div class="hint">A component threw during server-side rendering. Check the terminal for the full stack trace.</div>
-</div>
-</div>
-</body>
-</html>`;
-};
-
 // src/utils/resolveConvention.ts
 import { basename as basename2 } from "path";
 var CONVENTIONS_KEY = "__absoluteConventions";
@@ -3373,8 +3373,11 @@ var logConventionRenderError = (framework, label, renderError) => {
   }
   console.error(`[SSR] Failed to render ${framework} convention ${label} page:`, renderError);
 };
+var renderEmberError = async () => null;
+var renderEmberNotFound = async () => null;
 var ERROR_RENDERERS = {
   angular: renderAngularError,
+  ember: renderEmberError,
   react: renderReactError,
   svelte: renderSvelteError,
   vue: renderVueError
@@ -3457,6 +3460,7 @@ var renderAngularNotFound = async (conventionPath) => {
 };
 var NOT_FOUND_RENDERERS = {
   angular: renderAngularNotFound,
+  ember: renderEmberNotFound,
   react: renderReactNotFound,
   svelte: renderSvelteNotFound,
   vue: renderVueNotFound
@@ -3761,5 +3765,5 @@ export {
   createTypedIsland
 };
 
-//# debugId=90487CBA9FD90D6164756E2164756E21
+//# debugId=B5BA84C66FADA6BA64756E2164756E21
 //# sourceMappingURL=index.js.map