The Console

A short tutorial that shows how to implement the alt-seven browser console.

The alt-seven console shows all of the logging information sent to a7.log in a scrolling window. Normally, this option is enabled and placed in a floating window to give the programmer visibility into what the framework is doing without having to open the browser console. The console also has the option of receiving remote logging messages from a websocket server. This feature is meant to enable the programmer to send log events from the server so the programmer can see them in real time without having to review log events on the server. This feature can be very valuable in situations where it is unclear what is happening on the server otherwise.

Configuration

There is only minimal configuration required for the console. You can specify size and location on the screen, or you can leave the defaults. For more detail, look at the Configuration tutorial.

In the below example, floatingpane is the FloatingPane component of the gadget-ui open source library. For the moment, only gadget-ui components have been tested with the console.

import {floatingpane} from '/node_modules/gadget-ui/dist/gadget-ui.es.js';

	console: {
      enabled: true,
      container: floatingpane
    },

This feature is currently under revision and documentation will be updated when revisions are complete.