Schluffe/nage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix icons

Browse Source
This commit is contained in:
kolaflash
2026-01-10 01:26:44 +01:00
parent f3c6f70359
commit 16035119c4
32 changed files with 164 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dev/icons/ArrowAutofitHeight.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const ArrowAutofitHeightIcon = () => ( export const ArrowAutofitHeightIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const ArrowAutofitHeightIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M12 20H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h6m6 10v7m0-18v7m-3 8l3 3l3-3M15 6l3-3l3 3" d="M12 20H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h6m6 10v7m0-18v7m-3 8l3 3l3-3M15 6l3-3l3 3"
></path> ></path>
</svg> </svg>
dev/icons/ArrowAutofitWidth.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const ArrowAutofitWidthIcon = () => ( export const ArrowAutofitWidthIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const ArrowAutofitWidthIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M4 12V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6m-10 6H3m18 0h-7m-8-3l-3 3l3 3m12-6l3 3l-3 3" d="M4 12V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6m-10 6H3m18 0h-7m-8-3l-3 3l3 3m12-6l3 3l-3 3"
></path> ></path>
</svg> </svg>
dev/icons/ArrowNarrowDown.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const ArrowNarrowDownIcon = () => ( export const ArrowNarrowDownIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const ArrowNarrowDownIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M12 5v14m4-4l-4 4m-4-4l4 4" d="M12 5v14m4-4l-4 4m-4-4l4 4"
/> />
</svg> </svg>
dev/icons/ArrowNarrowUp.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const ArrowNarrowUpIcon = () => ( export const ArrowNarrowUpIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const ArrowNarrowUpIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M12 5v14m4-10l-4-4M8 9l4-4" d="M12 5v14m4-10l-4-4M8 9l4-4"
/> />
</svg> </svg>
dev/icons/ArrowsSort.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const ArrowsSortIcon = () => ( export const ArrowsSortIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const ArrowsSortIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="m3 9l4-4l4 4M7 5v14m14-4l-4 4l-4-4m4 4V5" d="m3 9l4-4l4 4M7 5v14m14-4l-4 4l-4-4m4 4V5"
/> />
</svg> </svg>
dev/icons/ChevronDown.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const ChevronDownIcon = () => ( export const ChevronDownIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const ChevronDownIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="m6 9l6 6l6-6" d="m6 9l6 6l6-6"
/> />
</svg> </svg>
dev/icons/File.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const FileIcon = () => ( export const FileIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<g <g
@@ -10,7 +10,7 @@ export const FileIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
> >
<path d="M14 3v4a1 1 0 0 0 1 1h4"></path> <path d="M14 3v4a1 1 0 0 0 1 1h4"></path>
<path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2"></path> <path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2"></path>
dev/icons/FileDelta.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const FileDeltaIcon = () => ( export const FileDeltaIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<g <g
@@ -10,7 +10,7 @@ export const FileDeltaIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
> >
<path d="M14 3v4a1 1 0 0 0 1 1h4"></path> <path d="M14 3v4a1 1 0 0 0 1 1h4"></path>
<path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2"></path> <path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2"></path>
dev/icons/FileMusic.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const FileMusicIcon = () => ( export const FileMusicIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<g <g
@@ -10,7 +10,7 @@ export const FileMusicIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
> >
<path d="M14 3v4a1 1 0 0 0 1 1h4"></path> <path d="M14 3v4a1 1 0 0 0 1 1h4"></path>
<path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2"></path> <path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2"></path>
dev/icons/FilePencil.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const FilePencilIcon = () => ( export const FilePencilIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<g <g
@@ -10,7 +10,7 @@ export const FilePencilIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
> >
<path d="M14 3v4a1 1 0 0 0 1 1h4"></path> <path d="M14 3v4a1 1 0 0 0 1 1h4"></path>
<path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2"></path> <path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2"></path>
dev/icons/FileUnknown.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const FileUnknownIcon = () => ( export const FileUnknownIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<g <g
@@ -10,7 +10,7 @@ export const FileUnknownIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
> >
<path d="M14 3v4a1 1 0 0 0 1 1h4"></path> <path d="M14 3v4a1 1 0 0 0 1 1h4"></path>
<path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-4v.01"></path> <path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-4v.01"></path>
dev/icons/FloppyDisc.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const FloppyDiscIcon = () => ( export const FloppyDiscIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<g <g
@@ -10,7 +10,7 @@ export const FloppyDiscIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
> >
<path d="M6 4h10l4 4v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2"></path> <path d="M6 4h10l4 4v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2"></path>
<path d="M10 14a2 2 0 1 0 4 0a2 2 0 1 0-4 0m4-10v4H8V4"></path> <path d="M10 14a2 2 0 1 0 4 0a2 2 0 1 0-4 0m4-10v4H8V4"></path>
dev/icons/Folder.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const FolderIcon = () => ( export const FolderIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const FolderIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2" d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2"
></path> ></path>
</svg> </svg>
dev/icons/FolderOpen.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const FolderOpenIcon = () => ( export const FolderOpenIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const FolderOpenIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="m5 19l2.757-7.351A1 1 0 0 1 8.693 11H21a1 1 0 0 1 .986 1.164l-.996 5.211A2 2 0 0 1 19.026 19za2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4l3 3h7a2 2 0 0 1 2 2v2" d="m5 19l2.757-7.351A1 1 0 0 1 8.693 11H21a1 1 0 0 1 .986 1.164l-.996 5.211A2 2 0 0 1 19.026 19za2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4l3 3h7a2 2 0 0 1 2 2v2"
></path> ></path>
</svg> </svg>
dev/icons/Lasso.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const LassoIcon = () => ( export const LassoIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<g <g
@@ -10,7 +10,7 @@ export const LassoIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
> >
<path d="M4.028 13.252C3.371 12.28 3 11.174 3 10c0-3.866 4.03-7 9-7s9 3.134 9 7s-4.03 7-9 7c-1.913 0-3.686-.464-5.144-1.255"></path> <path d="M4.028 13.252C3.371 12.28 3 11.174 3 10c0-3.866 4.03-7 9-7s9 3.134 9 7s-4.03 7-9 7c-1.913 0-3.686-.464-5.144-1.255"></path>
<path d="M3 15a2 2 0 1 0 4 0a2 2 0 1 0-4 0"></path> <path d="M3 15a2 2 0 1 0 4 0a2 2 0 1 0-4 0"></path>
dev/icons/LassoPolygon.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const LassoPolygonIcon = () => ( export const LassoPolygonIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<g <g
@@ -10,7 +10,7 @@ export const LassoPolygonIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
> >
<path d="M4.028 13.252L3 10l2-7l7 5l8-3l1 9l-9 3l-5.144-1.255"></path> <path d="M4.028 13.252L3 10l2-7l7 5l8-3l1 9l-9 3l-5.144-1.255"></path>
<path d="M3 15a2 2 0 1 0 4 0a2 2 0 1 0-4 0"></path> <path d="M3 15a2 2 0 1 0 4 0a2 2 0 1 0-4 0"></path>
dev/icons/LayoutGrid.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const LayoutGridIcon = () => ( export const LayoutGridIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const LayoutGridIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 15a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z" d="M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 15a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z"
></path> ></path>
</svg> </svg>
dev/icons/LetterX.tsx
+17
View File
@@ -0,0 +1,17 @@
export const LetterXIcon = () => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="m7 4l10 16m0-16L7 20"
/>
</svg>
);
dev/icons/LetterY.tsx
+17
View File
@@ -0,0 +1,17 @@
export const LetterYIcon = () => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="m7 4l5 9l5-9m-5 9v7"
/>
</svg>
);
dev/icons/Pencil.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const PencilIcon = () => ( export const PencilIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const PencilIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4" d="M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4"
></path> ></path>
</svg> </svg>
dev/icons/Polygon.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const PolygonIcon = () => ( export const PolygonIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const PolygonIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M10 5a2 2 0 1 0 4 0a2 2 0 1 0-4 0m7 3a2 2 0 1 0 4 0a2 2 0 1 0-4 0M3 11a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10 8a2 2 0 1 0 4 0a2 2 0 1 0-4 0M6.5 9.5l3.5-3m4-1L17 7m1.5 3L16 17m-2.5.5l-7-5" d="M10 5a2 2 0 1 0 4 0a2 2 0 1 0-4 0m7 3a2 2 0 1 0 4 0a2 2 0 1 0-4 0M3 11a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10 8a2 2 0 1 0 4 0a2 2 0 1 0-4 0M6.5 9.5l3.5-3m4-1L17 7m1.5 3L16 17m-2.5.5l-7-5"
></path> ></path>
</svg> </svg>
dev/icons/Refresh.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const RefreshIcon = () => ( export const RefreshIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const RefreshIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" d="M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"
></path> ></path>
</svg> </svg>
dev/icons/RefreshAlert.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const RefreshAlertIcon = () => ( export const RefreshAlertIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const RefreshAlertIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4m-4-6v3m0 3h.01" d="M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4m-4-6v3m0 3h.01"
></path> ></path>
</svg> </svg>
dev/icons/RefreshDot.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const RefreshDotIcon = () => ( export const RefreshDotIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const RefreshDotIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4m-5-3a1 1 0 1 0 2 0a1 1 0 1 0-2 0" d="M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4m-5-3a1 1 0 1 0 2 0a1 1 0 1 0-2 0"
></path> ></path>
</svg> </svg>
dev/icons/Reload.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const ReloadIcon = () => ( export const ReloadIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<g <g
@@ -10,7 +10,7 @@ export const ReloadIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
> >
<path d="M19.933 13.041a8 8 0 1 1-9.925-8.788c3.899-1 7.935 1.007 9.425 4.747" /> <path d="M19.933 13.041a8 8 0 1 1-9.925-8.788c3.899-1 7.935 1.007 9.425 4.747" />
<path d="M20 4v5h-5" /> <path d="M20 4v5h-5" />
dev/icons/Script.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const ScriptIcon = () => ( export const ScriptIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const ScriptIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M17 20H6a3 3 0 0 1 0-6h11a3 3 0 0 0 0 6h1a3 3 0 0 0 3-3V6a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v8" d="M17 20H6a3 3 0 0 1 0-6h11a3 3 0 0 0 0 6h1a3 3 0 0 0 3-3V6a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v8"
></path> ></path>
</svg> </svg>
dev/icons/StackBackward.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const StackBackwardIcon = () => ( export const StackBackwardIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<g <g
@@ -10,7 +10,7 @@ export const StackBackwardIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
> >
<path d="m14 12l6-3l-8-4l-8 4l6 3"></path> <path d="m14 12l6-3l-8-4l-8 4l6 3"></path>
<path fill="currentColor" d="m10 12l-6 3l8 4l8-4l-6-3l-2 1z"></path> <path fill="currentColor" d="m10 12l-6 3l8 4l8-4l-6-3l-2 1z"></path>
dev/icons/StackForward.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const StackForwardIcon = () => ( export const StackForwardIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<g <g
@@ -10,7 +10,7 @@ export const StackForwardIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
> >
<path fill="currentColor" d="M12 5L4 9l8 4l8-4z"></path> <path fill="currentColor" d="M12 5L4 9l8 4l8-4z"></path>
<path d="m10 12l-6 3l8 4l8-4l-6-3"></path> <path d="m10 12l-6 3l8 4l8-4l-6-3"></path>
dev/icons/TransformPoint.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const TransformPointIcon = () => ( export const TransformPointIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const TransformPointIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M3 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm0 14a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zM17 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zm0 14a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM11 5h2m-8 6v2m14-2v2m-8 6h2" d="M3 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm0 14a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zM17 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zm0 14a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM11 5h2m-8 6v2m14-2v2m-8 6h2"
></path> ></path>
</svg> </svg>
dev/icons/ZoomScan.tsx
+3 -3
View File
@@ -1,8 +1,8 @@
export const ZoomScanIcon = () => ( export const ZoomScanIcon = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={24} width="24"
height={24} height="24"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
@@ -10,7 +10,7 @@ export const ZoomScanIcon = () => (
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width={2} stroke-width="2"
d="M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2M8 11a3 3 0 1 0 6 0a3 3 0 0 0-6 0m8 5l-2.5-2.5" d="M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2M8 11a3 3 0 1 0 6 0a3 3 0 0 0-6 0m8 5l-2.5-2.5"
></path> ></path>
</svg> </svg>
dev/main.css
+6
View File
@@ -138,3 +138,9 @@
flex-basis: calc(50% - var(--sp-1)); flex-basis: calc(50% - var(--sp-1));
} }
} }
.entity-props {
display: grid;
gap: var(--sp-2);
grid-template-columns: 1fr 1fr;
}
dev/main.tsx
+40 -3
View File
@@ -1,5 +1,11 @@
import "./main.css"; import "./main.css";
import { type Component, createEffect, createSignal, onMount } from "solid-js"; import {
type Component,
createEffect,
createSignal,
onMount,
Show,
} from "solid-js";
import { render } from "solid-js/web"; import { render } from "solid-js/web";
import { InputField } from "#/dev/controls/InputField.tsx"; import { InputField } from "#/dev/controls/InputField.tsx";
import { RangeSlider } from "#/dev/controls/RangeSlider.tsx"; import { RangeSlider } from "#/dev/controls/RangeSlider.tsx";
@@ -7,7 +13,10 @@ import { ItemList, type ItemsRef } from "#/dev/ItemList.tsx";
import { ArrowAutofitHeightIcon } from "#/dev/icons/ArrowAutofitHeight.tsx"; import { ArrowAutofitHeightIcon } from "#/dev/icons/ArrowAutofitHeight.tsx";
import { ArrowAutofitWidthIcon } from "#/dev/icons/ArrowAutofitWidth.tsx"; import { ArrowAutofitWidthIcon } from "#/dev/icons/ArrowAutofitWidth.tsx";
import { FileIcon } from "#/dev/icons/File.tsx"; import { FileIcon } from "#/dev/icons/File.tsx";
import { LetterXIcon } from "#/dev/icons/LetterX.tsx";
import { LetterYIcon } from "#/dev/icons/LetterY.tsx";
import { ZoomScanIcon } from "#/dev/icons/ZoomScan.tsx"; import { ZoomScanIcon } from "#/dev/icons/ZoomScan.tsx";
import type { Entity } from "#/engine/Entity.ts";
import { import {
currentScene, currentScene,
type SceneData, type SceneData,
@@ -65,6 +74,9 @@ const DevTools: Component<{ gameContainer: HTMLElement }> = ({
const [entities, setEntities] = createSignal( const [entities, setEntities] = createSignal(
mapSceneEntities(currentScene.data), mapSceneEntities(currentScene.data),
); );
const [activeEntity, setActiveEntity] = createSignal<null | Entity<unknown>>(
null,
);
createEffect(() => { createEffect(() => {
setScale(currentScale()); setScale(currentScale());
@@ -80,7 +92,7 @@ const DevTools: Component<{ gameContainer: HTMLElement }> = ({
setEntities(mapSceneEntities(data)); setEntities(mapSceneEntities(data));
}); });
const setActiveEntity = (items: ItemsRef): void => { const selectEntity = (items: ItemsRef): void => {
const activeRef = items.find((ref) => ref.item.isActive)!; const activeRef = items.find((ref) => ref.item.isActive)!;
const instances = currentScene.entityInstanceMap.get( const instances = currentScene.entityInstanceMap.get(
activeRef.item.label, activeRef.item.label,
@@ -92,6 +104,8 @@ const DevTools: Component<{ gameContainer: HTMLElement }> = ({
const instance = const instance =
instances[entityRefs.findIndex((ref) => ref.item.isActive)]; instances[entityRefs.findIndex((ref) => ref.item.isActive)];
setActiveEntity(instance);
const processProxy = sceneProcessMap.get(currentScene.data.name)!; const processProxy = sceneProcessMap.get(currentScene.data.name)!;
const ctx = viewport.ctx; const ctx = viewport.ctx;
currentScene.process = (...args) => { currentScene.process = (...args) => {
@@ -169,7 +183,30 @@ const DevTools: Component<{ gameContainer: HTMLElement }> = ({
<ItemList name="Scenes" handler={setCurrentScene} items={scenes} /> <ItemList name="Scenes" handler={setCurrentScene} items={scenes} />
<GraphBrowser graph={sceneGraph} /> <GraphBrowser graph={sceneGraph} />
<ItemList name="Entities" handler={setActiveEntity} items={entities} /> <ItemList name="Entities" handler={selectEntity} items={entities} />
<Show when={activeEntity() !== null}>
<div class="entity-props">
<InputField
type="number"
name="x"
value={String(activeEntity()!.position.x)}
icon={LetterXIcon()}
onChange={(value) => {
activeEntity()!.position.x = parseInt(value);
}}
></InputField>
<InputField
type="number"
name="y"
value={String(activeEntity()!.position.y)}
icon={LetterYIcon()}
onChange={(value) => {
activeEntity()!.position.y = parseInt(value);
}}
></InputField>
</div>
</Show>
</div> </div>
<div class="tool-bar-resize" onMouseDown={startResizing}></div> <div class="tool-bar-resize" onMouseDown={startResizing}></div>
</div> </div>