oc-server 2.1.1 → 3.0.0

package/dist/Server.d.ts

@@ -43,6 +43,15 @@ interface ServerOptions<S extends boolean> {
      * @default false
      */
     stream?: S;
+    development?: {
+        /**
+         * If true, the server will log the browser console.
+         * Useful for AI agents to debug on the terminal.
+         *
+         * @default false
+         */
+        console?: boolean;
+    };
 }
 export declare class Server<E = {
     name: string;

package/dist/Server.js

@@ -1,6 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ServerError = exports.getSettings = exports.getInitialData = exports.Server = void 0;
+// Simple ANSI color utility function
+const styleText = (color, text) => {
+    const colors = {
+        gray: '\x1b[90m',
+        reset: '\x1b[0m',
+    };
+    return `${colors[color] || ''}${text}${colors.reset}`;
+};
 class Server {
     _options;
     _parameters = {};
@@ -38,6 +46,11 @@ class HandledServer {
         this._middleware = _middleware;
         this._parameters = _parameters;
         this._options = _options;
+        if (this._options.development?.console) {
+            this.actions['$$__oc__server___console__$$'] = (params) => {
+                console[params.level]?.(`${styleText('gray', '[browser]')} ${params.message}`);
+            };
+        }
     }
     action(name, action) {
         this.actions[name] = action;
@@ -67,7 +80,7 @@ class HandledServer {
             if (res && context.streamSymbol) {
                 res[context.streamSymbol] = stream;
             }
-            cb(null, res);
+            cb(null, res, { console: !!this._options.development?.console });
         };
     }
 }

package/dist/cli/server.js

@@ -45,7 +45,7 @@ function getDataProvider() {
         parametersSchema: backend.server?._parameters,
     };
 }
-function getBaseTemplate(appBlock) {
+function getBaseTemplate(appBlock, imports = {}) {
     const baseTemplate = `
 <!DOCTYPE html>
 <html>
@@ -58,8 +58,11 @@ function getBaseTemplate(appBlock) {
       width: 100%;
       height: 100%;
       margin: 0;
-    };
+    }
     </style>
+    ${imports
+        ? `<script type="importmap">{"imports": ${JSON.stringify(imports)}}</script>`
+        : ''}
   </head>
   <body>
     <script src="/oc-client/client.js"></script>
@@ -69,7 +72,7 @@ function getBaseTemplate(appBlock) {
   `;
     return baseTemplate;
 }
-async function getHtmlTemplate(appBlock, filePath = 'index.html') {
+async function getHtmlTemplate(appBlock, imports = {}, filePath = 'index.html') {
     let template;
     try {
         template = node_fs_1.default.readFileSync(node_path_1.default.resolve(process.cwd(), filePath), 'utf-8');
@@ -90,7 +93,7 @@ async function getHtmlTemplate(appBlock, filePath = 'index.html') {
         })}</body>`);
     }
     catch (error) {
-        template = getBaseTemplate(appBlock);
+        template = getBaseTemplate(appBlock, imports);
     }
     return template;
 }
@@ -104,6 +107,11 @@ async function createServer({ template, port, }) {
         plugin.register.register(null, null, () => { });
     }
     const defaultParams = (0, oc_1.getDefaultParams)(pk.oc?.parameters ?? parametersSchema);
+    const baseConfig = await (0, vite_1.loadConfigFromFile)({
+        command: 'build',
+        mode: 'development',
+    }, undefined, process.cwd()).catch(() => null);
+    let imports = baseConfig?.config?.resolve?.alias;
     const vite = await (0, vite_1.createServer)({
         server: { middlewareMode: true },
         plugins: [(0, cssModulesPlugin_1.default)(), template.plugin?.()].filter(Boolean),
@@ -151,7 +159,9 @@ async function createServer({ template, port, }) {
         try {
             const params = defaultParams;
             const { context, responseHeaders } = (0, oc_1.getContext)(plugins, request, params);
-            let htmlTemplate = await getHtmlTemplate(template.appBlock);
+            let htmlTemplate = await getHtmlTemplate(template.appBlock, typeof imports === 'object' && !!imports
+                ? imports
+                : {});
             const data = await dataProvider(context);
             htmlTemplate = htmlTemplate.replace('__INITIAL_DATA__', JSON.stringify(data));
             htmlTemplate = await vite.transformIndexHtml(url, htmlTemplate);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oc-server",
-  "version": "2.1.1",
+  "version": "3.0.0",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,4 +26,4 @@
     "fastify": "^4.28.1",
     "oc-client-browser": "^1.8.0"
   }
-}
+}