feat: init common definitions for molecule

Author: wewoor

src/common/className.ts

@@ -0,0 +1,12 @@
+import { APP_PREFIX } from '@/common/const';
+
+/**
+ * This function help you prefix a css class name, default is molecule.
+ * Example: prefixClaName('test') will return 'molecule-test',
+ * prefixClaName('test', 'c') will return 'c-test'
+ * @param name Default class name
+ * @param prefix The prefix of class name you want to append
+ */
+export function prefixClaName(name: string, prefix: string = APP_PREFIX) {
+    return name ? `${prefix}-${name}` : '';
+}

src/common/component.ts

@@ -0,0 +1,10 @@
+export abstract class MoleculeComponent {
+    private _id: string | undefined = undefined;
+    constructor(id: string) {
+        this._id = id;
+    }
+
+    getId() {
+        return this._id;
+    }
+}

src/common/const.ts

@@ -0,0 +1,10 @@
+/**
+ * Default App prefix
+ */
+export const APP_PREFIX = 'molecule';
+
+export default {
+    app: {
+        prefix: 'molecule',
+    },
+};

src/common/editor.ts

@@ -0,0 +1,3 @@
+export interface IEditor {
+    value: string;
+}

src/common/enums.ts

@@ -0,0 +1,59 @@
+/**
+ * Defines extension types
+ */
+export enum IExtensionType {
+    Theme = 'themes',
+    Normal = 'normal',
+    Languages = 'languages',
+    Settings = 'settings',
+    Locals = 'locals',
+    Menus = 'menus',
+    Commands = 'commands',
+    Workbench = 'workbench'
+}
+
+export interface IContribute extends Object{
+    [IExtensionType.Theme]: {
+
+    }
+}
+
+/**
+ * The interface of extension,
+ * there need every extension to implement this interface
+ */
+export interface IExtension extends Object {
+    /**
+     * The name of extension
+     */
+    name: string;
+    /**
+     * The display name of extension
+     */
+    displayName: string;
+    /**
+     * The version of extension
+     */
+    version: string;
+    /**
+     * The categories of extension
+     */
+    categories: IExtensionType[],
+    /**
+     * The main file path of extension
+     * Extension system will load the extension by this file
+     */
+    contributes: IContribute,
+    /**
+     * The entry of extension
+     */
+    main: string,
+    /**
+     * The description of extension
+     */
+    description: string,
+    /**
+     * Whether disable current extension, the extension default status is enable
+     */
+    disable: boolean;
+}

src/common/extension.ts

@@ -0,0 +1,3 @@
+export interface IKeybinding {
+
+}

src/common/keybinding.ts

@@ -0,0 +1,3 @@
+export interface ILocalization {
+
+}

src/common/localization.ts

@@ -0,0 +1,18 @@
+import { IExtension } from './extension';
+import { IWorkbench } from './workbench';
+import { ITheme } from './theme';
+import { ISettings } from './settings';
+import { IKeybinding } from './keybinding';
+
+export interface IMolecule {
+    workbench: IWorkbench;
+    theme: ITheme;
+    settings: ISettings;
+    extension: IExtension;
+    keybinding: IKeybinding;
+};
+
+// export abstract class Molecule {
+
+// }
+

src/common/molecule.ts

@@ -0,0 +1,3 @@
+export interface ISettings {
+
+}

src/common/settings.ts

@@ -0,0 +1,32 @@
+
+export interface ThemeColor extends Object {
+    id: string;
+}
+
+interface TokenColor extends Object {
+    name?: string;
+    scope: string | string[];
+    settings: object;
+}
+
+export interface ITheme {
+    /**
+     * The id of component, theme will be applied by this ID
+     */
+    id: string;
+    name: string;
+    colors: ThemeColor;
+    tokenColors: TokenColor[];
+    /**
+     * The semanticTokenColors mappings as well as the semanticHighlighting setting allow to enhance the highlighting in the editor
+     * More info visit: https://code.visualstudio.com/api/language-extensions/semantic-highlight-guide
+     */
+    semanticHighlighting: boolean;
+}
+
+/**
+ * File icons for Molecule
+ */
+export interface IFileIcon {
+
+}

src/common/style.ts

@@ -0,0 +1,5 @@
+import { IEditor } from './editor';
+
+export interface IWorkbench {
+    editor: IEditor;
+}