merge 2.0.0 (#48)

* rename

* provide render pipeline

* save

* visual test success

* diagram shared

* performance

* [Prepare 2.0.0] refactor paintTransform and zOrder calculating logics (#36)

* hitTest must be only on gesture detector

* apply paintTransform

* layered

* Opacity (#39)

* [2.0.0] support decorated box on canvas (#40)

* canvas on color

* complete decorated Box

* performance

* text painter on canvas (#41)

* support clip (#42)

* update transform start on attach and custom paint api is added for canvas  (#45)

* update transform on attach

* good

* custom paint 성공

* good

* huummm

* deploy 2.0.0-alpha.1

.vscode/settings.json

@@ -7,6 +7,7 @@
     "flutterjs",
     "lerp",
     "linkedom",
+    "LTWH",
     "meursyphus",
     "popmotion",
     "postbuild",

package.json

@@ -20,7 +20,8 @@
   "author": "meursyphus",
   "license": "MIT",
   "workspaces": [
-    "packages/*"
+    "packages/*",
+    "shared"
   ],
   "devDependencies": {
     "@types/node": "^20.11.30",
@@ -31,5 +32,8 @@
     "packages/**/*.{astro,js,jsx,ts,tsx,svelte,mdx}": [
       "prettier --write"
     ]
+  },
+  "dependencies": {
+    "@meursyphus/flitter-chart": "^0.0.7"
   }
 }

packages/docs/src/components/diagram/Diagram.svelte

@@ -1,20 +1,16 @@
 <script lang="ts">
   import Widget from "@meursyphus/flitter-svelte";
-  import Diagram from "./widget/Diagram";
+  import { Diagram } from "shared";
   import { onMount } from "svelte";
-  import { project } from "./fixture";
+  import project from "./fixture/project";
   let container: HTMLElement;
 </script>
 
 <div
   bind:this={container}
   class="w-full h-full border-l border-black bg-gray-200"
 >
-  <Widget
-    widget={Diagram({ project: project, subscribe: () => () => {} })}
-    width="100%"
-    height="100%"
-  />
+  <Diagram {project} />
 </div>
 
 <style>