@punica/editor 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Uryan Sezgin TEKE
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# punica-editor

package/dist/impl/commands.d.ts

@@ -0,0 +1,3 @@
+import { Commands } from 'punica';
+declare const commands: typeof Commands;
+export default commands;

package/dist/impl/commands.js

@@ -0,0 +1,72 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _CommandManager_commandMap, _CommandManager_history, _CommandManager_undone;
+class CommandManager {
+    constructor() {
+        _CommandManager_commandMap.set(this, new Map());
+        _CommandManager_history.set(this, []);
+        _CommandManager_undone.set(this, []);
+    }
+    /**
+     *
+     * @param command
+     */
+    registerCommand(command) {
+        __classPrivateFieldGet(this, _CommandManager_commandMap, "f").set(command.id, command);
+    }
+    /**
+     *
+     * @param commandId
+     */
+    executeCommand(commandId) {
+        const command = __classPrivateFieldGet(this, _CommandManager_commandMap, "f").get(commandId);
+        if (command) {
+            command.execute();
+            __classPrivateFieldGet(this, _CommandManager_history, "f").push(command);
+            __classPrivateFieldSet(this, _CommandManager_undone, [], "f");
+        }
+        else {
+            console.error(`Command with ID ${commandId} not found.`);
+        }
+    }
+    /**
+     *
+     */
+    undo() {
+        const command = __classPrivateFieldGet(this, _CommandManager_history, "f").pop();
+        if (command) {
+            command.undo();
+            __classPrivateFieldGet(this, _CommandManager_undone, "f").push(command);
+        }
+        else {
+            console.error('No command to undo.');
+        }
+    }
+    /**
+     *
+     */
+    redo() {
+        const command = __classPrivateFieldGet(this, _CommandManager_undone, "f").pop();
+        if (command) {
+            command.execute();
+            __classPrivateFieldGet(this, _CommandManager_history, "f").push(command);
+        }
+        else {
+            console.error('No command to redo.');
+        }
+    }
+}
+_CommandManager_commandMap = new WeakMap(), _CommandManager_history = new WeakMap(), _CommandManager_undone = new WeakMap();
+const commands = {
+    manager: new CommandManager()
+};
+export default commands;

package/dist/impl/dragDrop.d.ts

@@ -0,0 +1,31 @@
+import { DragDrop } from 'punica';
+import { BaseListener } from '@punica/common';
+declare const calculateMutation: (point1: DragDrop.Point, point2: DragDrop.Point) => DragDrop.Point;
+declare const isTouchDevice: () => boolean;
+declare const eventType: () => DragDrop.Events;
+declare const setEventPosition: (event: MouseEvent) => DragDrop.PositionDetail;
+declare const getTranslate: (transform: string) => DragDrop.Point;
+declare class ServiceDragDrop extends BaseListener<DragDrop.DragDropEvents> implements DragDrop.IServiceDragDrop {
+    #private;
+    /**
+     *
+     * @param event
+     */
+    handleDragStart: (event: MouseEvent) => void;
+    /**
+     *
+     * @param event
+     */
+    handleDragging: (event: MouseEvent) => void;
+    /**
+     *
+     * @param event
+     */
+    handleDragStop: (event: MouseEvent) => void;
+    /**
+     *
+     * @param element
+     */
+    constructor(element: HTMLElement);
+}
+export { ServiceDragDrop, calculateMutation, isTouchDevice, eventType, setEventPosition, getTranslate };

package/dist/impl/dragDrop.js

@@ -0,0 +1,119 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _ServiceDragDrop_element, _ServiceDragDrop_events, _ServiceDragDrop_position;
+import { BaseListener } from '@punica/common';
+const calculateMutation = (point1, point2) => {
+    if (!point1 || !point2) {
+        return undefined;
+    }
+    return {
+        x: point2.x - point1.x,
+        y: point2.y - point1.y
+    };
+};
+const isTouchDevice = () => {
+    return 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+};
+const eventType = () => {
+    const touch = isTouchDevice();
+    return {
+        dragStart: touch ? 'touchstart' : 'mousedown',
+        dragging: touch ? 'touchmove' : 'mousemove',
+        dragStop: touch ? 'touchend' : 'mouseup'
+    };
+};
+const setEventPosition = (event) => {
+    return {
+        offsetX: event.offsetX,
+        offsetY: event.offsetY,
+        pageX: event.pageX,
+        pageY: event.pageY,
+        clientX: event.clientX,
+        clientY: event.clientY
+    };
+};
+const getTranslate = (transform) => {
+    const detail = transform.match(/([-+]?(?:\d*\.)?\d+)\D*, ([-+]?(?:\d*\.)?\d+)\D*\)/);
+    const x = detail[1];
+    const y = detail[2];
+    return { x: parseFloat(x), y: parseFloat(y) };
+};
+class ServiceDragDrop extends BaseListener {
+    /**
+     *
+     * @param element
+     */
+    constructor(element) {
+        super();
+        _ServiceDragDrop_element.set(this, void 0);
+        _ServiceDragDrop_events.set(this, void 0);
+        _ServiceDragDrop_position.set(this, void 0);
+        /**
+         *
+         * @param event
+         */
+        this.handleDragStart = (event) => {
+            const eventPosition = setEventPosition(event);
+            __classPrivateFieldSet(this, _ServiceDragDrop_position, {
+                x: eventPosition.clientX,
+                y: eventPosition.clientY
+            }, "f");
+            __classPrivateFieldGet(this, _ServiceDragDrop_element, "f").addEventListener(__classPrivateFieldGet(this, _ServiceDragDrop_events, "f").dragging, this.handleDragging);
+            __classPrivateFieldGet(this, _ServiceDragDrop_element, "f").addEventListener(__classPrivateFieldGet(this, _ServiceDragDrop_events, "f").dragStop, this.handleDragStop);
+            this.trigger('dragStart', {
+                startPosition: __classPrivateFieldGet(this, _ServiceDragDrop_position, "f"),
+                position: eventPosition,
+                mutation: null
+            });
+            event.stopPropagation();
+        };
+        /**
+         *
+         * @param event
+         */
+        this.handleDragging = (event) => {
+            const eventPosition = setEventPosition(event);
+            const mutation = calculateMutation(__classPrivateFieldGet(this, _ServiceDragDrop_position, "f"), {
+                x: eventPosition.clientX,
+                y: eventPosition.clientY
+            });
+            this.trigger('dragging', {
+                startPosition: __classPrivateFieldGet(this, _ServiceDragDrop_position, "f"),
+                position: eventPosition,
+                mutation
+            });
+        };
+        /**
+         *
+         * @param event
+         */
+        this.handleDragStop = (event) => {
+            const eventPosition = setEventPosition(event);
+            const mutation = calculateMutation(__classPrivateFieldGet(this, _ServiceDragDrop_position, "f"), {
+                x: eventPosition.clientX,
+                y: eventPosition.clientY
+            });
+            this.trigger('dragStop', {
+                startPosition: __classPrivateFieldGet(this, _ServiceDragDrop_position, "f"),
+                position: eventPosition,
+                mutation
+            });
+            __classPrivateFieldGet(this, _ServiceDragDrop_element, "f").removeEventListener(__classPrivateFieldGet(this, _ServiceDragDrop_events, "f").dragging, this.handleDragging);
+            __classPrivateFieldGet(this, _ServiceDragDrop_element, "f").removeEventListener(__classPrivateFieldGet(this, _ServiceDragDrop_events, "f").dragStop, this.handleDragStop);
+        };
+        __classPrivateFieldSet(this, _ServiceDragDrop_element, element, "f");
+        __classPrivateFieldSet(this, _ServiceDragDrop_events, eventType(), "f");
+        __classPrivateFieldGet(this, _ServiceDragDrop_element, "f").addEventListener(__classPrivateFieldGet(this, _ServiceDragDrop_events, "f").dragStart, this.handleDragStart);
+    }
+}
+_ServiceDragDrop_element = new WeakMap(), _ServiceDragDrop_events = new WeakMap(), _ServiceDragDrop_position = new WeakMap();
+export { ServiceDragDrop, calculateMutation, isTouchDevice, eventType, setEventPosition, getTranslate };

package/dist/impl/extensions.d.ts

@@ -0,0 +1,3 @@
+import { Extensions } from 'punica';
+declare const extension: typeof Extensions;
+export default extension;

package/dist/impl/extensions.js

@@ -0,0 +1,45 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _ExtensionManager_extensions;
+class ExtensionManager {
+    /**
+     *
+     */
+    constructor() {
+        _ExtensionManager_extensions.set(this, void 0);
+        __classPrivateFieldSet(this, _ExtensionManager_extensions, new Map(), "f");
+    }
+    /**
+     *
+     * @param extension
+     */
+    load(extension) {
+        if (__classPrivateFieldGet(this, _ExtensionManager_extensions, "f").has(extension.name)) {
+            console.warn(`Extension '${extension.name}' is already loaded.`);
+            return;
+        }
+        __classPrivateFieldGet(this, _ExtensionManager_extensions, "f").set(extension.name, extension);
+    }
+    /**
+     *
+     * @param extensionName
+     * @returns
+     */
+    getExtension(extensionName) {
+        return __classPrivateFieldGet(this, _ExtensionManager_extensions, "f").get(extensionName);
+    }
+}
+_ExtensionManager_extensions = new WeakMap();
+const extension = {
+    manager: new ExtensionManager()
+};
+export default extension;

package/dist/impl/index.d.ts

@@ -0,0 +1,7 @@
+export { default as View } from './view';
+export { default as Extensions } from './extensions';
+export { default as Commands } from './commands';
+export { default as Layout } from './layout';
+export { default as KeyboardShortcuts } from './keyboardShortcuts';
+export { default as TimeServer } from './timeServer';
+export { default as Statusbar } from './statusbar';

package/dist/impl/index.js

@@ -0,0 +1,7 @@
+export { default as View } from './view';
+export { default as Extensions } from './extensions';
+export { default as Commands } from './commands';
+export { default as Layout } from './layout';
+export { default as KeyboardShortcuts } from './keyboardShortcuts';
+export { default as TimeServer } from './timeServer';
+export { default as Statusbar } from './statusbar';

package/dist/impl/keyboardShortcuts.d.ts

@@ -0,0 +1,3 @@
+import { KeyboardShortcuts } from 'punica';
+declare const keyboardShortcuts: typeof KeyboardShortcuts;
+export default keyboardShortcuts;

package/dist/impl/keyboardShortcuts.js

@@ -0,0 +1,67 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _ShortcutManager_instances, _ShortcutManager_shortcuts, _ShortcutManager_areKeysEqual, _ShortcutManager_areKeysPressed;
+class ShortcutManager {
+    /**
+     *
+     */
+    constructor() {
+        _ShortcutManager_instances.add(this);
+        _ShortcutManager_shortcuts.set(this, []);
+        document.addEventListener('keydown', this.handleKeyEvent.bind(this));
+    }
+    /**
+     *
+     * @param shortcut
+     */
+    registerShortcut(shortcut) {
+        __classPrivateFieldGet(this, _ShortcutManager_shortcuts, "f").push(shortcut);
+    }
+    /**
+     *
+     * @param keys
+     */
+    unregisterShortcut(keys) {
+        __classPrivateFieldSet(this, _ShortcutManager_shortcuts, __classPrivateFieldGet(this, _ShortcutManager_shortcuts, "f").filter((shortcut) => __classPrivateFieldGet(this, _ShortcutManager_instances, "m", _ShortcutManager_areKeysEqual).call(this, shortcut.keys, keys)), "f");
+    }
+    /**
+     *
+     * @param event
+     */
+    handleKeyEvent(event) {
+        const matchedShortcut = __classPrivateFieldGet(this, _ShortcutManager_shortcuts, "f").find((shortcut) => __classPrivateFieldGet(this, _ShortcutManager_instances, "m", _ShortcutManager_areKeysPressed).call(this, event, shortcut.keys));
+        if (matchedShortcut) {
+            event.preventDefault();
+            const commandsManager = window.punica.Commands.manager;
+            commandsManager.executeCommand(matchedShortcut.commandId);
+        }
+    }
+}
+_ShortcutManager_shortcuts = new WeakMap(), _ShortcutManager_instances = new WeakSet(), _ShortcutManager_areKeysEqual = function _ShortcutManager_areKeysEqual(keys1, keys2) {
+    if (keys1.length !== keys2.length)
+        return false;
+    return keys1.every((key1, index) => key1.key.toLowerCase() === keys2[index].key.toLowerCase() &&
+        key1.ctrlKey === keys2[index].ctrlKey &&
+        key1.shiftKey === keys2[index].shiftKey &&
+        key1.altKey === keys2[index].altKey &&
+        key1.metaKey === keys2[index].metaKey);
+}, _ShortcutManager_areKeysPressed = function _ShortcutManager_areKeysPressed(event, keys) {
+    return keys.every((key) => (key.ctrlKey ? event.ctrlKey : true) &&
+        (key.shiftKey ? event.shiftKey : true) &&
+        (key.altKey ? event.altKey : true) &&
+        (key.metaKey ? event.metaKey : true) &&
+        event.key.toLowerCase() === key.key.toLowerCase());
+};
+const keyboardShortcuts = {
+    manager: new ShortcutManager()
+};
+export default keyboardShortcuts;

package/dist/impl/layout.d.ts

@@ -0,0 +1,3 @@
+import { Layout } from 'punica';
+declare const layout: typeof Layout;
+export default layout;

package/dist/impl/layout.js

@@ -0,0 +1,59 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _LayoutManager_item, _LayoutManager_layoutElement;
+class LayoutManager {
+    /**
+     *
+     */
+    constructor() {
+        _LayoutManager_item.set(this, new Map());
+        _LayoutManager_layoutElement.set(this, void 0);
+        __classPrivateFieldSet(this, _LayoutManager_layoutElement, document.createElement('div'), "f");
+        __classPrivateFieldGet(this, _LayoutManager_layoutElement, "f").id = 'punica-editor';
+        this.addItem('appBar');
+        this.addItem('activityBar');
+        this.addItem('content');
+        this.addItem('statusbar');
+        this.addItem('primarySidebar');
+        this.addItem('secondarySidebar');
+    }
+    /**
+     *
+     * @param type
+     * @returns
+     */
+    getItem(type) {
+        return __classPrivateFieldGet(this, _LayoutManager_item, "f").get(type);
+    }
+    /**
+     *
+     * @param type
+     */
+    addItem(type) {
+        const content = document.createElement('div');
+        content.id = type;
+        __classPrivateFieldGet(this, _LayoutManager_layoutElement, "f").appendChild(content);
+        __classPrivateFieldGet(this, _LayoutManager_item, "f").set(type, { type, content });
+    }
+    /**
+     *
+     * @param container
+     */
+    render(container) {
+        container.appendChild(__classPrivateFieldGet(this, _LayoutManager_layoutElement, "f"));
+    }
+}
+_LayoutManager_item = new WeakMap(), _LayoutManager_layoutElement = new WeakMap();
+const layout = {
+    manager: new LayoutManager()
+};
+export default layout;

package/dist/impl/statusbar.d.ts

@@ -0,0 +1,3 @@
+import { Statusbar } from 'punica';
+declare const statusbar: typeof Statusbar;
+export default statusbar;

package/dist/impl/statusbar.js

@@ -0,0 +1,75 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _StatusbarManager_instances, _StatusbarManager_leftItems, _StatusbarManager_rightItems, _StatusbarManager_content, _StatusbarManager_leftContent, _StatusbarManager_rightContent, _StatusbarManager_initiliazeContent;
+class StatusbarManager {
+    /**
+     *
+     */
+    constructor() {
+        _StatusbarManager_instances.add(this);
+        _StatusbarManager_leftItems.set(this, new Map());
+        _StatusbarManager_rightItems.set(this, new Map());
+        _StatusbarManager_content.set(this, void 0);
+        _StatusbarManager_leftContent.set(this, void 0);
+        _StatusbarManager_rightContent.set(this, void 0);
+    }
+    /**
+     *
+     * @param alignment
+     * @param item
+     */
+    addItem(alignment, item) {
+        if (!__classPrivateFieldGet(this, _StatusbarManager_content, "f")) {
+            __classPrivateFieldGet(this, _StatusbarManager_instances, "m", _StatusbarManager_initiliazeContent).call(this);
+        }
+        if (alignment === 'left') {
+            __classPrivateFieldGet(this, _StatusbarManager_leftItems, "f").set(item.id, item);
+            __classPrivateFieldGet(this, _StatusbarManager_leftContent, "f").appendChild(item.content);
+        }
+        else {
+            __classPrivateFieldGet(this, _StatusbarManager_rightItems, "f").set(item.id, item);
+            __classPrivateFieldGet(this, _StatusbarManager_rightContent, "f").appendChild(item.content);
+        }
+    }
+    /**
+     *
+     * @param itemId
+     */
+    removeItem(itemId) {
+        if (__classPrivateFieldGet(this, _StatusbarManager_leftItems, "f").has(itemId)) {
+            const item = __classPrivateFieldGet(this, _StatusbarManager_leftItems, "f").get(itemId);
+            __classPrivateFieldGet(this, _StatusbarManager_leftItems, "f").delete(itemId);
+            __classPrivateFieldGet(this, _StatusbarManager_leftContent, "f").removeChild(item.content);
+        }
+        else if (__classPrivateFieldGet(this, _StatusbarManager_rightItems, "f").has(itemId)) {
+            const item = __classPrivateFieldGet(this, _StatusbarManager_rightItems, "f").get(itemId);
+            __classPrivateFieldGet(this, _StatusbarManager_rightItems, "f").delete(itemId);
+            __classPrivateFieldGet(this, _StatusbarManager_rightContent, "f").removeChild(item.content);
+        }
+    }
+}
+_StatusbarManager_leftItems = new WeakMap(), _StatusbarManager_rightItems = new WeakMap(), _StatusbarManager_content = new WeakMap(), _StatusbarManager_leftContent = new WeakMap(), _StatusbarManager_rightContent = new WeakMap(), _StatusbarManager_instances = new WeakSet(), _StatusbarManager_initiliazeContent = function _StatusbarManager_initiliazeContent() {
+    const layoutManager = window.punica.Layout.manager;
+    const statusBarContent = layoutManager.getItem('statusbar').content;
+    __classPrivateFieldSet(this, _StatusbarManager_content, document.createElement('punica-row'), "f");
+    __classPrivateFieldSet(this, _StatusbarManager_leftContent, document.createElement('punica-col'), "f");
+    __classPrivateFieldSet(this, _StatusbarManager_rightContent, document.createElement('punica-col'), "f");
+    __classPrivateFieldGet(this, _StatusbarManager_content, "f").setAttribute('alignItems', 'center');
+    __classPrivateFieldGet(this, _StatusbarManager_content, "f").setAttribute('justifyContent', 'space-between');
+    __classPrivateFieldGet(this, _StatusbarManager_content, "f").appendChild(__classPrivateFieldGet(this, _StatusbarManager_leftContent, "f"));
+    __classPrivateFieldGet(this, _StatusbarManager_content, "f").appendChild(__classPrivateFieldGet(this, _StatusbarManager_rightContent, "f"));
+    statusBarContent === null || statusBarContent === void 0 ? void 0 : statusBarContent.appendChild(__classPrivateFieldGet(this, _StatusbarManager_content, "f"));
+};
+const statusbar = {
+    manager: new StatusbarManager()
+};
+export default statusbar;

package/dist/impl/timeServer.d.ts

@@ -0,0 +1,3 @@
+import { TimeServer } from 'punica';
+declare const timeServerManager: typeof TimeServer;
+export default timeServerManager;

package/dist/impl/timeServer.js

@@ -0,0 +1,57 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _TimeServerManager_instances, _TimeServerManager_subscribers, _TimeServerManager_intervalId, _TimeServerManager_start, _TimeServerManager_stop;
+class TimeServerManager {
+    constructor() {
+        _TimeServerManager_instances.add(this);
+        _TimeServerManager_subscribers.set(this, []);
+        _TimeServerManager_intervalId.set(this, null);
+    }
+    /**
+     *
+     * @param subscriber
+     */
+    subscribe(subscriber) {
+        __classPrivateFieldGet(this, _TimeServerManager_subscribers, "f").push(subscriber);
+        if (__classPrivateFieldGet(this, _TimeServerManager_subscribers, "f").length == 1) {
+            __classPrivateFieldGet(this, _TimeServerManager_instances, "m", _TimeServerManager_start).call(this);
+        }
+    }
+    /**
+     *
+     * @param subscriber
+     */
+    unsubscribe(subscriber) {
+        __classPrivateFieldSet(this, _TimeServerManager_subscribers, __classPrivateFieldGet(this, _TimeServerManager_subscribers, "f").filter((sub) => sub !== subscriber), "f");
+        if (__classPrivateFieldGet(this, _TimeServerManager_subscribers, "f").length == 0) {
+            __classPrivateFieldGet(this, _TimeServerManager_instances, "m", _TimeServerManager_stop).call(this);
+        }
+    }
+}
+_TimeServerManager_subscribers = new WeakMap(), _TimeServerManager_intervalId = new WeakMap(), _TimeServerManager_instances = new WeakSet(), _TimeServerManager_start = function _TimeServerManager_start() {
+    if (__classPrivateFieldGet(this, _TimeServerManager_intervalId, "f") === null) {
+        __classPrivateFieldSet(this, _TimeServerManager_intervalId, window.setInterval(() => {
+            const currentTime = new Date();
+            __classPrivateFieldGet(this, _TimeServerManager_subscribers, "f").forEach((subscriber) => subscriber.update(currentTime));
+        }, 1000), "f");
+    }
+}, _TimeServerManager_stop = function _TimeServerManager_stop() {
+    if (__classPrivateFieldGet(this, _TimeServerManager_intervalId, "f") !== null) {
+        window.clearInterval(__classPrivateFieldGet(this, _TimeServerManager_intervalId, "f"));
+        __classPrivateFieldSet(this, _TimeServerManager_intervalId, null, "f");
+    }
+};
+const timeServerManager = {
+    manager: new TimeServerManager()
+};
+//timeServerManager.manager.start();
+export default timeServerManager;

package/dist/impl/view.d.ts

@@ -0,0 +1,3 @@
+import { View } from 'punica';
+declare const view: typeof View;
+export default view;

package/dist/impl/view.js

@@ -0,0 +1,7 @@
+const view = {
+    showInformationMessage: (message, ...items) => {
+        console.log(message, items);
+        return [];
+    }
+};
+export default view;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import * as punica from 'punica';
+export declare function create(): typeof punica;

package/dist/index.js

@@ -0,0 +1,13 @@
+import { View, Extensions, Commands, Layout, KeyboardShortcuts, TimeServer, Statusbar } from './impl';
+export function create() {
+    return {
+        version: '1.0.0',
+        Layout,
+        View,
+        Extensions,
+        Commands,
+        KeyboardShortcuts,
+        TimeServer,
+        Statusbar
+    };
+}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@punica/editor",
+  "version": "1.0.0",
+  "description": "Punica Editor",
+  "private": false,
+  "main": "dist/index.js",
+  "types": "types/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "start": "webpack-dev-server --config webpack.config.dev.js",
+    "build": "tsc",
+    "lint": "eslint . --ext .js,.ts",
+    "lint:fix": "eslint . --ext .js,.ts --fix",
+    "format": "prettier --write \"./**/*.{ts,js,json,md}\"",
+    "prepare": "husky install"
+  },
+  "eslintIgnore": [
+    "node_modules",
+    "dist"
+  ],
+  "keywords": [
+    "punica",
+    "editor"
+  ],
+  "files": [
+    "dist/**/*",
+    "types/**/*",
+    "README.md"
+  ],
+  "dependencies": {
+    "@punica/common": "^1.0.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.7",
+    "@babel/plugin-transform-runtime": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
+    "@types/node": "^20.14.10",
+    "@typescript-eslint/eslint-plugin":"",
+    "@typescript-eslint/parser": "^7.16.0",
+    "@eslint/config-array":"^0.17.0",
+    "raw-loader": "^4.0.2",
+    "babel-loader": "^9.1.3",
+    "copy-webpack-plugin": "^12.0.2",
+    "css-loader": "^7.1.2",
+    "eslint": "^8.56.0",
+    "husky": "^8.0.3",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.6.0",
+    "portfinder-sync": "^0.0.2",
+    "prettier": "^3.3.2",
+    "serve": "^14.2.3",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.5.3",
+    "webpack": "^5.92.1",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.0.4",
+    "webpack-merge": "^6.0.1"
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference path="punica.d.ts" />
+/// <reference path="punica.module.commands.d.ts" />
+/// <reference path="punica.module.dragDrop.d.ts" />
+/// <reference path="punica.module.extensions.d.ts" />
+/// <reference path="punica.module.keyboardShortcuts.d.ts" />
+/// <reference path="punica.module.layout.d.ts" />
+/// <reference path="punica.module.statusbar.d.ts" />
+/// <reference path="punica.module.timeServer.d.ts" />
+/// <reference path="punica.module.view.d.ts" />
+/// <reference path="types.d.ts" />

package/types/punica.d.ts

@@ -0,0 +1,3 @@
+declare module 'punica' {
+  export const version: string;
+}

package/types/punica.module.commands.d.ts

@@ -0,0 +1,18 @@
+declare module 'punica' {
+  export namespace Commands {
+    interface ICommand {
+      id: string;
+      execute(): void;
+      undo(): void;
+    }
+
+    interface ICommandManager {
+      registerCommand(command: ICommand): void;
+      executeCommand(commandId: string): void;
+      undo(): void;
+      redo(): void;
+    }
+
+    const manager: ICommandManager;
+  }
+}

package/types/punica.module.dragDrop.d.ts

@@ -0,0 +1,23 @@
+declare module 'punica' {
+  export namespace DragDrop {
+    type DragDropEvents = 'dragging' | 'dragStart' | 'dragStop';
+    type Events = { [key in DragDropEvents]: string };
+    type Point = {
+      x: number;
+      y: number;
+    };
+    type PositionDetail = {
+      offsetX: number;
+      offsetY: number;
+      pageX: number;
+      pageY: number;
+      clientX: number;
+      clientY: number;
+    };
+    interface IServiceDragDrop {
+      handleDragStart(event: MouseEvent): void;
+      handleDragging(event: MouseEvent): void;
+      handleDragStop(event: MouseEvent): void;
+    }
+  }
+}

package/types/punica.module.extensions.d.ts

@@ -0,0 +1,16 @@
+declare module 'punica' {
+  export namespace Extensions {
+    interface IExtension {
+      name: string;
+      activate: () => void;
+      deactivate: () => void;
+    }
+
+    interface IExtensionManager {
+      load(extensionPath: IExtension): void;
+      getExtension(extensionName: string): IExtension | undefined;
+    }
+
+    const manager: IExtensionManager;
+  }
+}

package/types/punica.module.keyboardShortcuts.d.ts

@@ -0,0 +1,24 @@
+declare module 'punica' {
+  export namespace KeyboardShortcuts {
+    interface IKey {
+      key: string;
+      ctrlKey?: boolean;
+      shiftKey?: boolean;
+      altKey?: boolean;
+      metaKey?: boolean;
+    }
+
+    interface IShortcut {
+      keys: IKey[];
+      commandId: string;
+    }
+
+    interface IShortcutManager {
+      registerShortcut(shortcut: IShortcut): void;
+      unregisterShortcut(keys: IKey[]): void;
+      handleKeyEvent(event: KeyboardEvent): void;
+    }
+
+    const manager: IShortcutManager;
+  }
+}

package/types/punica.module.layout.d.ts

@@ -0,0 +1,23 @@
+declare module 'punica' {
+  export namespace Layout {
+    type ItemType =
+      | 'appBar'
+      | 'activityBar'
+      | 'content'
+      | 'statusbar'
+      | 'primarySidebar'
+      | 'secondarySidebar';
+
+    interface IItem {
+      type: ItemType;
+      content?: HTMLElement;
+    }
+
+    interface ILayoutManager {
+      getItem(type: ItemType): IItem;
+      render(container: HTMLElement): void;
+    }
+
+    const manager: ILayoutManager;
+  }
+}

package/types/punica.module.statusbar.d.ts

@@ -0,0 +1,20 @@
+declare module 'punica' {
+  export namespace Statusbar {
+    type Alignment = 'left' | 'right';
+    type ItemType = 'progress' | 'warning' | 'error' | 'normal';
+
+    interface IItem {
+      id: string;
+      type: ItemType;
+      content: HTMLElement;
+      command?: () => void;
+    }
+
+    interface IStatusbarManager {
+      addItem(alignment: Alignment, item: IItem): void;
+      removeItem(itemId: string): void;
+    }
+
+    const manager: IStatusbarManager;
+  }
+}

package/types/punica.module.timeServer.d.ts

@@ -0,0 +1,14 @@
+declare module 'punica' {
+  export namespace TimeServer {
+    interface ISubscriber {
+      update(time: Date): void;
+    }
+
+    interface ITimeServerManager {
+      subscribe(subscriber: ISubscriber): void;
+      unsubscribe(subscriber: ISubscriber): void;
+    }
+
+    const manager: ITimeServerManager;
+  }
+}

package/types/punica.module.view.d.ts

@@ -0,0 +1,8 @@
+declare module 'punica' {
+  export namespace View {
+    const showInformationMessage: <T extends string>(
+      message: string,
+      ...items: T[]
+    ) => Array<T | undefined>;
+  }
+}

package/types/types.d.ts

@@ -0,0 +1,7 @@
+import * as punica from 'punica';
+
+declare global {
+  interface Window {
+    punica: typeof punica;
+  }
+}