fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-17 07:18:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

Assorted code file cleanup following Svelte switch

Browse Source
This commit is contained in:
Keavon Chambers
2023-03-10 15:48:04 -08:00
parent 0c8df9bf51
commit dd458deb32
34 changed files with 61 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Editor.svelte
View File

@@ -1,7 +1,7 @@
<script lang="ts">
import { onMount, onDestroy, setContext } from "svelte";
import { type createEditor } from "@/wasm-communication/editor";
import type { createEditor } from "@/wasm-communication/editor";
import { operatingSystem } from "@/utility-functions/platform";
import { createClipboardManager } from "@/io-managers/clipboard";
import { createDragManager } from "@/io-managers/drag";

2
frontend/src/components/floating-menus/ColorPicker.svelte
View File

@@ -14,7 +14,7 @@
import TextInput from "@/components/widgets/inputs/TextInput.svelte";
import Separator from "@/components/widgets/labels/Separator.svelte";
import TextLabel from "@/components/widgets/labels/TextLabel.svelte";
import { type Editor } from "@/wasm-communication/editor";
import type { Editor } from "@/wasm-communication/editor";
type PresetColors = "none" | "black" | "white" | "red" | "yellow" | "green" | "cyan" | "blue" | "magenta";

2
frontend/src/components/floating-menus/DialogModal.svelte
View File

@@ -7,7 +7,7 @@
import TextButton from "@/components/widgets/buttons/TextButton.svelte";
import IconLabel from "@/components/widgets/labels/IconLabel.svelte";
import WidgetLayout from "@/components/widgets/WidgetLayout.svelte";
import { type DialogState } from "@/state-providers/dialog";
import type { DialogState } from "@/state-providers/dialog";
const dialog = getContext<DialogState>("dialog");

2
frontend/src/components/floating-menus/MenuList.svelte
View File

@@ -3,7 +3,7 @@
<script lang="ts">
import { createEventDispatcher } from "svelte";
import { type MenuListEntry } from "@/wasm-communication/messages";
import type { MenuListEntry } from "@/wasm-communication/messages";
import FloatingMenu, { type MenuDirection } from "@/components/layout/FloatingMenu.svelte";
import LayoutCol from "@/components/layout/LayoutCol.svelte";

4
frontend/src/components/layout/LayoutCol.svelte
View File

@@ -6,8 +6,8 @@
export { styleName as style };
export let styles: Record<string, string | number | undefined> = {};
export let tooltip: string | undefined = undefined;
export let scrollableX: boolean = false;
export let scrollableY: boolean = false;
export let scrollableX = false;
export let scrollableY = false;
let self: HTMLDivElement;

4
frontend/src/components/layout/LayoutRow.svelte
View File

@@ -6,8 +6,8 @@
export { styleName as style };
export let styles: Record<string, string | number | undefined> = {};
export let tooltip: string | undefined = undefined;
export let scrollableX: boolean = false;
export let scrollableY: boolean = false;
export let scrollableX = false;
export let scrollableY = false;
let self: HTMLDivElement;

14
frontend/src/components/panels/Document.svelte
View File

@@ -25,8 +25,8 @@
import CanvasRuler from "@/components/widgets/metrics/CanvasRuler.svelte";
import PersistentScrollbar from "@/components/widgets/metrics/PersistentScrollbar.svelte";
import WidgetLayout from "@/components/widgets/WidgetLayout.svelte";
import { type Editor } from "@/wasm-communication/editor";
import { type DocumentState } from "@/state-providers/document";
import type { Editor } from "@/wasm-communication/editor";
import type { DocumentState } from "@/state-providers/document";
let rulerHorizontal: CanvasRuler;
let rulerVertical: CanvasRuler;
@@ -50,13 +50,13 @@
// Rulers
let rulerOrigin: XY = { x: 0, y: 0 };
let rulerSpacing: number = 100;
let rulerInterval: number = 100;
let rulerSpacing = 100;
let rulerInterval = 100;
// Rendered SVG viewport data
let artworkSvg: string = "";
let artboardSvg: string = "";
let overlaysSvg: string = "";
let artworkSvg = "";
let artboardSvg = "";
let overlaysSvg = "";
// Rasterized SVG viewport data, or none if it's not up-to-date
let rasterizedCanvas: HTMLCanvasElement | undefined = undefined;

4
frontend/src/components/panels/LayerTree.svelte
View File

@@ -20,7 +20,7 @@
import IconButton from "@/components/widgets/buttons/IconButton.svelte";
import IconLabel from "@/components/widgets/labels/IconLabel.svelte";
import WidgetLayout from "@/components/widgets/WidgetLayout.svelte";
import { type Editor } from "@/wasm-communication/editor";
import type { Editor } from "@/wasm-communication/editor";
type LayerListingInfo = {
folderIndex: number;
@@ -47,7 +47,7 @@
const editor = getContext<Editor>("editor");
// Layer data
let layerCache: Map<string, LayerPanelEntry> = new Map(); // TODO: replace with BigUint64Array as index
let layerCache = new Map<string, LayerPanelEntry>(); // TODO: replace with BigUint64Array as index
let layers: LayerListingInfo[] = [];
// Interactive dragging

4
frontend/src/components/panels/NodeGraph.svelte
View File

@@ -12,8 +12,8 @@
import IconLabel from "@/components/widgets/labels/IconLabel.svelte";
import TextLabel from "@/components/widgets/labels/TextLabel.svelte";
import WidgetLayout from "@/components/widgets/WidgetLayout.svelte";
import { type Editor } from "@/wasm-communication/editor";
import { type NodeGraphState } from "@/state-providers/node-graph";
import type { Editor } from "@/wasm-communication/editor";
import type { NodeGraphState } from "@/state-providers/node-graph";
const WHEEL_RATE = (1 / 600) * 3;
const GRID_COLLAPSE_SPACING = 10;

2
frontend/src/components/panels/Properties.svelte
View File

@@ -6,7 +6,7 @@
import LayoutCol from "@/components/layout/LayoutCol.svelte";
import LayoutRow from "@/components/layout/LayoutRow.svelte";
import WidgetLayout from "@/components/widgets/WidgetLayout.svelte";
import { type Editor } from "@/wasm-communication/editor";
import type { Editor } from "@/wasm-communication/editor";
const editor = getContext<Editor>("editor");

5
frontend/src/components/widgets/WidgetRow.svelte
View File

@@ -1,6 +1,7 @@
<script lang="ts">
import { debouncer } from "@/utility-functions/debounce";
import { narrowWidgetProps, Widget } from "@/wasm-communication/messages";
import type { Widget } from "@/wasm-communication/messages";
import { narrowWidgetProps } from "@/wasm-communication/messages";
import { isWidgetColumn, isWidgetRow, type WidgetColumn, type WidgetRow } from "@/wasm-communication/messages";
import PivotAssist from "@/components/widgets/assists/PivotAssist.svelte";
@@ -24,7 +25,7 @@
import Separator from "@/components/widgets/labels/Separator.svelte";
import TextLabel from "@/components/widgets/labels/TextLabel.svelte";
import { getContext } from "svelte";
import { type Editor } from "@/wasm-communication/editor";
import type { Editor } from "@/wasm-communication/editor";
const SUFFIX_WIDGETS = ["PopoverButton"];

2
frontend/src/components/widgets/assists/PivotAssist.svelte
View File

@@ -1,7 +1,7 @@
<script lang="ts">
import { createEventDispatcher } from "svelte";
import { type PivotPosition } from "@/wasm-communication/messages";
import type { PivotPosition } from "@/wasm-communication/messages";
// emits: ["update:position"],
const dispatch = createEventDispatcher<{ position: PivotPosition }>();

2
frontend/src/components/widgets/buttons/PopoverButton.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { type IconName } from "@/utility-functions/icons";
import type { IconName } from "@/utility-functions/icons";
import FloatingMenu from "@/components/layout/FloatingMenu.svelte";
import LayoutRow from "@/components/layout/LayoutRow.svelte";

10
frontend/src/components/widgets/buttons/TextButton.svelte
View File

@@ -1,16 +1,16 @@
<script lang="ts">
import { type IconName } from "@/utility-functions/icons";
import type { IconName } from "@/utility-functions/icons";
import IconLabel from "@/components/widgets/labels/IconLabel.svelte";
import TextLabel from "@/components/widgets/labels/TextLabel.svelte";
export let label: string;
export let icon: IconName | undefined = undefined;
export let emphasized: boolean = false;
export let minWidth: number = 0;
export let disabled: boolean = false;
export let emphasized = false;
export let minWidth = 0;
export let disabled = false;
export let tooltip: string | undefined = undefined;
export let sharpRightCorners: boolean = false;
export let sharpRightCorners = false;
// Callbacks
// TODO: Replace this with an event binding (and on other components that do this)

2
frontend/src/components/widgets/groups/WidgetSection.svelte
View File

@@ -5,7 +5,7 @@
import TextLabel from "@/components/widgets/labels/TextLabel.svelte";
import WidgetRow from "@/components/widgets/WidgetRow.svelte";
import { getContext } from "svelte";
import { type Editor } from "@/wasm-communication/editor";
import type { Editor } from "@/wasm-communication/editor";
const editor = getContext<Editor>("editor");

2
frontend/src/components/widgets/inputs/CheckboxInput.svelte
View File

@@ -1,7 +1,7 @@
<script lang="ts">
import { createEventDispatcher } from "svelte";
import { type IconName } from "@/utility-functions/icons";
import type { IconName } from "@/utility-functions/icons";
import LayoutRow from "@/components/layout/LayoutRow.svelte";
import IconLabel from "@/components/widgets/labels/IconLabel.svelte";

2
frontend/src/components/widgets/inputs/ColorInput.svelte
View File

@@ -1,7 +1,7 @@
<script lang="ts">
import { createEventDispatcher } from "svelte";
import { Color } from "@/wasm-communication/messages";
import type { Color } from "@/wasm-communication/messages";
import ColorPicker from "@/components/floating-menus/ColorPicker.svelte";
import LayoutRow from "@/components/layout/LayoutRow.svelte";

2
frontend/src/components/widgets/inputs/DropdownInput.svelte
View File

@@ -1,7 +1,7 @@
<script lang="ts">
import { createEventDispatcher } from "svelte";
import { type MenuListEntry } from "@/wasm-communication/messages";
import type { MenuListEntry } from "@/wasm-communication/messages";
import MenuList from "@/components/floating-menus/MenuList.svelte";
import LayoutRow from "@/components/layout/LayoutRow.svelte";

4
frontend/src/components/widgets/inputs/FontInput.svelte
View File

@@ -1,13 +1,13 @@
<script lang="ts">
import { createEventDispatcher, getContext, onMount, tick } from "svelte";
import { type MenuListEntry } from "@/wasm-communication/messages";
import type { MenuListEntry } from "@/wasm-communication/messages";
import MenuList from "@/components/floating-menus/MenuList.svelte";
import LayoutRow from "@/components/layout/LayoutRow.svelte";
import IconLabel from "@/components/widgets/labels/IconLabel.svelte";
import TextLabel from "@/components/widgets/labels/TextLabel.svelte";
import { type FontsState } from "@/state-providers/fonts";
import type { FontsState } from "@/state-providers/fonts";
const fonts = getContext<FontsState>("fonts");

2
frontend/src/components/widgets/inputs/MenuBarInput.svelte
View File

@@ -7,7 +7,7 @@
import MenuList from "@/components/floating-menus/MenuList.svelte";
import IconLabel from "@/components/widgets/labels/IconLabel.svelte";
import TextLabel from "@/components/widgets/labels/TextLabel.svelte";
import { type Editor } from "@/wasm-communication/editor";
import type { Editor } from "@/wasm-communication/editor";
// TODO: Apparently, Safari does not support the Keyboard.lock() API but does relax its authority over certain keyboard shortcuts in fullscreen mode, which we should take advantage of
const accelKey = platformIsMac() ? "Command" : "Control";

2
frontend/src/components/widgets/inputs/OptionalInput.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { type IconName } from "@/utility-functions/icons";
import type { IconName } from "@/utility-functions/icons";
import LayoutRow from "@/components/layout/LayoutRow.svelte";
import CheckboxInput from "@/components/widgets/inputs/CheckboxInput.svelte";

4
frontend/src/components/widgets/inputs/SwatchPairInput.svelte
View File

@@ -1,12 +1,12 @@
<script lang="ts">
import { getContext } from "svelte";
import { type Color } from "@/wasm-communication/messages";
import type { Color } from "@/wasm-communication/messages";
import ColorPicker from "@/components/floating-menus/ColorPicker.svelte";
import LayoutCol from "@/components/layout/LayoutCol.svelte";
import LayoutRow from "@/components/layout/LayoutRow.svelte";
import { Editor } from "@/wasm-communication/editor";
import type { Editor } from "@/wasm-communication/editor";
const editor = getContext<Editor>("editor");

4
frontend/src/components/widgets/labels/UserInputLabel.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { type IconName } from "@/utility-functions/icons";
import type { IconName } from "@/utility-functions/icons";
import { platformIsMac } from "@/utility-functions/platform";
import { type KeyRaw, type LayoutKeysGroup, type Key, type MouseMotion } from "@/wasm-communication/messages";
@@ -8,7 +8,7 @@
import Separator from "@/components/widgets/labels/Separator.svelte";
import TextLabel from "@/components/widgets/labels/TextLabel.svelte";
import { getContext } from "svelte";
import { type FullscreenState } from "@/state-providers/fullscreen";
import type { FullscreenState } from "@/state-providers/fullscreen";
type LabelData = { label?: string; icon?: IconName; width: string };

4
frontend/src/components/widgets/metrics/CanvasRuler.svelte
View File

@@ -12,8 +12,8 @@
export let origin: number;
export let numberInterval: number;
export let majorMarkSpacing: number;
export let mediumDivisions: number = 5;
export let minorDivisions: number = 2;
export let mediumDivisions = 5;
export let minorDivisions = 2;
let canvasRuler: HTMLDivElement;
let rulerLength = 0;

4
frontend/src/components/widgets/metrics/PersistentScrollbar.svelte
View File

@@ -18,8 +18,8 @@
const dispatch = createEventDispatcher<{ handlePosition: number; pressTrack: number }>();
export let direction: ScrollbarDirection = "Vertical";
export let handlePosition: number = 0.5;
export let handleLength: number = 0.5;
export let handlePosition = 0.5;
export let handleLength = 0.5;
let scrollTrack: HTMLDivElement;
let dragging = false;

2
frontend/src/components/window/status-bar/StatusBar.svelte
View File

@@ -7,7 +7,7 @@
import LayoutRow from "@/components/layout/LayoutRow.svelte";
import Separator from "@/components/widgets/labels/Separator.svelte";
import UserInputLabel from "@/components/widgets/labels/UserInputLabel.svelte";
import { type Editor } from "@/wasm-communication/editor";
import type { Editor } from "@/wasm-communication/editor";
const editor = getContext<Editor>("editor");

2
frontend/src/components/window/title-bar/TitleBar.svelte
View File

@@ -9,7 +9,7 @@
import WindowButtonsWeb from "@/components/window/title-bar/WindowButtonsWeb.svelte";
import WindowButtonsWindows from "@/components/window/title-bar/WindowButtonsWindows.svelte";
import WindowTitle from "@/components/window/title-bar/WindowTitle.svelte";
import { type PortfolioState } from "@/state-providers/portfolio";
import type { PortfolioState } from "@/state-providers/portfolio";
import { getContext } from "svelte";
export let platform: Platform;

2
frontend/src/components/window/title-bar/WindowButtonsWeb.svelte
View File

@@ -4,7 +4,7 @@
import LayoutRow from "@/components/layout/LayoutRow.svelte";
import IconLabel from "@/components/widgets/labels/IconLabel.svelte";
import TextLabel from "@/components/widgets/labels/TextLabel.svelte";
import { FullscreenState } from "@/state-providers/fullscreen";
import type { FullscreenState } from "@/state-providers/fullscreen";
const fullscreen = getContext<FullscreenState>("fullscreen");

2
frontend/src/components/window/workspace/Panel.svelte
View File

@@ -28,7 +28,7 @@
import IconLabel from "@/components/widgets/labels/IconLabel.svelte";
import TextLabel from "@/components/widgets/labels/TextLabel.svelte";
import UserInputLabel from "@/components/widgets/labels/UserInputLabel.svelte";
import { type Editor } from "@/wasm-communication/editor";
import type { Editor } from "@/wasm-communication/editor";
const editor = getContext<Editor>("editor");

10
frontend/src/components/window/workspace/Workspace.svelte
View File

@@ -4,11 +4,11 @@
import LayoutRow from "@/components/layout/LayoutRow.svelte";
import Panel from "@/components/window/workspace/Panel.svelte";
import { getContext } from "svelte";
import { type Editor } from "@/wasm-communication/editor";
import { type WorkspaceState } from "@/state-providers/workspace";
import { type PortfolioState } from "@/state-providers/portfolio";
import { type DialogState } from "@/state-providers/dialog";
import { FrontendDocumentDetails } from "@/wasm-communication/messages";
import type { Editor } from "@/wasm-communication/editor";
import type { WorkspaceState } from "@/state-providers/workspace";
import type { PortfolioState } from "@/state-providers/portfolio";
import type { DialogState } from "@/state-providers/dialog";
import type { FrontendDocumentDetails } from "@/wasm-communication/messages";
const MIN_PANEL_SIZE = 100;
const PANEL_SIZES = {