tandem-front-end
Version:
Visual editor for web components
432 lines • 17.4 kB
JavaScript
;
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