UNPKG

tandem-front-end

Version:

Visual editor for web components

432 lines 17.4 kB
"use strict"; var __assign = (this && this.__assign) || Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; Object.defineProperty(exports, "__esModule", { value: true }); var tandem_common_1 = require("tandem-common"); exports.PROJECT_LOADED = "PROJECT_LOADED"; exports.ACTIVE_FILE_CHANGED = "ACTIVE_FILE_CHANGED"; exports.SYNTHETIC_WINDOW_OPENED = "SYNTHETIC_WINDOW_OPENED"; exports.PROJECT_DIRECTORY_LOADED = "PROJECT_DIRECTORY_LOADED"; exports.DOCUMENT_RENDERED = "DOCUMENT_RENDERERED"; exports.CANVAS_TOOL_OVERLAY_MOUSE_LEAVE = "CANVAS_TOOL_OVERLAY_MOUSE_LEAVE"; exports.CANVAS_TOOL_OVERLAY_MOUSE_PAN_START = "CANVAS_TOOL_OVERLAY_MOUSE_PAN_START"; exports.CANVAS_TOOL_OVERLAY_MOUSE_PANNING = "CANVAS_TOOL_OVERLAY_MOUSE_PANNING"; exports.CANVAS_TOOL_OVERLAY_MOUSE_PAN_END = "CANVAS_TOOL_OVERLAY_MOUSE_PAN_END"; exports.CANVAS_TOOL_OVERLAY_MOUSE_DOUBLE_CLICKED = "CANVAS_TOOL_OVERLAY_MOUSE_DOUBLE_CLICKED"; exports.CANVAS_TOOL_WINDOW_BACKGROUND_CLICKED = "CANVAS_TOOL_WINDOW_BACKGROUND_CLICKED"; exports.CANVAS_TOOL_WINDOW_KEY_DOWN = "CANVAS_TOOL_WINDOW_KEY_DOWN"; exports.CANVAS_TOOL_ARTBOARD_TITLE_CLICKED = "CANVAS_TOOL_ARTBOARD_TITLE_CLICKED"; exports.CANVAS_TOOL_PREVIEW_BUTTON_CLICKED = "CANVAS_TOOL_PREVIEW_BUTTON_CLICKED"; exports.FILE_NAVIGATOR_ITEM_CLICKED = "FILE_NAVIGATOR_ITEM_CLICKED"; exports.FILE_NAVIGATOR_ITEM_DOUBLE_CLICKED = "FILE_NAVIGATOR_ITEM_DOUBLE_CLICKED"; exports.FILE_NAVIGATOR_NEW_FILE_CLICKED = "FILE_NAVIGATOR_NEW_FILE_CLICKED"; exports.FILE_NAVIGATOR_NEW_DIRECTORY_CLICKED = "FILE_NAVIGATOR_NEW_DIRECTORY_CLICKED"; exports.FILE_NAVIGATOR_TOGGLE_DIRECTORY_CLICKED = "FILE_NAVIGATOR_TOGGLE_DIRECTORY_CLICKED"; exports.FILE_NAVIGATOR_NEW_FILE_ENTERED = "FILE_NAVIGATOR_NEW_FILE_ENTERED"; exports.FILE_NAVIGATOR_DROPPED_ITEM = "FILE_NAVIGATOR_DROPPED_ITEM"; exports.TOOLBAR_TOOL_CLICKED = "TOOLBAR_TOOL_CLICKED"; exports.EDITOR_TAB_CLICKED = "EDITOR_TAB_CLICKED"; exports.EDITOR_TAB_CLOSE_BUTTON_CLICKED = "EDITOR_TAB_CLOSE_BUTTON_CLICKED"; exports.OPEN_FILE_ITEM_CLICKED = "OPEN_FILE_ITEM_CLICKED"; exports.OPEN_FILE_ITEM_CLOSE_CLICKED = "OPEN_FILE_ITEM_CLOSE_CLICKED"; exports.CANVAS_MOUNTED = "CANVAS_MOUNTED"; exports.CANVAS_MOUSE_MOVED = "CANVAS_MOUSE_MOVED"; exports.CANVAS_DRAGGED_OVER = "CANVAS_DRAGGED_OVER"; exports.CANVAS_MOUSE_CLICKED = "CANVAS_MOUSE_CLICKED"; exports.CANVAS_WHEEL = "CANVAS_WHEEL"; exports.CANVAS_MOTION_RESTED = "CANVAS_MOTION_RESTED"; exports.CANVAS_DROPPED_ITEM = "CANVAS_DROPPED_ITEM"; exports.FRAME_MODE_CHANGE_COMPLETE = "FRAME_MODE_CHANGE_COMPLETE"; exports.RESIZER_PATH_MOUSE_MOVED = "RESIZER_PATH_MOUSE_MOVED"; exports.RESIZER_PATH_MOUSE_STOPPED_MOVING = "RESIZER_PATH_MOUSE_STOPPED_MOVING"; exports.RESIZER_MOVED = "RESIZER_MOVED"; exports.RESIZER_STOPPED_MOVING = "RESIZER_STOPPED_MOVING"; exports.COMPONENT_PICKER_BACKGROUND_CLICK = "COMPONENT_PICKER_BACKGROUND_CLICK"; exports.COMPONENT_PICKER_ITEM_CLICK = "COMPONENT_PICKER_ITEM_CLICK"; exports.RESIZER_MOUSE_DOWN = "RESIZER_MOUSE_DOWN"; exports.RESIZER_START_DRGG = "RESIZER_START_DRGG"; exports.SELECTOR_DOUBLE_CLICKED = "SELECTOR_DOUBLE_CLICKED"; exports.SHORTCUT_ZOOM_IN_KEY_DOWN = "SHORTCUT_ZOOM_IN_KEY_DOWN"; exports.SHORTCUT_ZOOM_OUT_KEY_DOWN = "SHORTCUT_ZOOM_OUT_KEY_DOWN"; exports.SHORTCUT_ESCAPE_KEY_DOWN = "SHORTCUT_ESCAPE_KEY_DOWN"; exports.SHORTCUT_SAVE_KEY_DOWN = "SHORTCUT_SAVE_KEY_DOWN"; exports.SHORTCUT_QUICK_SEARCH_KEY_DOWN = "SHORTCUT_QUICK_SEARCH_KEY_DOWN"; exports.SHORTCUT_DELETE_KEY_DOWN = "SHORTCUT_DELETE_KEY_DOWN"; exports.SHORTCUT_UNDO_KEY_DOWN = "SHORTCUT_UNDO_KEY_DOWN"; exports.SHORTCUT_REDO_KEY_DOWN = "SHORTCUT_REDO_KEY_DOWN"; exports.SHORTCUT_R_KEY_DOWN = "SHORTCUT_R_KEY_DOWN"; exports.SHORTCUT_C_KEY_DOWN = "SHORTCUT_C_KEY_DOWN"; exports.SHORTCUT_T_KEY_DOWN = "SHORTCUT_T_KEY_DOWN"; exports.SHORTCUT_SELECT_NEXT_TAB = "SHORTCUT_SELECT_NEXT_TAB"; exports.SHORTCUT_SELECT_PREVIOUS_TAB = "SHORTCUT_SELECT_PREVIOUS_TAB"; exports.SHORTCUT_CLOSE_CURRENT_TAB = "SHORTCUT_CLOSE_CURRENT_TAB"; exports.SHORTCUT_CONVERT_TO_COMPONENT_KEY_DOWN = "SHORTCUT_CONVERT_TO_COMPONENT_KEY_DOWN"; exports.INSERT_TOOL_FINISHED = "INSERT_TOOL_FINISHED"; exports.SYNTHETIC_NODES_PASTED = "SYNTHETIC_NODES_PASTED"; exports.APP_LOADED = "APP_LOADED"; exports.SAVED_FILE = "SAVED_FILE"; exports.SAVED_ALL_FILES = "SAVED_ALL_FILES"; exports.NEW_FILE_ENTERED = "NEW_FILE_ENTERED"; exports.NEW_DIRECTORY_ENTERED = "NEW_DIRECTORY_ENTERED"; exports.RAW_CSS_TEXT_CHANGED = "RAW_CSS_TEXT_CHANGED"; exports.CSS_PROPERTY_CHANGED = "CSS_PROPERTY_CHANGED"; exports.CSS_PROPERTY_CHANGE_COMPLETED = "CSS_PROPERTY_CHANGE_COMPLETED"; exports.ATTRIBUTE_CHANGED = "ATTRIBUTE_CHANGED"; exports.SLOT_TOGGLE_CLICK = "SLOT_TOGGLE_CLICK"; exports.NATIVE_NODE_TYPE_CHANGED = "NATIVE_NODE_TYPE_CHANGED"; exports.TEXT_VALUE_CHANGED = "TEXT_VALUE_CHANGED"; exports.ELEMENT_TYPE_CHANGED = "ELEMENT_TYPE_CHANGED"; exports.PC_LAYER_MOUSE_OVER = "PC_LAYER_MOUSE_OVER"; exports.PC_LAYER_MOUSE_OUT = "PC_LAYER_MOUSE_OUT"; exports.PC_LAYER_CLICK = "PC_LAYER_CLICK"; exports.PC_LAYER_DOUBLE_CLICK = "PC_LAYER_DOUBLE_CLICK"; exports.PC_LAYER_LABEL_CHANGED = "PC_LAYER_LABEL_CHANGED"; exports.PC_LAYER_EXPAND_TOGGLE_CLICK = "PC_LAYER_EXPAND_TOGGLE_CLICK"; exports.PC_LAYER_DROPPED_NODE = "PC_LAYER_DROPPED_NODE"; exports.PC_LAYER_EDIT_LABEL_BLUR = "PC_LAYER_EDIT_LABEL_BLUR"; exports.NEW_FILE_ADDED = "NEW_FILE_ADDED"; exports.QUICK_SEARCH_ITEM_CLICKED = "QUICK_SEARCH_ITEM_CLICKED"; exports.QUICK_SEARCH_BACKGROUND_CLICK = "QUICK_SEARCH_BACKGROUND_CLICK"; exports.NEW_VARIANT_NAME_ENTERED = "NEW_VARIANT_NAME_ENTERED"; exports.COMPONENT_VARIANT_REMOVED = "COMPONENT_VARIANT_REMOVED"; exports.COMPONENT_VARIANT_NAME_CHANGED = "COMPONENT_VARIANT_NAME_CHANGED"; exports.COMPONENT_VARIANT_NAME_CLICKED = "COMPONENT_VARIANT_NAME_CLICKED"; exports.COMPONENT_VARIANT_NAME_DEFAULT_TOGGLE_CLICK = "COMPONENT_VARIANT_NAME_DEFAULT_TOGGLE_CLICK"; exports.ELEMENT_VARIANT_TOGGLED = "ELEMENT_VARIANT_TOGGLED"; exports.fileNavigatorDroppedItem = function (node, targetNode, offset) { return ({ node: node, targetNode: targetNode, offset: offset, type: exports.FILE_NAVIGATOR_DROPPED_ITEM }); }; exports.editorTabClicked = function (uri) { return ({ uri: uri, type: exports.EDITOR_TAB_CLICKED }); }; exports.editorTabCloseButtonClicked = function (uri) { return ({ uri: uri, type: exports.EDITOR_TAB_CLOSE_BUTTON_CLICKED }); }; exports.fileNavigatorItemClicked = function (node) { return ({ node: node, type: exports.FILE_NAVIGATOR_ITEM_CLICKED }); }; exports.fileNavigatorToggleDirectoryClicked = function (node) { return ({ node: node, type: exports.FILE_NAVIGATOR_TOGGLE_DIRECTORY_CLICKED }); }; exports.newFileAdded = function (uri, fileType) { return ({ uri: uri, fileType: fileType, type: exports.NEW_FILE_ADDED }); }; exports.elementVariantToggled = function (newVariants, node) { return ({ newVariants: newVariants, node: node, type: exports.ELEMENT_VARIANT_TOGGLED }); }; exports.fileNavigatorNewFileClicked = function () { return ({ type: exports.FILE_NAVIGATOR_NEW_FILE_CLICKED }); }; exports.fileNavigatorNewDirectoryClicked = function () { return ({ type: exports.FILE_NAVIGATOR_NEW_DIRECTORY_CLICKED }); }; exports.componentPickerBackgroundClick = function () { return ({ type: exports.COMPONENT_PICKER_BACKGROUND_CLICK }); }; exports.componentPickerItemClick = function (component) { return ({ component: component, type: exports.COMPONENT_PICKER_ITEM_CLICK }); }; exports.quickSearchItemClicked = function (file) { return ({ file: file, type: exports.QUICK_SEARCH_ITEM_CLICKED }); }; exports.quickSearchBackgroundClick = function () { return ({ type: exports.QUICK_SEARCH_BACKGROUND_CLICK }); }; exports.fileNavigatorNewFileEntered = function (basename) { return ({ basename: basename, type: exports.FILE_NAVIGATOR_NEW_FILE_ENTERED }); }; exports.openFilesItemClick = function (uri, sourceEvent) { return ({ uri: uri, sourceEvent: sourceEvent, type: exports.OPEN_FILE_ITEM_CLICKED }); }; exports.openFilesItemCloseClick = function (uri) { return ({ uri: uri, sourceEvent: null, type: exports.OPEN_FILE_ITEM_CLOSE_CLICKED }); }; exports.frameModeChangeComplete = function (frame, mode) { return ({ type: exports.FRAME_MODE_CHANGE_COMPLETE, frame: frame, mode: mode }); }; exports.toolbarToolClicked = function (toolType) { return ({ type: exports.TOOLBAR_TOOL_CLICKED, toolType: toolType }); }; exports.fileNavigatorItemDoubleClicked = function (node) { return ({ node: node, type: exports.FILE_NAVIGATOR_ITEM_DOUBLE_CLICKED }); }; exports.pcLayerMouseOver = function (node) { return ({ node: node, type: exports.PC_LAYER_MOUSE_OVER }); }; exports.pcLayerDoubleClick = function (node) { return ({ node: node, type: exports.PC_LAYER_DOUBLE_CLICK }); }; exports.pcLayerLabelChanged = function (label, node) { return ({ label: label, node: node, type: exports.PC_LAYER_LABEL_CHANGED }); }; exports.pcLayerMouseOut = function (node) { return ({ node: node, type: exports.PC_LAYER_MOUSE_OUT }); }; exports.pcEditLayerLabelBlur = function (node) { return ({ node: node, type: exports.PC_LAYER_EDIT_LABEL_BLUR }); }; exports.pcLayerClick = function (node, sourceEvent) { return ({ node: node, sourceEvent: sourceEvent, type: exports.PC_LAYER_CLICK }); }; exports.newVariantNameEntered = function (value) { return ({ value: value, type: exports.NEW_VARIANT_NAME_ENTERED }); }; exports.componentComponentVariantNameChanged = function (oldName, newName) { return ({ oldName: oldName, newName: newName, type: exports.COMPONENT_VARIANT_NAME_CHANGED }); }; exports.componentComponentVariantNameClicked = function (name) { return ({ name: name, type: exports.COMPONENT_VARIANT_NAME_CLICKED }); }; exports.componentVariantRemoved = function (name) { return ({ name: name, type: exports.COMPONENT_VARIANT_REMOVED }); }; exports.componentVariantNameDefaultToggleClick = function (name, value) { return ({ name: name, value: value, type: exports.COMPONENT_VARIANT_NAME_DEFAULT_TOGGLE_CLICK }); }; exports.pcLayerExpandToggleClick = function (node) { return ({ node: node, type: exports.PC_LAYER_EXPAND_TOGGLE_CLICK }); }; exports.pcLayerDroppedNode = function (node, targetNode, offset) { return ({ node: node, targetNode: targetNode, offset: offset, type: exports.PC_LAYER_DROPPED_NODE }); }; exports.rawCssTextChanged = function (value) { return ({ value: value, type: exports.RAW_CSS_TEXT_CHANGED }); }; exports.cssPropertyChanged = function (name, value) { return ({ name: name, value: value, type: exports.CSS_PROPERTY_CHANGED }); }; exports.cssPropertyChangeCompleted = function (name, value) { return ({ name: name, value: value, type: exports.CSS_PROPERTY_CHANGE_COMPLETED }); }; exports.attributeChanged = function (name, value) { return ({ name: name, value: value, type: exports.ATTRIBUTE_CHANGED }); }; exports.slotToggleClick = function () { return ({ type: exports.SLOT_TOGGLE_CLICK }); }; exports.nativeNodeTypeChange = function (nativeType) { return ({ nativeType: nativeType, type: exports.NATIVE_NODE_TYPE_CHANGED }); }; exports.textValueChanged = function (value) { return ({ value: value, type: exports.TEXT_VALUE_CHANGED }); }; exports.elementTypeChanged = function (value) { return ({ value: value, type: exports.ELEMENT_TYPE_CHANGED }); }; exports.appLoaded = tandem_common_1.publicActionCreator(function () { return ({ type: exports.APP_LOADED }); }); exports.newFileEntered = function (basename) { return ({ basename: basename, type: exports.NEW_FILE_ENTERED }); }; exports.newDirectoryEntered = function (basename) { return ({ basename: basename, type: exports.NEW_DIRECTORY_ENTERED }); }; exports.projectLoaded = function (uri) { return ({ uri: uri, type: exports.PROJECT_LOADED }); }; exports.projectDirectoryLoaded = tandem_common_1.publicActionCreator(function (directory) { return ({ directory: directory, type: exports.PROJECT_DIRECTORY_LOADED }); }); exports.shortcutKeyDown = tandem_common_1.publicActionCreator(function (type) { return ({ type: type }); }); exports.syntheticNodesPasted = function (clips) { return ({ clips: clips, type: exports.SYNTHETIC_NODES_PASTED }); }; exports.documentRendered = function (documentId, info, nativeMap) { return ({ nativeMap: nativeMap, documentId: documentId, info: info, type: exports.DOCUMENT_RENDERED }); }; exports.savedFile = function (uri) { return ({ uri: uri, type: exports.SAVED_FILE }); }; exports.savedAllFiles = function (uri) { return ({ type: exports.SAVED_ALL_FILES }); }; exports.canvasToolOverlayMousePanStart = function (documentId) { return ({ documentId: documentId, type: exports.CANVAS_TOOL_OVERLAY_MOUSE_PAN_START }); }; exports.canvasToolOverlayMousePanning = function (documentId, center, deltaY, velocityY) { return ({ documentId: documentId, center: center, deltaY: deltaY, velocityY: velocityY, type: exports.CANVAS_TOOL_OVERLAY_MOUSE_PANNING }); }; exports.canvasToolOverlayMouseLeave = function (sourceEvent) { return ({ type: exports.CANVAS_TOOL_OVERLAY_MOUSE_LEAVE, sourceEvent: sourceEvent }); }; exports.canvasToolOverlayMousePanEnd = function (documentId) { return ({ documentId: documentId, type: exports.CANVAS_TOOL_OVERLAY_MOUSE_PAN_END }); }; exports.canvasToolOverlayMouseDoubleClicked = function (documentId, sourceEvent) { return ({ documentId: documentId, type: exports.CANVAS_TOOL_OVERLAY_MOUSE_DOUBLE_CLICKED, sourceEvent: sourceEvent }); }; exports.canvasContainerMounted = function (element, fileUri) { return ({ element: element, fileUri: fileUri, type: exports.CANVAS_MOUNTED }); }; exports.canvasMouseMoved = function (sourceEvent) { return ({ sourceEvent: sourceEvent, type: exports.CANVAS_MOUSE_MOVED }); }; exports.canvasDraggedOver = function (item, offset) { return ({ item: item, offset: offset, type: exports.CANVAS_DRAGGED_OVER }); }; exports.canvasMouseClicked = function (sourceEvent) { return ({ sourceEvent: sourceEvent, type: exports.CANVAS_MOUSE_CLICKED }); }; exports.canvasWheel = function (canvasWidth, canvasHeight, _a) { var metaKey = _a.metaKey, ctrlKey = _a.ctrlKey, deltaX = _a.deltaX, deltaY = _a.deltaY, clientX = _a.clientX, clientY = _a.clientY; return ({ metaKey: metaKey, canvasWidth: canvasWidth, canvasHeight: canvasHeight, ctrlKey: ctrlKey, deltaX: deltaX, deltaY: deltaY, type: exports.CANVAS_WHEEL }); }; exports.canvasDroppedItem = function (item, point, editorUri) { return ({ editorUri: editorUri, item: item, point: point, type: exports.CANVAS_DROPPED_ITEM }); }; exports.canvasMotionRested = function () { return ({ type: exports.CANVAS_MOTION_RESTED }); }; exports.insertToolFinished = function (point, fileUri) { return ({ point: point, fileUri: fileUri, type: exports.INSERT_TOOL_FINISHED }); }; exports.canvasToolWindowBackgroundClicked = function (sourceEvent) { return ({ type: exports.CANVAS_TOOL_WINDOW_BACKGROUND_CLICKED, sourceEvent: sourceEvent }); }; exports.canvasToolWindowKeyDown = function (documentId, sourceEvent) { return ({ type: exports.CANVAS_TOOL_WINDOW_KEY_DOWN, documentId: documentId, sourceEvent: sourceEvent }); }; exports.canvasToolDocumentTitleClicked = function (frame, sourceEvent) { return ({ type: exports.CANVAS_TOOL_ARTBOARD_TITLE_CLICKED, frame: frame, sourceEvent: sourceEvent }); }; exports.canvasToolPreviewButtonClicked = function (frame, sourceEvent) { return ({ type: exports.CANVAS_TOOL_PREVIEW_BUTTON_CLICKED, frame: frame, sourceEvent: sourceEvent }); }; exports.resizerPathMoved = function (anchor, originalBounds, newBounds, sourceEvent) { return ({ type: exports.RESIZER_PATH_MOUSE_MOVED, anchor: anchor, originalBounds: originalBounds, newBounds: newBounds, sourceEvent: sourceEvent }); }; exports.resizerPathStoppedMoving = function (anchor, originalBounds, newBounds, sourceEvent) { return ({ type: exports.RESIZER_PATH_MOUSE_STOPPED_MOVING, anchor: anchor, originalBounds: originalBounds, newBounds: newBounds, sourceEvent: __assign({}, sourceEvent) }); }; exports.resizerMoved = function (point) { return ({ point: point, type: exports.RESIZER_MOVED }); }; exports.resizerStoppedMoving = function (point) { return ({ point: point, type: exports.RESIZER_STOPPED_MOVING }); }; exports.resizerMouseDown = function (sourceEvent) { return ({ sourceEvent: sourceEvent, type: exports.RESIZER_MOUSE_DOWN }); }; exports.resizerStartDrag = function (sourceEvent) { return ({ sourceEvent: sourceEvent, type: exports.RESIZER_START_DRGG }); }; exports.selectorDoubleClicked = function (nodeId, sourceEvent) { return ({ nodeId: nodeId, type: exports.SELECTOR_DOUBLE_CLICKED, sourceEvent: sourceEvent }); }; //# sourceMappingURL=index.js.map