@absolutejs/absolute 0.19.0-beta.1049 → 0.19.0-beta.1050

package/dist/src/cli/add/dependencies.d.ts

@@ -9,4 +9,5 @@ export declare const installFrameworkDependencies: (cwd: string, framework: Fram
     ok: boolean;
     specs: string[];
 };
+export declare const installPackages: (cwd: string, specs: string[], dev?: boolean) => boolean;
 export {};

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

@@ -5,6 +5,11 @@ export declare const parseConfigObject: (configPath: string) => {
     object: ts.ObjectLiteralExpression | null;
     text: string;
 };
+export declare const readAbsoluteConfigValues: (cwd: string, override?: string) => {
+    configPath: string | null;
+    current: Record<string, unknown>;
+    opaqueKeys: string[];
+};
 export declare const resolveAbsoluteConfigState: (cwd: string, override?: string) => {
     available: boolean;
     configPath: string | null;

package/dist/src/cli/config/integrations/IntegrationsPanel.d.ts

@@ -1,6 +1,6 @@
-import type { AbsoluteConfigState } from '../../../../types/absoluteConfig';
+import type { IntegrationsPanelState } from '../../../../types/integrationsPanel';
 type IntegrationsPanelProps = {
-    state: AbsoluteConfigState;
+    state: IntegrationsPanelState;
 };
 export declare const IntegrationsPanel: ({ state: initial }: IntegrationsPanelProps) => import("react/jsx-runtime").JSX.Element;
 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.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/* ---- integrations panel ---- */\n.intg-note {\n\tfont-size: 11.5px;\n\tcolor: var(--warn);\n\tmargin-top: 6px;\n\tmax-width: 64ch;\n\tline-height: 1.45;\n}\n.intg-code {\n\tfont-family: var(--mono);\n\tfont-size: 11.5px;\n\tcolor: var(--accent-dim);\n\tbackground: var(--bg);\n\tborder: 1px solid var(--border);\n\tborder-radius: 7px;\n\tpadding: 7px 10px;\n\tmargin-top: 8px;\n\toverflow-x: auto;\n\twhite-space: pre;\n}\n\n/* ---- auth panel ---- */\n.auth-banner {\n\tfont-size: 12px;\n\tcolor: var(--dim);\n\tbackground: var(--panel);\n\tborder: 1px solid var(--border);\n\tborder-radius: 9px;\n\tpadding: 10px 14px;\n\tmargin-bottom: 18px;\n\tline-height: 1.5;\n}\n.auth-banner.warn { color: var(--warn); border-color: rgba(240, 180, 41, 0.25); }\n.auth-banner code { color: var(--accent-dim); }\n.auth-chips { display: flex; flex-wrap: wrap; gap: 7px; }\n.auth-chip {\n\tfont-family: var(--mono);\n\tfont-size: 11px;\n\tcolor: var(--dim);\n\tbackground: var(--bg);\n\tborder: 1px solid var(--border);\n\tborder-radius: 7px;\n\tpadding: 4px 9px;\n}\n.auth-links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; }\n.auth-link { font-size: 12px; color: var(--accent); text-decoration: none; }\n.auth-link:hover { text-decoration: underline; }\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/* ---- integrations panel ---- */\n.intg-note {\n\tfont-size: 11.5px;\n\tcolor: var(--warn);\n\tmargin-top: 6px;\n\tmax-width: 64ch;\n\tline-height: 1.45;\n}\n.intg-code {\n\tfont-family: var(--mono);\n\tfont-size: 11.5px;\n\tcolor: var(--accent-dim);\n\tbackground: var(--bg);\n\tborder: 1px solid var(--border);\n\tborder-radius: 7px;\n\tpadding: 7px 10px;\n\tmargin-top: 8px;\n\toverflow-x: auto;\n\twhite-space: pre;\n}\n\n/* ---- auth panel ---- */\n.auth-banner {\n\tfont-size: 12px;\n\tcolor: var(--dim);\n\tbackground: var(--panel);\n\tborder: 1px solid var(--border);\n\tborder-radius: 9px;\n\tpadding: 10px 14px;\n\tmargin-bottom: 18px;\n\tline-height: 1.5;\n}\n.auth-banner.warn { color: var(--warn); border-color: rgba(240, 180, 41, 0.25); }\n.auth-banner code { color: var(--accent-dim); }\n.auth-chips { display: flex; flex-wrap: wrap; gap: 7px; }\n.auth-chip {\n\tfont-family: var(--mono);\n\tfont-size: 11px;\n\tcolor: var(--dim);\n\tbackground: var(--bg);\n\tborder: 1px solid var(--border);\n\tborder-radius: 7px;\n\tpadding: 4px 9px;\n}\n.auth-links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; }\n.auth-link { font-size: 12px; color: var(--accent); text-decoration: none; }\n.auth-link:hover { text-decoration: underline; }\n\n/* ---- grouped sidebar ---- */\n.cfg-group + .cfg-group { margin-top: 16px; }\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/server.d.ts

@@ -3,6 +3,7 @@ import type { RuleEditResult } from '../../../types/eslintConfig';
 import type { TsEditResult } from '../../../types/tsconfig';
 import type { PrettierEditResult } from '../../../types/prettier';
 import type { AbsoluteConfigEditResult } from '../../../types/absoluteConfig';
+import type { IntegrationAddResult } from '../../../types/integrationsPanel';
 import type { PackageJsonEditResult } from '../../../types/packageJsonPanel';
 export declare const launchConfig: (args: string[], cwd?: string) => Promise<Elysia<"", {
     decorator: {};
@@ -256,6 +257,36 @@ export declare const launchConfig: (args: string[], cwd?: string) => Promise<Ely
             };
         };
     };
+} & {
+    api: {
+        integrations: {
+            get: {
+                body: unknown;
+                params: {};
+                query: unknown;
+                headers: unknown;
+                response: {
+                    200: import("../../../types/integrationsPanel").IntegrationsPanelState;
+                };
+            };
+        };
+    };
+} & {
+    api: {
+        integrations: {
+            add: {
+                post: {
+                    body: unknown;
+                    params: {};
+                    query: unknown;
+                    headers: unknown;
+                    response: {
+                        200: IntegrationAddResult;
+                    };
+                };
+            };
+        };
+    };
 } & {
     api: {
         auth: {

package/dist/src/cli/integrations/addPlugin.d.ts

@@ -0,0 +1,8 @@
+import type { IntegrationAddResult, IntegrationsPanelState } from '../../../types/integrationsPanel';
+type AddOptions = {
+    install?: boolean;
+    override?: string;
+};
+export declare const resolveIntegrationsState: (cwd: string, override?: string) => IntegrationsPanelState;
+export declare const addIntegration: (cwd: string, id: string, options?: AddOptions) => IntegrationAddResult;
+export {};

package/dist/src/cli/integrations/catalog.d.ts

@@ -0,0 +1,20 @@
+export type IntegrationWiring = {
+    field: string;
+    kind: 'config';
+} | {
+    importLine: string;
+    kind: 'use';
+    useLine: string;
+};
+type IntegrationMeta = {
+    blurb: string;
+    id: string;
+    label: string;
+    note?: string;
+    packages: string[];
+    wiring: IntegrationWiring;
+};
+export declare const INTEGRATIONS: IntegrationMeta[];
+export declare const findIntegration: (id: string) => IntegrationMeta | null;
+export declare const isIntegrationId: (value: string) => boolean;
+export {};

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

@@ -0,0 +1,18 @@
+/**
+ * Strip string literals (single-quote, double-quote, and template — including
+ * `${}` interpolations and nested templates) plus comments (line and block)
+ * from TypeScript/JavaScript source, returning only the code that lives
+ * outside those contexts.
+ *
+ * Heuristic content checks — e.g. "is this a real Angular `@Component`
+ * source?" — must run against the result, not the raw text. A naive regex
+ * strip mis-pairs quotes whenever a quote or backtick appears inside a
+ * differently-quoted string or a comment (inline-code backticks in JSDoc, an
+ * apostrophe in a comment, a backtick inside a single-quoted string), leaving
+ * the matched text behind and producing false positives.
+ *
+ * Regex literals are intentionally left intact: telling `/` division apart
+ * from a regex needs a full parser, and their contents have never mattered for
+ * the checks this supports.
+ */
+export declare const stripStringsAndComments: (source: string) => string;

package/dist/types/config.d.ts

@@ -3,6 +3,8 @@ export type ConfigPanelStatus = 'ready' | 'soon';
 export type ConfigPanelMeta = {
     /** One-line description shown under the panel name in the sidebar. */
     blurb: string;
+    /** Sidebar section heading this panel is grouped under. */
+    group: string;
     id: ConfigPanelId;
     label: string;
     /** `'ready'` panels are interactive; `'soon'` panels render a placeholder. */

package/dist/types/integrationsPanel.d.ts

@@ -0,0 +1,29 @@
+/** One integration's live status in a project. `config`-kind integrations wire by
+ *  toggling an absolute.config field (the runtime mounts them); `use`-kind ones are
+ *  installed but the consumer adds the `.use(...)` to their own server, so we report
+ *  the snippet instead of auto-editing their entry. */
+export type IntegrationItem = {
+    blurb: string;
+    enabled: boolean;
+    id: string;
+    installed: boolean;
+    kind: 'config' | 'use';
+    label: string;
+    note: string | null;
+    packages: string[];
+    wiringSnippet: string | null;
+};
+export type IntegrationsPanelState = {
+    configPath: string | null;
+    items: IntegrationItem[];
+};
+/** Result of `addIntegration` — shared by the CLI (`absolute add <plugin>`) and the
+ *  config:studio panel's install button. */
+export type IntegrationAddResult = {
+    installed: boolean;
+    item: IntegrationItem | null;
+    message: string;
+    ok: boolean;
+    wired: boolean;
+    wiringSnippet: string | null;
+};

package/package.json

@@ -413,7 +413,7 @@
 			]
 		}
 	},
-	"version": "0.19.0-beta.1049",
+	"version": "0.19.0-beta.1050",
 	"workspaces": [
 		"tests/fixtures/*",
 		"tests/fixtures/_packages/*"