refactor: separate layer and shape-renderer

src/renderer/src/components/layer-sidebar/transform/LayerTransform.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect, useContext } from "react"
 import { Group, Modal, NumberInput, Switch, Space, Button, Stack, Paper, Input } from "@mantine/core"
-import { Binary, TransformOrder } from "@src/renderer/types"
+import { Binary } from "@src/renderer/types"
+import { TransformOrder } from "@src/renderer/transform"
 import type { LayerInfo } from "@src/renderer/engine"
 import { vec2 } from "gl-matrix"
 import { EditorConfigProvider } from "@src/contexts/EditorContext"

src/renderer/src/renderer/collections.ts

@@ -3,7 +3,7 @@ import * as Shapes from "./shapes"
 import * as Symbols from "./symbols"
 import { glFloatSize } from "./constants"
 import { FeatureTypeIdentifier, Binary } from "./types"
-import { MacroRenderer, StepAndRepeatRenderer } from "./layer"
+import { MacroRenderer, StepAndRepeatRenderer } from "./shape-renderer"
 
 import PadFrag from "../shaders/src/Pad.frag"
 import PadVert from "../shaders/src/Pad.vert"

src/renderer/src/renderer/engine.ts

@@ -6,7 +6,8 @@ import * as Shapes from "./shapes"
 import * as Comlink from "comlink"
 import plugins from "./plugins"
 import type { Plugin, PluginsDefinition, AddLayerProps } from "./plugins"
-import type { Units, BoundingBox, Transform } from "./types"
+import type { Units, BoundingBox } from "./types"
+import Transform from "./transform"
 import GridFrag from "../shaders/src/Grid.frag"
 import OriginFrag from "../shaders/src/Origin.frag"
 import LoadingFrag from "../shaders/src/Loading/Winding.frag"