feat: add handlebar helper.

Author: Ftrybe

src/commands.ts

@@ -15,7 +15,7 @@ export default class Commands{
     public static map(): Map<string,any>{
         let map:Map<string,any> = new Map<string,any>();
         for(const value of this.list()){
-            map.set("extension.add"+ Formatting.toUpperCase(value) ,
+            map.set("extension.add"+ Formatting.toPascalCase(value) ,
             {
                 filename: value.toLocaleLowerCase(),
                 resource: value

src/file-contents.ts

@@ -1,14 +1,12 @@
 import * as fs from 'fs-extra';
 import * as path from 'path';
-import Formatting from './formatting';
+import StringFormatting from './formatting';
 import { HandleBarsHelper } from './handlebars-helper';
 import * as vscode from 'vscode';
 import { FileNameUtils } from './file-name.utils';
 import { Menu } from './enums/menu';
-import { Validator } from './validator';
 import { FileConfig } from './models/file-config';
 import { TemplateConfig } from "./models/template-config";
-import Commands from './commands';
 export class FileContents {
   private readonly TEMPLATES_FOLDER = 'templates';
   private readonly NEW_CONFIG_NAME = 'vue-typescript-files';
@@ -18,11 +16,7 @@ export class FileContents {
     this.config = vscode.workspace.getConfiguration(this.NEW_CONFIG_NAME);
   }
 
-  private getTemplate(uri: vscode.Uri , templateName: string): string {
-
-    const workspaceFolder = vscode.workspace.getWorkspaceFolder(uri);
-    const workspacePath = workspaceFolder?.uri.fsPath || '';
-
+  private getTemplate(workspacePath: string , templateName: string): string {
     const workspaceConfigDir = workspacePath + '/.' + this.NEW_CONFIG_NAME;
     // 获取当前工作区下是否有自定义模版
     const hasworkspaceConfigDir = fs.existsSync(workspaceConfigDir);
@@ -39,21 +33,28 @@ export class FileContents {
 
     const customPath = templateConfig.path;
 
-    if ( customPath && fs.existsSync(path.join(customPath, templateName)) ) {
+    if (customPath && fs.existsSync(path.join(customPath, templateName)) ) {
       return fs.readFileSync(path.join(customPath, templateName), 'utf8');
     }
 
     return fs.readFileSync(path.join(__dirname, this.TEMPLATES_FOLDER, templateName), 'utf8');
 
   }
 
+  private getWorkspacePath(uri: vscode.Uri): string {
+    const workspaceFolder = vscode.workspace.getWorkspaceFolder(uri);
+    const workspacePath = workspaceFolder?.uri.fsPath || '';
+    return workspacePath;
+  }
+
   // 获得修改后的模板内容
   public getTemplateContent(uri: vscode.Uri, templateName: Menu, inputName: string, args: string[]) {
     let result = '';
-    const template = this.getTemplate(uri,templateName);
+    const workspacePath = this.getWorkspacePath(uri);
+    const template = this.getTemplate(workspacePath,templateName);
     if (template && template != '') {
       const text = this.textCase(templateName, inputName, args);
-      const intance =  HandleBarsHelper.getInstance();
+      const intance = HandleBarsHelper.getInstance(workspacePath);
       const templateDelegate = intance.compile(template, { noEscape: true});
       result = templateDelegate(text);
     }
@@ -68,27 +69,22 @@ export class FileContents {
     var inputArgs: string[] = [];
 
     if(this.parseConfig("file")?.spotStyleName){
-      className = Formatting.toCamelCaseWithSpot(className);
+      className = StringFormatting.replaceDotWithHyphen(className);
     }
     // 获取配置信息
     className = fileConfig.prefix + (fileConfig.prefix ? "-" : "") + className + (fileConfig.suffix ? "-" : "") + fileConfig.suffix;
 
     const result = {
-      resourcesName: resourcesName,
-      upperName: Formatting.toUpperCase(className),
-      hyphensName: Formatting.toHyphensCase(className),
-      dynamicName: Formatting.toUpperCase(className),
       inputName: inputName,
       args: inputArgs,
-      fileName: Formatting.toUpperCase(inputName),
-      template: fileConfig.templates,
-      templateLang: fileConfig.templateLang,
-      styleLang: fileConfig.styleLang,
-      styleScope: fileConfig.styleScope,
-      exportModule: fileConfig.exportModule
+      resourcesName: resourcesName,
+      hyphensName: StringFormatting.toHyphenCase(className),
+      dynamicName: StringFormatting.toPascalCase(className),
+      fileName: StringFormatting.toPascalCase(inputName),
     }
     return result;
   }
+
   // * 解析配置文件 
   private parseConfig(configName: string, switchExtend?: any) {
 

src/formatting.ts

@@ -1,23 +1,39 @@
-export default class Formatting {
+export default class Formatter {
     private constructor() { }
 
+    // Converts a hyphen-separated string to camel case. 
+    // Demo: "hello-world" => "helloWorld"
     public static toCamelCase(input: string) {
         return input.replace(/-([a-z])/ig, (all, letter) => letter.toUpperCase());
     }
 
-    public static toTileCase(input: string) {
+    // Converts a string to title case, capitalizing the first letter of each word.
+    // Demo: "hello world" => "Hello World"
+    public static toTitleCase(input: string) {
         return input.replace(/\w\S*/g, txt => txt.charAt(0).toUpperCase() + txt.substring(1).toLowerCase());
     }
 
-    public static toUpperCase(input: string) {
+    // Converts a string to Pascal case, which is similar to Camel Case but the first letter is capitalized.
+    // Demo: "hello world" => "HelloWorld"
+    public static toPascalCase(input: string) {
         return this.toCamelCase(input.charAt(0).toUpperCase() + input.slice(1));
     }
 
-    public static toHyphensCase(input: string) {
+    // Converts a camel cased string to a hyphen-separated string.
+    // Demo: "helloWorld" => "hello-world"
+    public static toHyphenCase(input: string) {
         return input.charAt(0).toLowerCase() + input.substring(1).replace(/[A-Z]+/g, txt => "-" + txt).toLowerCase();
     }
 
-    public static toCamelCaseWithSpot(input:string){
-        return input.replace(".","-");
+    // Replaces a dot with a hyphen in a string.
+    // Demo: "user.name" => "user-name"
+    public static replaceDotWithHyphen(input: string) {
+        return input.replace(".", "-");
     }
-}
+
+    // Converts the first character of a string to lower case, keeping the rest of the string unchanged.
+    // Demo: "HelloWorld" => "helloWorld"
+    public static toLocaleLowerCaseFirst(input: string) {
+        return input.substring(0, 1).toLocaleLowerCase() + input.substring(1);
+    }
+}

src/handlebars-helper.ts

@@ -1,10 +1,15 @@
 import * as HandleBars from "handlebars";
+import StringFormatter from "./formatting";
+import IOUtil from "./ioutil";
+
 export class HandleBarsHelper {
 
     private static instance: typeof HandleBars = HandleBars.create();
+    private static workspacePath: string;
 
-    public static getInstance(): typeof HandleBars {
+    public static getInstance(workspacePath: string): typeof HandleBars {
         this.handlebarHelper(this.instance);
+        this.workspacePath = workspacePath;
         return this.instance;
     }
 
@@ -44,6 +49,26 @@ export class HandleBarsHelper {
                     }
                 }
                 return false;
+            },
+            to_camel_case: function (v1) {
+                return StringFormatter.toCamelCase(v1);
+            },
+            to_title_case: function(v1) {
+                return StringFormatter.toTitleCase(v1);
+            },
+            to_pascal_case: function(v1) {
+                return StringFormatter.toPascalCase(v1);
+            },
+            to_hyphen_case: function(v1) {
+                return StringFormatter.toHyphenCase(v1);
+            },
+            to_locale_lower_case_first: function(v1) {
+                return StringFormatter.toLocaleLowerCaseFirst(v1);
+            },
+            case_from_json: function(v1, filename) {
+                const text = IOUtil.readText(HandleBarsHelper.workspacePath,filename);
+                const json = JSON.parse(text);
+                return json[v1] ?? json['default'];
             }
         });
     }

src/ioutil.ts

@@ -4,7 +4,7 @@ import { Menu } from './enums/menu';
 import { FileNameUtils } from './file-name.utils';
 import { IFiles } from './models/file';
 import { IPath } from './models/path';
-
+import { isAbsolute, join } from 'path';
 export default class IOUtil {
   private constructor() { }
   public static async createFiles(loc: IPath, files: IFiles[]): Promise<string> {
@@ -37,4 +37,22 @@ export default class IOUtil {
     });
     return flag;
   }
+
+  
+  public static readText(rootPath: string, url: string): string {
+  
+			let filePath: string;
+      if (isAbsolute(url)) {
+        filePath = url;
+      } else {
+        filePath = join(rootPath, url);
+      }
+			const hasFile = fs.existsSync(filePath);
+			if (hasFile) {
+				const data = fs.readFileSync(filePath, "utf8");
+        return data;
+			}
+      return "";
+  }
+
 }

templates/class.tmpl

@@ -1,4 +1,4 @@
-export class {{upperName}} {
-    
+export class {{dynamicName}} {
+    {{#if le 1 0}} hello {{/if}}
 }
-export default new {{upperName}}();
+export default new {{dynamicName}}();

templates/declare.tmpl

@@ -1,6 +1,6 @@
 declare module '{{hyphensName}}' {
     import { PluginFunction } from 'vue';
     export const install: PluginFunction<{}>;
-    interface {{upperName}}{}
-    export const {{upperName}}: {{upperName}};
+    interface {{dynamicName}}{}
+    export const {{dynamicName}}: {{dynamicName}};
 }

templates/directive.tmpl

@@ -1,6 +1,6 @@
 import { DirectiveOptions, VNode } from 'vue';
 import { DirectiveBinding } from 'vue/types/options';
-export class {{upperName}} implements DirectiveOptions {
+export class {{dynamicName}} implements DirectiveOptions {
     bind(el: HTMLElement, binding: DirectiveBinding, vnode: VNode, oldVnode: VNode) {
 
     }
@@ -18,4 +18,4 @@ export class {{upperName}} implements DirectiveOptions {
     }
 
 }
-export default new {{upperName}}();
+export default new {{dynamicName}}();

templates/enum.tmpl

@@ -1,3 +1,3 @@
-export enum {{upperName}} {
+export enum {{dynamicName}} {
 
 }

templates/interface.tmpl

@@ -1,3 +1,3 @@
-export interface {{upperName}} {
+export interface {{dynamicName}} {
 
 }