Merge pull request #1 from fleetbase/feature/update-extension-structure

Feature/update extension structure

Author: roncodes

addon/engine.js

@@ -2,22 +2,16 @@ import Engine from '@ember/engine';
 import loadInitializers from 'ember-load-initializers';
 import Resolver from 'ember-resolver';
 import config from './config/environment';
-import services from '@fleetbase/ember-core/exports/services';
+import { services, externalRoutes } from '@fleetbase/ember-core/exports';
 
 const { modulePrefix } = config;
-const externalRoutes = ['console', 'extensions'];
-
 export default class StarterEngine extends Engine {
     modulePrefix = modulePrefix;
     Resolver = Resolver;
     dependencies = {
         services,
         externalRoutes,
     };
-    setupExtension = function (app, engine, universe) {
-        // register menu item in header
-        universe.registerHeaderMenuItem('Starter', 'console.starter', { icon: 'layer-group', priority: 5 });
-    };
 }
 
 loadInitializers(StarterEngine, modulePrefix);

addon/extension.js

@@ -0,0 +1,15 @@
+import { MenuItem, Widget, ExtensionComponent } from '@fleetbase/ember-core/contracts';
+
+export default {
+    setupExtension(app, universe) {
+        const menuService = universe.getService('universe/menu-service');
+
+        // Register in header menu
+        menuService.registerHeaderMenuItem('Starter', 'console.starter', {
+            icon: 'layer-group',
+            priority: 5,
+            description: 'Samle starter extension for developing in Fleetbase.',
+            shortcuts: [],
+        });
+    }
+};

addon/templates/application.hbs

@@ -0,0 +1,7 @@
+<EmberWormhole @to="sidebar-menu-items">
+    <Layout::Sidebar::Item @route="console.starter.home" @icon="home">Home</Layout::Sidebar::Item>
+</EmberWormhole>
+
+<Layout::Section::Container>
+    {{outlet}}
+</Layout::Section::Container>

addon/templates/home.hbs

@@ -1 +1,4 @@
+<div class="p-4">
+    <p>Welcome to your Fleetbase starter extension.</p>
+</div>
 {{outlet}}

addon/templates/virtual.hbs

@@ -1,9 +1,9 @@
 <Layout::Section::Header @title={{@model.title}} />
 
-<Layout::Section::Body class="overflow-y-scroll h-full">
-    <div class="container mx-auto h-screen">
-        <div class="max-w-3xl my-10 mx-auto">
-            {{component @model.component params=@model.componentParams}}
+<Layout::Section::Body id="starter-virtual-body" class="overflow-y-scroll h-full">
+    <div id="starter-virtual-container" class="container mx-auto h-screen">
+        <div id="starter-virtual-wrapper" class="max-w-3xl my-10 mx-auto">
+            {{component (lazy-engine-component @model.component) params=@model.componentParams}}
         </div>
     </div>
     <Spacer @height="300px" />

extension.json

@@ -2,7 +2,7 @@
     "name": "Starter",
     "version": "0.0.1",
     "description": "Starter Extension for Fleetbase",
-    "repository": "https://github.com/fleetbase/ledger",
+    "repository": "https://github.com/fleetbase/starter-extension",
     "license": "AGPL-3.0-or-later",
     "author": "Fleetbase Pte Ltd <hello@fleetbase.io>",
     "engine": "package.json",

index.js

@@ -1,21 +1,10 @@
 'use strict';
 const { buildEngine } = require('ember-engines/lib/engine-addon');
 const { name } = require('./package');
-const Funnel = require('broccoli-funnel');
 
 module.exports = buildEngine({
     name,
 
-    postprocessTree(type, tree) {
-        if (type === 'css') {
-            tree = new Funnel(tree, {
-                exclude: ['**/@fleetbase/ember-ui/**/*.css'],
-            });
-        }
-
-        return tree;
-    },
-
     lazyLoading: {
         enabled: true,
     },

package.json

@@ -11,7 +11,7 @@
     "fleetbase": {
         "route": "starter"
     },
-    "repository": "https://github.com/fleetbase/extension-starter",
+    "repository": "https://github.com/fleetbase/starter-extension",
     "license": "AGPL-3.0-or-later",
     "author": "Fleetbase Pte Ltd <hello@fleetbase.io>",
     "directories": {
@@ -37,13 +37,13 @@
         "publish:github": "npm config set '@fleetbase:registry' https://npm.pkg.github.com/ && npm publish"
     },
     "dependencies": {
-        "@fleetbase/ember-core": "latest",
-        "@fleetbase/ember-ui": "latest",
+        "@babel/core": "^7.23.2",
+        "@fleetbase/ember-core": "^0.3.18",
+        "@fleetbase/ember-ui": "^0.3.25",
         "@fortawesome/ember-fontawesome": "^2.0.0",
         "@fortawesome/fontawesome-svg-core": "6.4.0",
-        "@fortawesome/free-solid-svg-icons": "6.4.0",
         "@fortawesome/free-brands-svg-icons": "6.4.0",
-        "@babel/core": "^7.23.2",
+        "@fortawesome/free-solid-svg-icons": "6.4.0",
         "broccoli-funnel": "^3.0.8",
         "ember-auto-import": "^2.7.4",
         "ember-cli-babel": "^8.2.0",