0.4.18 • Published 2 years ago

@x/serverless v0.4.18

Weekly downloads
-
License
UNLICENSED
Repository
gitlab
Last release
2 years ago

@x/serverless

@x/serverless for Node.js and the browser in a simple package.

For @x/serverless documentation, visit https://danderson00.gitlab.io/serverless/.

Getting Started

Install Dependencies

yarn add @x/serverless @x/serverless.react sqlite3

Start Application

npx xsl

This starts both the host and the react development server. The following command line options are available:

OptionTypeDefaultDescription
--help-hbooleanShow help
--versionbooleanShow version number
--configstring"xsl"Path to JS or JSON config file
--port-pinteger3001TCP port number to listen on
--scope-sstringProperty name that can participate in scopes. Multiple can be specified
--sqliteFile-fstringPath to a SQLite database to use
--vocabulary-vstring"src/vocabulary"Path to a file containing vocabulary definitions
--constraints-cstring"src/constraints"Path to a file containing constraint definitions
--types-tstring"src/types"Path to a file containing type declarations
--strictApibooleanEnforce strict vocabulary API surface
--strictTypesbooleanEnforce explicit message types
--requireSslbooleanAllows disabling of SSL requirement for production
--auth0DomainbooleanEnable auth0 authentication with the provided domain
--authSecretbooleanSecret to use for signing authentication tokens
--startDevelopmentServerbooleanStart react development server
--watchbooleanWatch for changes to configuration files and reload on change

For alternate ways of starting the host, including using other database providers, see the section below.

Configure Consumer

For applications bootstrapped with create-react-app, replace the contents of src/index.js with the following:

import React from 'react'
import ReactDOM from 'react-dom'
import consumer from '@x/serverless'
import { Provider } from '@x/serverless.react'
import App from './App'

consumer().connect()
  .then(host => ReactDOM.render(
    <Provider host={host}><App /></Provider>,
    document.getElementById('root')
  ))

Vocabulary can also be passed in as a prop to the Provider component.

An options object can also be passed to the consumer factory. Options are as follows:

NameTypeDescription
urlstringThe websocket URL of the host to connect to
reconnectDelaynumberTime in milliseconds between reconnect attempts. Defaults to 1000ms
logobjectLogging configuration options. level property can be error, warn, debug, trace or none

Any components in your application can now use the higher order components and hooks from the @x/serverless.react library.

Host Startup / Configuration Options

The example here uses npx to invoke the @x/serverless command line interface. A number of other options are available for starting and configuring the host.

Installing Globally

The @x/serverless package can be installed globally by executing:

npm i -g @x/serverless
# or
yarn global add @x/serverless

This makes the CLI available globally throughout your system and can be invoked without npx.

Using a Configuration File

Configuration options can be specified in a Javascript or JSON file. By default, this file is called xsl.js. The full set of options can be found here.

Starting the Host Programmatically

The host process can be started from any Node.js module.

const host = require('@x/serverless')
const vocabulary = require('./vocabulary')

host({
  port: 1234,
  scopes: ['orderId', 'productId'],
  storage: { client: 'sqlite3', connection: { filename: 'data.sqlite' } },
  vocabulary
})

Any database supported by knex can be used and should be configured accordingly here. An in-memory instance of the sqlite provider is used by default, but the sqlite3 package must be installed separately.