@atom.io/template-preact-svg-editor 0.0.63 → 0.0.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +1 -1
- package/CHANGELOG.md +9 -0
- package/README.md +35 -0
- package/package.json +3 -3
package/.turbo/turbo-build.log
CHANGED
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atom.io/template-preact-svg-editor
|
|
2
2
|
|
|
3
|
+
## 0.0.64
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 26697cd: Replace template boilerplate READMEs with generated-project guides.
|
|
8
|
+
- Updated dependencies [26697cd]
|
|
9
|
+
- Updated dependencies [03d6465]
|
|
10
|
+
- atom.io@0.47.4
|
|
11
|
+
|
|
3
12
|
## 0.0.63
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
package/README.md
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
# Preact SVG Editor
|
|
2
|
+
|
|
3
|
+
A Preact + Vite starter that uses `atom.io` to model an editable SVG path.
|
|
4
|
+
|
|
5
|
+
## What It Shows
|
|
6
|
+
|
|
7
|
+
- atom families for keyed path nodes, edges, and subpaths
|
|
8
|
+
- selector families for deriving SVG path data from small pieces of state
|
|
9
|
+
- transactions for resetting and rebuilding the drawing in one user action
|
|
10
|
+
- `useAtomicRef` for keeping a DOM ref available to atom.io logic
|
|
11
|
+
|
|
12
|
+
## Run It
|
|
13
|
+
|
|
14
|
+
```sh
|
|
15
|
+
npm run dev
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
Build and preview the production app:
|
|
19
|
+
|
|
20
|
+
```sh
|
|
21
|
+
npm run build
|
|
22
|
+
npm run preview
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
## Where To Look
|
|
26
|
+
|
|
27
|
+
- `src/index.tsx`: Preact entry point and resource links.
|
|
28
|
+
- `src/BezierPlayground.tsx`: the atom.io state model and SVG editor UI.
|
|
29
|
+
- `src/style.css`: layout and editor styling.
|
|
30
|
+
|
|
31
|
+
## Next Ideas
|
|
32
|
+
|
|
33
|
+
- Add undo and redo with an atom.io timeline.
|
|
34
|
+
- Persist the SVG path to local storage.
|
|
35
|
+
- Export the current drawing as an `.svg` file.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atom.io/template-preact-svg-editor",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.64",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"preact": "10.29.2",
|
|
15
15
|
"react": "npm:@preact/compat@18.3.2",
|
|
16
16
|
"react-dom": "npm:@preact/compat@18.3.2",
|
|
17
|
-
"atom.io": "0.47.
|
|
17
|
+
"atom.io": "0.47.4"
|
|
18
18
|
},
|
|
19
19
|
"devDependencies": {
|
|
20
|
-
"@eslint-react/eslint-plugin": "5.8.
|
|
20
|
+
"@eslint-react/eslint-plugin": "5.8.17",
|
|
21
21
|
"@preact/preset-vite": "2.10.5",
|
|
22
22
|
"@typescript-eslint/eslint-plugin": "8.61.0",
|
|
23
23
|
"@typescript-eslint/parser": "8.61.0",
|