chore: apply feedback

Apply feedback

Signed-off-by: Yaapa Hage <[email protected]>

packages/cli/generators/extension/index.js

@@ -60,6 +60,12 @@ module.exports = class ExtensionGenerator extends ProjectGenerator {
 
   promptOptions() {
     if (this.shouldExit()) return;
+    const titleCase =
+      this.projectInfo.name.charAt(0).toUpperCase() +
+      this.projectInfo.name.slice(1);
+    this.projectInfo.optionsInterface = `${titleCase}Options`;
+    this.projectInfo.bindingsNamespace = `${titleCase}Bindings`;
+    this.projectInfo.defaultOptions = `DEFAULT_${this.projectInfo.name.toUpperCase()}_OPTIONS`;
     return super.promptOptions();
   }
 

packages/cli/generators/extension/templates/src/component.ts.ejs

@@ -1,13 +1,13 @@
 import {Component, ProviderMap} from '@loopback/core';
-import {<%= project.name.charAt(0).toUpperCase() + project.name.slice(1) %>Bindings} from './keys'
-import {<%= project.name.toUpperCase() %>_OPTIONS} from './types';
+import {<%= project.bindingsNamespace %>} from './keys'
+import {<%= project.defaultOptions %>, <%= project.optionsInterface %>} from './types';
 
-@bind({tags: {[ContextTags.KEY]: {<%= project.name.charAt(0).toUpperCase() + project.name.slice(1) %>Bindings.COMPONENT}})
+@bind({tags: {[ContextTags.KEY]: {<%= project.bindingsNamespace %>.COMPONENT}})
 export class <%= project.componentName %> implements Component {
   constructor(
     @inject(CoreBindings.APPLICATION_INSTANCE)
     private application: Application,
     @config()
-    options: Options = <%= project.name.toUpperCase() %>_OPTIONS,
+    options: <%= project.optionsInterface %> = <%= project.defaultOptions %>,
   ) {}
 }

packages/cli/generators/extension/templates/src/keys.ts.ejs

@@ -4,7 +4,7 @@ import {<%= project.componentName %>} from './component';
 /**
  * Binding keys used by this component.
  */
-export namespace <%= project.name.charAt(0).toUpperCase() + project.name.slice(1) %>Bindings {
+export namespace <%= project.bindingsNamespace %> {
   export const COMPONENT = BindingKey.create<<%= project.componentName %>>(
     `${CoreBindings.COMPONENTS}.<%= project.componentName %>`,
   );

packages/cli/generators/extension/templates/src/types.ts.ejs

@@ -1,7 +1,7 @@
-export interface <%= project.name.charAt(0).toUpperCase() + project.name.slice(1) %>Options {
+export interface <%= project.optionsInterface %> {
 
 }
 
-export const <%= project.name.toUpperCase() %>_OPTIONS: <%= project.name.charAt(0).toUpperCase() + project.name.slice(1) %>Options = {
+export const <%= project.defaultOptions %>: <%= project.optionsInterface %> = {
 
 };