@hokulea/ember v0.6.2

Hokulea

Welcome to Hokulea the whimsical Design System for Ember.

Installation

You need the following packages:

• Ember API: @hokulea/ember
• A theme: @hokulea/theme-moana (or your own)
• Theme Loader: ember-theemo

Install all of it:

pnpm add @hokulea/ember @hokulea/theme-moana ember-theemo

Configuration

To load the theme and hokulea assets, add these to your ember-cli-build.js:

• add theemoPlugin() to webpack plugins (when using embroider)
• add HokuleaAssetLoaderWebpackPlugin to webpack
• configure default theme for theemo

// ember-cli-build.js
module.exports = function (defaults) {
  let app = new EmberApp(defaults, {
    // ...
    theemo: {
      defaultTheme: 'moana'
    },

    autoImport: {
      webpack: {
        plugins: [new HokuleaAssetLoaderWebpackPlugin() /* ... */]
      }
    },
  };

  const { Webpack } = require('@embroider/webpack');
  return require('@embroider/compat').compatBuild(app, Webpack, {
    // ..
    packagerOptions: {
      webpackConfig: {
        plugins: [theemoPlugin(), new HokuleaAssetLoaderWebpackPlugin()],
      }
    }
  };
});