@discoveryjs/cli

CLI Tools for Discovery.js

CLI tools to serve & build projects based on Discovery.js

• Install
• Commands
  • discovery (serve)
  • discovery-build (build)
• Modes
  • Single model
  • Multiple models
  • Model-free
• Configuration
  • Model config
  • Multi-model config
  • Configure view
• License

Install

npm install @discoveryjs/cli

Commands

discovery (serve)

Usage:

    discovery [config] [options]

Options:

        --cache [dir]          Enable data caching and specify path to store cache files (using a
                               working directory if dir is not set)
    -c, --config <filename>    Path to config (JavaScript or JSON file), if not specified then looking
                               for .discoveryrc.js, .discoveryrc.json, .discoveryrc or "discovery"
                               section in package.json in the listed order
        --dev                  Enable developer mode
    -h, --help                 Output usage information
    -m, --model <name>         Specify a model (multi-model mode only)
        --no-warmup            Disable model's data cache warm up on server start
    -p, --port <n>             Listening port (default: 8123)
        --prebuild [path]      Prebuild model's static in path (path is optional, `build` by default)
    -v, --version              Output version

discovery-build (build)

Usage:

    discovery-build [config] [options]

Options:

        --cleanup                     Delete all files of output path before saving a result to it
    -c, --config <filename>           Path to config (JavaScript or JSON file), if not specified then
                                      looking for .discoveryrc.js, .discoveryrc.json, .discoveryrc or
                                      "discovery" section in package.json in the listed order
    -h, --help                        Output usage information
        --isolate-styles [postfix]    Isolate generated CSS with specific postfix, when [postfix] is
                                      not specified it's generating as hash from CSS content
    -m, --model <name>                Specify a model (multi-model mode only)
        --no-data                     Exclude data in build
    -o, --output <path>               Path for a build result (`build` by default)
        --pretty-data [indent]        Pretty print of data.json
    -s, --single-file                 Output a model build as a single file
    -v, --version                     Output version

Modes

Discovery CLI allows to define a single or multiple predefined models. A model is a composition of data fetch script, prepare data function and a set of pages, views and other helpers. All parts of the model are optional. CLI commands may work in following modes depending on config (see Configuration):

• single – a single model mode, when no index page involved. Enables when config have no models field, or --model option is used;
• multi – multiple models mode, a set of models and index page that lists models. Enables when config contains models field and no --model option is used;
• modlefree – model free mode, when no any model is specified. Enables when no config is specified

Single model

This mode uses when you need to serve or to build just a single model. To enable this mode, your config must no contain models field or command should be lauched with --model option (i.e. discovery --model model-slug). In this mode the root route will lead to model's default page.

Multiple models

In case multiple model should be served by a single service, you may use multi models mode. To activate this mode, the config must contain models field, which defines configuration for each model. In this mode discovery will show model selection page as index page. Every model will have its own route namespace (i.e. slug), and you can switch between models and index page.

Model-free

In this mode there is no any predefined models. However, you can upload any data by clicking "Load data" button, or drag'n'drop file right into the browser and discover it. This mode uses when no config file is found.

Configuration

Discovery CLI supports configuration files in several formats (only one will be used in the priority listed below):

• .discoveryrc.js (JavaScript)
• .discoveryrc.json (JSON)
• .discoveryrc (the same as .discoveryrc.json)
• discovery property in package.json (JSON)

You may explicitly specify config file by using --config option. When no config found, modelfree mode is using.

Model config

Model config consists of the following fields (all fields are optional):

• name – name of model (used in title)
• meta – any data (should be serializable to JSON) that will be available in model's setup.js
• data – function which returns any|Promise<any>. Result of this function must be serializable to JSON (i.e. have no cyclic references)
• prepare – path to a script with additional initialization logic (e.g. add cyclic links and relations, mark objects, add annotations or extensions for query engine etc)
• plugins – list of plugins (paths to .js and .css files); relative paths or package name and path are supported; concating to parent's plugin list
• favicon – path to favicon image; inherits from parent config when not set
• viewport – value for <meta name="viewport">; inherits from parent config when not set
• view – setup model's views (see Configure view)
• extendRouter – function(router, modelConfig, options)
• cache
• cacheTtl
• cacheBgUpdate

Example:

const path = require('path');

module.exports = {
    name: 'My dashboard',
    data: () => ({ hello: 'world' }),
    prepare: path.join(__dirname, 'path/to/prepare.js'),
    favicon: 'path/to/favicon.png',
    viewport: 'width=device-width, initial-scale=1',
    plugins: [
        '@discoveryjs/view-plugin-highcharts',
        '@discoveryjs/view-plugin-highcharts/index.css',
        './relative-path-to-plugin.js'
    ],
    view: {
        basedir: __dirname,
        assets: [
            'ui/page/default.js',
            'ui/view/model-custom-view.css',
            'ui/view/model-custom-view.js',
            'ui/sidebar.css',
            'ui/sidebar.js'
        ]
    }
};

Multi-model config

Config should provide JSON or exports an object with following properties:

• name - name of discovery instance (used in page title)
• models - object with model configurations, where for each entry the key used as a slug and the value as a config
• extendRouter - a function to extend app routers
• favicon – path to favicon image
• viewport – value for <meta name="viewport">
• view – setup index page views (see Configure view)
• plugins – a list of plugin files for every model (but not for index page); list is prepending to a list defined in a model
• cache

Example:

module.exports = {
    name: 'My cool dashboards',
    models: {
        one: 'path/to/model/config',
        two: { /* model config */ }
    },
    extendRouter: function(app, config, options) {
        const bodyParser = require('body-parser');

        app.use(bodyParser.json());
        app.post('/echo', function(req, res) {
            // Request from browser:
            // fetch('/echo', {
            //     method: 'POST', 
            //     body: JSON.stringify({ test: 'ok' }),
            //     headers: { 'Content-Type': 'application/json'}
            // })
            // will response with 200 {"echo":{"test":"ok"}}
            res.send({ echo: req.body });
        });
    },
    favicon: 'path/to/favicon.png',
    plugins: [
        '@discoveryjs/view-plugin-highcharts',
        '@discoveryjs/view-plugin-highcharts/index.css',
        './relative-path-to-plugin.js'
    ]
};

Configure view

• basedir – directory to resolve relative path in assets and libs
• libs – path to libs, where key is a local name available in asset's scope and value is a path to library file or an array of files (.js or .css)
• assets – array of path to .js and .css files

js files has own scope (as modules) with a reference discovery that points to discovery instance

const path = require('path');

module.exports = {
    ...
    view: {
        basedir: __dirname,
        libs: {
            common: '../path/to/common.js',
            moment: path.resolve(__dirname, '../../../node_modules/moment/min/moment.min.js'),
        },
        assets: [
            'ui/page/default.js',
            'ui/view/model-custom-view.css',
            'ui/view/model-custom-view.js',
            'ui/sidebar.css',
            'ui/sidebar.js'
        ]
    }
};

License

MIT

Changelog

1.10.2 (18-05-2020)

• Fixed server routing in single mode with --prebuild option enabled
• Fixed edge cases with custom properties and empty values when bundling CSS