smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor (#862)

Browse source 
* Initial factoring out of parts of the LayerUI component

2360 → 2224 LOC

* Create a Section component

* Break up src/index.tsx

* Refactor actions to reduce duplication, fix CSS

Also consolidate icons

* Move scene/data.ts to its own directory

* Fix accidental reverts, banish further single-character variables

* ACTIVE_ELEM_COLOR → ACTIVE_ELEMENT_COLOR

* Further refactoring the icons file

* Log all errors

* Pointer Event polyfill to make the tests work

* add test hooks & fix tests

Co-authored-by: dwelle <luzar.david@gmail.com>
This commit is contained in:
Jed Fox 2020-03-07 10:20:38 -05:00 • committed by GitHub
parent 1a6431a04a
commit c6a0cfc2b1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
49 changed files with 3498 additions and 3372 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/actions/actionExport.tsx
View file

@ -1,15 +1,15 @@
import React from "react";
import { Action } from "./types";
import { ProjectName } from "../components/ProjectName";
import { saveAsJSON, loadFromJSON } from "../scene";
import { saveAsJSON, loadFromJSON } from "../data";
import { load, save } from "../components/icons";
import { ToolButton } from "../components/ToolButton";
import { t } from "../i18n";
import useIsMobile from "../is-mobile";
import { register } from "./register";
export const actionChangeProjectName: Action = {
export const actionChangeProjectName = register({
name: "changeProjectName",
perform: (elements, appState, value) => {
perform: (_elements, appState, value) => {
return { appState: { ...appState, name: value } };
},
PanelComponent: ({ appState, updateData }) => (
@ -19,11 +19,11 @@ export const actionChangeProjectName: Action = {
onChange={(name: string) => updateData(name)}
/>
),
};
});
export const actionChangeExportBackground: Action = {
export const actionChangeExportBackground = register({
name: "changeExportBackground",
perform: (elements, appState, value) => {
perform: (_elements, appState, value) => {
return { appState: { ...appState, exportBackground: value } };
},
PanelComponent: ({ appState, updateData }) => (
@ -36,9 +36,9 @@ export const actionChangeExportBackground: Action = {
{t("labels.withBackground")}
</label>
),
};
});
export const actionSaveScene: Action = {
export const actionSaveScene = register({
name: "saveScene",
perform: (elements, appState, value) => {
saveAsJSON(elements, appState).catch(error => console.error(error));
@ -54,9 +54,9 @@ export const actionSaveScene: Action = {
onClick={() => updateData(null)}
/>
),
};
});
export const actionLoadScene: Action = {
export const actionLoadScene = register({
name: "loadScene",
perform: (
elements,
@ -81,4 +81,4 @@ export const actionLoadScene: Action = {
}}
/>
),
};
});