@absolutejs/absolute 0.19.0-beta.1014 → 0.19.0-beta.1016

package/dist/src/cli/config/absolute/resolveAbsoluteConfig.d.ts

@@ -1,14 +1,14 @@
 import ts from 'typescript';
-export declare const findConfigPath: (cwd: string) => string | null;
+export declare const findConfigPath: (cwd: string, override?: string) => string | null;
 export declare const findConfigObject: (sourceFile: ts.Node) => ts.ObjectLiteralExpression | null;
 export declare const parseConfigObject: (configPath: string) => {
     object: ts.ObjectLiteralExpression | null;
     text: string;
 };
-export declare const resolveAbsoluteConfigState: (cwd: string) => {
+export declare const resolveAbsoluteConfigState: (cwd: string, override?: string) => {
     available: boolean;
-    complexKeys: string[];
     configPath: string | null;
     current: Record<string, unknown>;
-    fields: import("../../../../types/config").ConfigField[];
+    fields: import("../../../../types/config").FieldNode[];
+    opaqueKeys: string[];
 };

package/dist/src/cli/config/packageJson/resolvePackageJson.d.ts

@@ -1,10 +1,9 @@
-import type { ConfigField } from '../../../../types/config';
+import type { FieldNode } from '../../../../types/config';
 import type { PackageScript } from '../../../../types/packageJsonPanel';
 export declare const findPackageJsonPath: (cwd: string) => string | null;
 export declare const resolvePackageJsonState: (cwd: string) => {
-    complexKeys: string[];
     configPath: string | null;
     current: Record<string, unknown>;
-    fields: ConfigField[];
+    fields: FieldNode[];
     scripts: PackageScript[];
 };

package/dist/src/cli/config/page/ConfigShell.d.ts

@@ -1,16 +1,6 @@
 import type { ConfigPanelId } from '../../../../types/config';
-import type { RuleCatalog } from '../../../../types/eslintConfig';
-import type { TsConfigState } from '../../../../types/tsconfig';
-import type { PrettierState } from '../../../../types/prettier';
-import type { AbsoluteConfigState } from '../../../../types/absoluteConfig';
-import type { PackageJsonState } from '../../../../types/packageJsonPanel';
 type ConfigShellProps = {
-    absoluteConfigState: AbsoluteConfigState | null;
-    eslintCatalog: RuleCatalog | null;
-    packageJsonState: PackageJsonState | null;
     panel: ConfigPanelId;
-    prettierState: PrettierState | null;
-    tsconfigState: TsConfigState | null;
 };
-export declare const ConfigShell: ({ absoluteConfigState, eslintCatalog, packageJsonState, panel, prettierState, tsconfigState }: ConfigShellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfigShell: ({ panel }: ConfigShellProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/cli/config/page/FieldEditor.d.ts

@@ -0,0 +1,9 @@
+import type { FieldSchema } from '../../../../types/config';
+type EditorProps = {
+    onChange: (value: unknown) => void;
+    schema: FieldSchema;
+    value: unknown;
+};
+export declare const emptyValue: (schema: FieldSchema) => unknown;
+export declare const FieldEditor: (props: EditorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/cli/config/page/PanelHost.d.ts

@@ -0,0 +1,6 @@
+import type { ConfigPanelId } from '../../../../types/config';
+type PanelHostProps = {
+    panel: ConfigPanelId;
+};
+export declare const PanelHost: ({ panel }: PanelHostProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/cli/config/page/configStyles.d.ts

@@ -1 +1 @@
-export declare const CONFIG_CSS = "\n.cfg {\n\tposition: relative;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: stretch;\n\tmin-height: 100vh;\n}\n\n.cfg-nav {\n\tflex: 0 0 240px;\n\twidth: 240px;\n\theight: 100vh;\n\tposition: sticky;\n\ttop: 0;\n\talign-self: flex-start;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 26px;\n\tpadding: 30px 18px;\n\tborder-right: 1px solid var(--border);\n\tbackground: rgba(17, 19, 23, 0.6);\n}\n\n.cfg-brand { display: flex; flex-direction: column; gap: 4px; }\n.cfg-word { font-family: var(--serif); font-size: 26px; line-height: 1; }\n.cfg-word em { color: var(--accent); font-style: italic; }\n.cfg-tag {\n\tcolor: var(--faint);\n\tfont-size: 10px;\n\ttext-transform: uppercase;\n\tletter-spacing: 1.5px;\n}\n\n.cfg-panels { display: flex; flex-direction: column; gap: 4px; }\n.cfg-rail-label {\n\tcolor: var(--faint);\n\tfont-size: 10px;\n\ttext-transform: uppercase;\n\tletter-spacing: 1.5px;\n\tpadding: 0 10px 8px;\n}\n\n.cfg-item {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 2px;\n\tpadding: 10px 12px;\n\tborder-radius: 8px;\n\tborder: 1px solid transparent;\n\tcolor: var(--text);\n\ttext-decoration: none;\n\ttransition: background 0.12s ease, border-color 0.12s ease;\n}\n.cfg-item:hover { background: var(--panel-2); }\n.cfg-item[data-active='true'] { background: var(--panel-2); border-color: var(--border); }\n.cfg-item[data-soon='true'] { opacity: 0.6; }\n.cfg-item-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }\n.cfg-item-name { font-weight: 500; font-size: 13px; }\n.cfg-item-blurb { color: var(--dim); font-size: 11px; }\n.cfg-soon {\n\tfont-size: 9px;\n\ttext-transform: uppercase;\n\tletter-spacing: 1px;\n\tcolor: var(--bg);\n\tbackground: var(--accent-dim);\n\tpadding: 2px 6px;\n\tborder-radius: 999px;\n}\n\n.cfg-main { flex: 1 1 auto; min-width: 0; }\n\n.cfg-placeholder {\n\tposition: relative;\n\tz-index: 1;\n\tmax-width: 760px;\n\tmargin: 0 auto;\n\tpadding: 120px 28px;\n\ttext-align: center;\n}\n.cfg-placeholder-title { font-family: var(--serif); font-size: 40px; margin-bottom: 12px; }\n.cfg-placeholder-title em { color: var(--accent); font-style: italic; }\n.cfg-placeholder-text { color: var(--dim); font-size: 14px; max-width: 460px; margin: 0 auto; }\n\n@media (max-width: 720px) {\n\t.cfg { flex-direction: column; }\n\t.cfg-nav {\n\t\twidth: auto;\n\t\tflex-basis: auto;\n\t\theight: auto;\n\t\tposition: static;\n\t\tborder-right: none;\n\t\tborder-bottom: 1px solid var(--border);\n\t}\n}\n";
+export declare const CONFIG_CSS = "\n.cfg {\n\tposition: relative;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: stretch;\n\tmin-height: 100vh;\n}\n\n.cfg-nav {\n\tflex: 0 0 240px;\n\twidth: 240px;\n\theight: 100vh;\n\tposition: sticky;\n\ttop: 0;\n\talign-self: flex-start;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 26px;\n\tpadding: 30px 18px;\n\tborder-right: 1px solid var(--border);\n\tbackground: rgba(17, 19, 23, 0.6);\n}\n\n.cfg-brand { display: flex; flex-direction: column; gap: 4px; }\n.cfg-word { font-family: var(--serif); font-size: 26px; line-height: 1; }\n.cfg-word em { color: var(--accent); font-style: italic; }\n.cfg-tag {\n\tcolor: var(--faint);\n\tfont-size: 10px;\n\ttext-transform: uppercase;\n\tletter-spacing: 1.5px;\n}\n\n.cfg-panels { display: flex; flex-direction: column; gap: 4px; }\n.cfg-rail-label {\n\tcolor: var(--faint);\n\tfont-size: 10px;\n\ttext-transform: uppercase;\n\tletter-spacing: 1.5px;\n\tpadding: 0 10px 8px;\n}\n\n.cfg-item {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 2px;\n\tpadding: 10px 12px;\n\tborder-radius: 8px;\n\tborder: 1px solid transparent;\n\tcolor: var(--text);\n\ttext-decoration: none;\n\ttransition: background 0.12s ease, border-color 0.12s ease;\n}\n.cfg-item:hover { background: var(--panel-2); }\n.cfg-item[data-active='true'] { background: var(--panel-2); border-color: var(--border); }\n.cfg-item[data-soon='true'] { opacity: 0.6; }\n.cfg-item-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }\n.cfg-item-name { font-weight: 500; font-size: 13px; }\n.cfg-item-blurb { color: var(--dim); font-size: 11px; }\n.cfg-soon {\n\tfont-size: 9px;\n\ttext-transform: uppercase;\n\tletter-spacing: 1px;\n\tcolor: var(--bg);\n\tbackground: var(--accent-dim);\n\tpadding: 2px 6px;\n\tborder-radius: 999px;\n}\n\n.cfg-main { flex: 1 1 auto; min-width: 0; }\n\n.cfg-placeholder {\n\tposition: relative;\n\tz-index: 1;\n\tmax-width: 760px;\n\tmargin: 0 auto;\n\tpadding: 120px 28px;\n\ttext-align: center;\n}\n.cfg-placeholder-title { font-family: var(--serif); font-size: 40px; margin-bottom: 12px; }\n.cfg-placeholder-title em { color: var(--accent); font-style: italic; }\n.cfg-placeholder-text { color: var(--dim); font-size: 14px; max-width: 460px; margin: 0 auto; }\n.cfg-loading { animation: cfg-pulse 1.2s ease-in-out infinite; }\n@keyframes cfg-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }\n\n/* ---- recursive field editor ---- */\n.fe-block { align-items: flex-start; }\n.fe-root { margin-top: 10px; width: 100%; }\n.fe-actions { flex-direction: column; gap: 6px; }\n.fe-object {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tborder-left: 2px solid var(--border);\n\tpadding-left: 14px;\n}\n.fe-field { display: flex; flex-direction: column; gap: 4px; }\n.fe-label { display: flex; align-items: center; gap: 8px; }\n.fe-name { color: var(--dim); font-size: 12px; }\n.fe-array, .fe-record, .fe-union { display: flex; flex-direction: column; gap: 6px; }\n.fe-item, .fe-entry { display: flex; align-items: flex-start; gap: 6px; }\n.fe-key { min-width: 160px; flex: 0 0 auto; }\n.fe-add {\n\talign-self: flex-start;\n\tfont-family: var(--mono);\n\tfont-size: 11px;\n\tcolor: var(--accent);\n\tbackground: transparent;\n\tborder: 1px dashed var(--border);\n\tborder-radius: 7px;\n\tpadding: 4px 10px;\n\tcursor: pointer;\n}\n.fe-add:hover { border-color: var(--accent); }\n.fe-remove {\n\tfont-family: var(--mono);\n\tfont-size: 11px;\n\tcolor: var(--dim);\n\tbackground: transparent;\n\tborder: 1px solid var(--border);\n\tborder-radius: 7px;\n\tpadding: 4px 8px;\n\tcursor: pointer;\n}\n.fe-remove:hover { color: var(--error); border-color: var(--error); }\n.fe-type { color: var(--faint); font-size: 11px; margin-top: 4px; }\n.fe-raw { width: 100%; }\n.fe-raw .opts-input { width: 100%; }\n\n@media (max-width: 720px) {\n\t.cfg { flex-direction: column; }\n\t.cfg-nav {\n\t\twidth: auto;\n\t\tflex-basis: auto;\n\t\theight: auto;\n\t\tposition: static;\n\t\tborder-right: none;\n\t\tborder-bottom: 1px solid var(--border);\n\t}\n}\n";

package/dist/src/cli/config/schema/fromJsonSchema.d.ts

@@ -0,0 +1,3 @@
+import type { FieldSchema } from '../../../../types/config';
+export declare const fromJsonSchema: (schema: unknown, depth?: number) => FieldSchema;
+export declare const eslintOptionsSchema: (metaSchema: unknown) => FieldSchema;

package/dist/src/cli/config/schema/fromType.d.ts

@@ -0,0 +1,2 @@
+import type { FieldNode } from '../../../../types/config';
+export declare const introspectType: (cwd: string, typeName: string, exclude?: Set<string>) => FieldNode[];

package/dist/src/cli/config/schema/serialize.d.ts

@@ -0,0 +1 @@
+export declare const serializeValue: (value: unknown, level?: number, indent?: string) => string;

package/dist/src/cli/config/server.d.ts

@@ -209,10 +209,10 @@ export declare const launchConfig: (args: string[], cwd?: string) => Promise<Ely
                 response: {
                     200: {
                         available: boolean;
-                        complexKeys: string[];
                         configPath: string | null;
                         current: Record<string, unknown>;
-                        fields: import("../../../types/config").ConfigField[];
+                        fields: import("../../../types/config").FieldNode[];
+                        opaqueKeys: string[];
                     };
                 };
             };
@@ -242,10 +242,9 @@ export declare const launchConfig: (args: string[], cwd?: string) => Promise<Ely
                 headers: unknown;
                 response: {
                     200: {
-                        complexKeys: string[];
                         configPath: string | null;
                         current: Record<string, unknown>;
-                        fields: import("../../../types/config").ConfigField[];
+                        fields: import("../../../types/config").FieldNode[];
                         scripts: import("../../../types/packageJsonPanel").PackageScript[];
                     };
                 };

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

@@ -287,7 +287,32 @@ export declare const prepare: (configOrPath?: string) => Promise<{
         response: {
             200: Response;
         };
-    }, {} | {
+    }, {
+        ".absolutejs": {
+            "*": {
+                get: {
+                    body: unknown;
+                    params: {
+                        "*": string;
+                    } & {};
+                    query: unknown;
+                    headers: unknown;
+                    response: {
+                        200: Bun.BunFile | "Not Found";
+                        422: {
+                            type: "validation";
+                            on: string;
+                            summary?: string;
+                            message?: string;
+                            found?: unknown;
+                            property?: string;
+                            expected?: string;
+                        };
+                    };
+                };
+            };
+        };
+    } | ({
         [x: string]: {
             get: {
                 body: unknown;
@@ -297,7 +322,32 @@ export declare const prepare: (configOrPath?: string) => Promise<{
                 response: {};
             };
         };
-    }, {
+    } & {
+        ".absolutejs": {
+            "*": {
+                get: {
+                    body: unknown;
+                    params: {
+                        "*": string;
+                    } & {};
+                    query: unknown;
+                    headers: unknown;
+                    response: {
+                        200: Bun.BunFile | "Not Found";
+                        422: {
+                            type: "validation";
+                            on: string;
+                            summary?: string;
+                            message?: string;
+                            found?: unknown;
+                            property?: string;
+                            expected?: string;
+                        };
+                    };
+                };
+            };
+        };
+    }), {
         derive: {};
         resolve: {};
         schema: {};

package/dist/types/absoluteConfig.d.ts

@@ -1,13 +1,14 @@
-import type { ConfigField } from './config';
+import type { FieldNode } from './config';
 export type AbsoluteConfigState = {
     /** False when the BuildConfig type couldn't be resolved (catalog empty). */
     available: boolean;
     configPath: string | null;
-    /** Simple top-level values literally present in defineConfig({...}). */
+    /** Values literally present in defineConfig({...}), read recursively. */
     current: Record<string, unknown>;
-    /** Top-level keys present with a non-scalar (object/array/ref) value. */
-    complexKeys: string[];
-    fields: ConfigField[];
+    /** Top-level keys whose value contains code (refs/calls) — not form-editable. */
+    opaqueKeys: string[];
+    /** Recursive field catalog introspected from BaseBuildConfig. */
+    fields: FieldNode[];
 };
 export type AbsoluteConfigEditRequest = {
     name: string;

package/dist/types/config.d.ts

@@ -8,16 +8,43 @@ export type ConfigPanelMeta = {
     /** `'ready'` panels are interactive; `'soon'` panels render a placeholder. */
     status: ConfigPanelStatus;
 };
-export type ConfigFieldKind = 'string' | 'number' | 'boolean' | 'enum' | 'complex';
-/** A field recovered from a TypeScript type by introspection — the shared unit
- *  the absolute.config and package.json panels render. */
-export type ConfigField = {
-    /** Allowed values for `enum` kinds; empty otherwise. */
-    choices: string[];
+/** A normalized, recursive description of a value's shape — produced from a TS
+ *  type (config panels) or a JSON Schema (ESLint rule options), and consumed by
+ *  the recursive FieldEditor so every value gets a real UI instead of raw JSON.
+ *  `opaque` is the last resort: a value we can't safely structure-edit (e.g. it
+ *  references an imported binding); `typeText` is shown for it. */
+export type FieldSchema = {
+    kind: 'string';
+} | {
+    kind: 'number';
+} | {
+    kind: 'boolean';
+} | {
+    kind: 'enum';
+    choices: (string | number)[];
+} | {
+    kind: 'array';
+    item: FieldSchema;
+} | {
+    kind: 'tuple';
+    items: FieldSchema[];
+} | {
+    kind: 'object';
+    fields: FieldNode[];
+} | {
+    kind: 'record';
+    value: FieldSchema;
+} | {
+    kind: 'union';
+    variants: FieldSchema[];
+} | {
+    kind: 'opaque';
+    typeText: string;
+};
+/** A named field within an object schema (or a top-level config field). */
+export type FieldNode = {
     description: string;
-    kind: ConfigFieldKind;
     name: string;
     optional: boolean;
-    /** The field's TypeScript type, shown for `complex` (read-only) fields. */
-    typeText: string;
+    schema: FieldSchema;
 };

package/dist/types/packageJsonPanel.d.ts

@@ -1,16 +1,14 @@
-import type { ConfigField } from './config';
+import type { FieldNode } from './config';
 export type PackageScript = {
     command: string;
     name: string;
 };
 export type PackageJsonState = {
-    /** Top-level keys present with a non-scalar (object/array) value. */
-    complexKeys: string[];
     configPath: string | null;
-    /** Scalar values literally present in the file, keyed by field name. */
+    /** Top-level values present in the file (excluding `scripts`). */
     current: Record<string, unknown>;
-    /** Field catalog introspected from the PackageJson type (excludes scripts). */
-    fields: ConfigField[];
+    /** Field catalog from the PackageJson type + any extra keys in the file. */
+    fields: FieldNode[];
     scripts: PackageScript[];
 };
 export type PackageScriptEdit = {

package/package.json

@@ -343,7 +343,7 @@
 		"bd": "bun run scripts/build.ts && bun",
 		"build": "bun run scripts/build.ts",
 		"build:native": "./native/build.sh",
-		"config": "bun run src/cli/index.ts config",
+		"config:studio": "bun run src/cli/index.ts config --config example/absolute.config.ts",
 		"db:push": "drizzle-kit push",
 		"db:studio": "drizzle-kit studio",
 		"dev": "TELEMETRY_OFF=1 bun run src/cli/index.ts dev example/server.ts --config example/absolute.config.ts",
@@ -400,5 +400,5 @@
 			]
 		}
 	},
-	"version": "0.19.0-beta.1014"
+	"version": "0.19.0-beta.1016"
 }

package/dist/src/cli/config/introspectType.d.ts

@@ -1,2 +0,0 @@
-import type { ConfigField } from '../../../types/config';
-export declare const introspectType: (cwd: string, typeName: string, exclude?: Set<string>) => ConfigField[];