feat: add sidebar, theme layout and others core modules

Author: wewoor

src/core/activityBar.ts

@@ -0,0 +1,23 @@
+// import { ReactType } from '@/typings';
+import * as React from 'react';
+
+export interface IActivityBarData {
+    id: string;
+    name?: string;
+    data?: any;
+    // render?: <T>() => T;
+    render?: () => any;
+}
+
+export interface IActivityBar {
+    readonly data: IActivityBarData[];
+    onSelect: (key: string, item: IActivityBarData) => void;
+    onClick: (event: React.MouseEvent, item: IActivityBarData) => void;
+    push: (data: IActivityBarData) => void;
+    remove: (index: number) => void;
+    update: () => void;
+    get: (id: string) => void;
+    // render?: <T>() => T;
+    render?: () => any;
+
+}

src/core/editor.ts

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

src/core/extension.ts

@@ -0,0 +1,65 @@
+import { Molecule } from './molecule';
+
+export interface Extension {
+    active(molecule: Molecule);
+}
+
+/**
+ * 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/core/iconTheme.ts

@@ -0,0 +1,7 @@
+
+/**
+ * File icons for Molecule
+ */
+export interface IIconTheme {
+
+}

src/core/keybinding.ts

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

src/core/layout.ts

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

src/core/localization.ts

@@ -0,0 +1,72 @@
+import { IActivityBar } from './activityBar';
+
+export class Sidebar {}
+export class MenuBar {}
+export class Panel {}
+export class StatusBar {}
+export class Editor {}
+export class Layout {}
+export class Theme {}
+export class IconTheme {}
+export class Settings {}
+export class Local {}
+export class ShortcutKeys {}
+
+export interface IMolecule {
+    // sidebar: Sidebar;
+    // menuBar: MenuBar;
+    // statusBar: StatusBar;
+    activityBar: IActivityBar;
+    // panel: Panel;
+    // editor: Editor;
+    // layout: Layout;
+    // theme: Theme;
+    // iconTheme: IconTheme;
+    // local: Local;
+    // shortcutKeys: ShortcutKeys;
+}
+
+export class Molecule {
+    public sidebar: Sidebar;
+    public menuBar: MenuBar;
+    public statusBar: StatusBar;
+    public activityBar: IActivityBar;
+    public panel: Panel;
+    public editor: Editor;
+    public layout: Layout;
+    public theme: Theme;
+    public iconTheme: IconTheme;
+    public settings: Settings;
+    public local: Local;
+    public shortcutKeys: ShortcutKeys;
+
+    constructor(
+        sidebar: Sidebar,
+        menuBar: MenuBar,
+        statusBar: StatusBar,
+        activityBar: IActivityBar,
+        editor: Editor,
+        panel: Panel,
+        layout: Layout,
+        theme: Theme,
+        iconTheme: IconTheme,
+        settings: Settings,
+        local: Local,
+        shortcutKeys: ShortcutKeys,
+    ) {
+        this.sidebar = sidebar;
+        this.menuBar = menuBar;
+        this.statusBar = statusBar;
+        this.activityBar = activityBar,
+        this.panel = panel;
+        this.editor = editor;
+        this.layout = layout;
+        this.theme = theme;
+        this.iconTheme = iconTheme;
+        this.settings = settings;
+        this.local = local;
+        this.shortcutKeys = shortcutKeys;
+    }
+};
+
+// TODO

src/core/molecule.ts

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

src/core/settings.ts

@@ -0,0 +1,27 @@
+
+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;
+}