canvas-panel-beta v2.0.6

FESK Typescript

FESK + Typescript boilerplate.

Installation

Change package.json:

{
  "name": "{PACKAGE_NAME}",
  "main": "dist/umd/{PACKAGE_NAME}.js"
}

Customisations

Some customisations.

Remove server (libraries)

{
  "start": "fesk-start --cjs --noServer"
}

Storybook

Create FILENAME.stories.tsx

import React from 'react';

export default { title: 'CATEGORY LABEL| COMPONENT_NAME' };

export const ExampleName: React.FC = () => {
  return <div>Some story</div>
};

Example of custom configuration: https://github.com/digirati-co-uk/capture-models/tree/feature/context-behaviours/.storybook

Ports

Package json:

{
  "fesk": {
    "typescript": true,
    "port": 5000,
    "metalsmith": {
      "nunjucks": {
        "liveServerPort": 35735
      }
    }
  }
}