Ember Tiny Module Unification Resolver

ember-mu-resolver.js

import Resolver from 'ember-resolver';
import { capitalize } from '@ember/string';
import GlimmerComponent from '@glimmer/component';
import EmberComponent from '@ember/component';

/*
 * Ember Tiny Module Unification Resolver
 * this does not resolve local componentns and helpers, instead this should
 * to be used together with ember-template-component-import and ember-template-helper-import
 */


export default Resolver.extend({
  resolve(name, referrer) {
    const root = name.split(':')[1].split('/')[0];
    let al = null;
    const methodName = `resolve${capitalize(name.split(':')[0])}`;
    let result;
    if (this[methodName]) {
      try {
        const parsedName = this.myParseName(name);
        result = this[methodName](parsedName, [root, al]);
        if (result) return result;
      } catch (e) {
        console.warn(e);
      }
    }
    try {
      result = this._super(name, referrer);
      if (result) return result;
    } catch (e) {
      console.warn(e);
    }
    return result;
  },

  resolveService(parsedName) {
    let classicPath;
    if (parsedName.fullNameWithoutType.includes('@')) {
      let [pkg, name] = parsedName.fullNameWithoutType.split('@');
      const muPath = `${pkg}/services/${name}/service`;
      if (this._moduleRegistry.has(muPath)) {
        return this._moduleRegistry.get(muPath).default;
      }
      [pkg, name] = parsedName.fullNameWithoutType.split('@');
      classicPath = `${pkg}/services/${name}`;
      if (this._moduleRegistry.has(classicPath)) {
        return this._moduleRegistry.get(classicPath).default;
      }
    }
    const prefix = this.namespace.modulePrefix;
    classicPath = `${prefix}/services/${parsedName.fullNameWithoutType}/service`;
    if (this._moduleRegistry.has(classicPath)) {
      return this._moduleRegistry.get(classicPath).default;
    }
    classicPath = `${prefix}/services/${parsedName.fullNameWithoutType}`;
    if (this._moduleRegistry.has(classicPath)) {
      return this._moduleRegistry.get(classicPath).default;
    }
    return this.resolveOther(parsedName);
  },

  resolveModel(parsedName) {
    let path = parsedName.fullNameWithoutType;
    const prefix = this.namespace.modulePrefix;
    path = `${prefix}/data/models/${path}`;
    if (this._moduleRegistry.has(path)) {
      return this._moduleRegistry.get(path).default;
    }
    return undefined;
  },

  resolveAdapter(parsedName) {
    let path = parsedName.fullNameWithoutType;
    const prefix = this.namespace.modulePrefix;
    path = `${prefix}/data/models/${path}/adapter`;
    if (this._moduleRegistry.has(path)) {
      return this._moduleRegistry.get(path).default;
    }
    return this.resolveOther(parsedName);
  },

  resolveSerializer(parsedName) {
    let path = parsedName.fullNameWithoutType;
    const prefix = this.namespace.modulePrefix;
    path = `${prefix}/data/models/${path}/serializer`;
    if (this._moduleRegistry.has(path)) {
      return this._moduleRegistry.get(path).default;
    }
    return this.resolveOther(parsedName);
  },

  resolveTransform(parsedName) {
    let path = parsedName.fullNameWithoutType;
    const prefix = this.namespace.modulePrefix;
    path = `${prefix}/data/transforms/${path}`;
    if (this._moduleRegistry.has(path)) {
      return this._moduleRegistry.get(path).default;
    }
    return this.resolveOther(parsedName);
  },

  resolveController(parsedName) {
    const prefix = this.namespace.modulePrefix;
    let path = `${prefix}/ui/routes/${parsedName.fullNameWithoutType}/controller`;
    if (this._moduleRegistry.has(path)) {
      return this._moduleRegistry.get(path).default;
    }
    path = `${prefix}/ui/routes/${parsedName.fullNameWithoutType}/index/controller`;
    if (this._moduleRegistry.has(path)) {
      return this._moduleRegistry.get(path).default;
    }
    return this.resolveOther(parsedName);
  },

  resolveRoute(parsedName) {
    let path = parsedName.fullNameWithoutType;
    const prefix = this.namespace.modulePrefix;
    path = `${prefix}/ui/routes/${path}/route`;
    if (this._moduleRegistry.has(path)) {
      return this._moduleRegistry.get(path).default;
    }
    return this.resolveOther(parsedName);
  },

  resolveTemplate(parsedName) {
    let path = parsedName.fullNameWithoutType.replace('components/', '');
    let path2 = `${path}/template`;
    if (this._moduleRegistry.has(path2)) {
      return this._moduleRegistry.get(path2).default;
    }
    const prefix = this.namespace.modulePrefix;
    path2 = `${prefix}/ui/routes/${parsedName.fullNameWithoutType}/template`;
    if (this._moduleRegistry.has(path2)) {
      return this._moduleRegistry.get(path2).default;
    }

    path2 = `${prefix}/ui/${path}/template`;
    if (this._moduleRegistry.has(path2)) {
      return this._moduleRegistry.get(path2).default;
    }

    path2 = `${prefix}/ui/components/${path}/template`;
    if (this._moduleRegistry.has(path2)) {
      return this._moduleRegistry.get(path2).default;
    }
    return this.resolveOther(parsedName);
  },

  resolveComponent(parsedName) {
    let path = parsedName.fullNameWithoutType;
    let path2 = path;
    function checkInstance(instance) {
      return instance instanceof GlimmerComponent || instance instanceof EmberComponent;
    }
    if (this._moduleRegistry.has(path2) && checkInstance(this._moduleRegistry.get(path2).default.prototype)) {
      return this._moduleRegistry.get(path2).default;
    }
    path2 = `${path}/component`;
    if (this._moduleRegistry.has(path2) && checkInstance(this._moduleRegistry.get(path2).default.prototype)) {
      return this._moduleRegistry.get(path2).default;
    }

    let prefix = this.namespace.modulePrefix;
    path2 = `${prefix}/ui${path}/component`;
    if (this._moduleRegistry.has(path2) && checkInstance(this._moduleRegistry.get(path2).default.prototype)) {
      return this._moduleRegistry.get(path2).default;
    }

    path2 = `${prefix}/ui/${path}/component`;
    if (this._moduleRegistry.has(path2) && checkInstance(this._moduleRegistry.get(path2).default.prototype)) {
      return this._moduleRegistry.get(path2).default;
    }

    path2 = `${prefix}/ui/components/${path}/component`;
    if (this._moduleRegistry.has(path2) && checkInstance(this._moduleRegistry.get(path2).default.prototype)) {
      return this._moduleRegistry.get(path2).default;
    }

    path2 = `${prefix}/${path}/component`;
    if (this._moduleRegistry.has(path2) && checkInstance(this._moduleRegistry.get(path2).default.prototype)) {
      return this._moduleRegistry.get(path2).default;
    }

    return this.resolveOther(parsedName);
  },

  myParseName(name) {
    if (name.includes('/') && !name.includes('@ember-data')) {
      const [, path] = name.split(':');
      return {
        root: {},
        fullName: name,
        fullNameWithoutType: path
      };
    }
    return this.parseName(name);
  }
});

Ember Tiny Module Unification Resolver
this does not resolve local componentns and helpers, instead this should
to be used together with ember-template-component-import and ember-template-helper-import
and i suggest to use ember-template-styles-import

Use addon service

@service('myaddon@myservice')

initializers in init folder

in app.js add

loadInitializers(App, config.modulePrefix + '/init');

styles in ui folder

new EmberApp({
    trees: {
      styles: 'app/ui/styles'
    },
   ...

index.html in ui folder

add the following to ember-cli-build.js

const tree = new Funnel('app/ui', {
    allowEmtpy: true,
    include: ['index.html'],
    destDir: app.name,
    annotation: 'ui to index.html'
  });

  const toArray = app.toArray;
  app.toArray = function () {
    const arr = toArray.call(this);
    arr.push(tree);
    return arr;
  };