skins: Added more pixel art assets for pixel skin

Prozilla · Prozilla · commit 317a7c69a6ee · 2024-07-28T11:13:07.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -11,4 +11,4 @@ yarn-error.log*
 *.ini
 
 /tmp
-config/tree.json
+packages/demo/public/config/tree.json
diff --git a/packages/apps/browser/CHANGELOG.md b/packages/apps/browser/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @prozilla-os/browser
 
+## 1.1.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @prozilla-os/core@1.2.2
+
 ## 1.1.1
 
 ### Patch Changes
diff --git a/packages/apps/browser/package.json b/packages/apps/browser/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@prozilla-os/browser",
 	"description": "A ProzillaOS application for browsing the internet.",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"homepage": "https://os.prozilla.dev/browser",
 	"author": {
 		"name": "Prozilla",
diff --git a/packages/apps/calculator/CHANGELOG.md b/packages/apps/calculator/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @prozilla-os/calculator
 
+## 1.1.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @prozilla-os/core@1.2.2
+
 ## 1.1.1
 
 ### Patch Changes
diff --git a/packages/apps/calculator/package.json b/packages/apps/calculator/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@prozilla-os/calculator",
 	"description": "A ProzillaOS application for making basic calculations.",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"homepage": "https://os.prozilla.dev/calculator",
 	"author": {
 		"name": "Prozilla",
diff --git a/packages/apps/file-explorer/CHANGELOG.md b/packages/apps/file-explorer/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @prozilla-os/file-explorer
 
+## 1.1.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @prozilla-os/core@1.2.2
+
 ## 1.1.1
 
 ### Patch Changes
diff --git a/packages/apps/file-explorer/package.json b/packages/apps/file-explorer/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@prozilla-os/file-explorer",
 	"description": "A standard ProzillaOS application for browsing files.",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"homepage": "https://os.prozilla.dev/file-explorer",
 	"author": {
 		"name": "Prozilla",
diff --git a/packages/apps/logic-sim/CHANGELOG.md b/packages/apps/logic-sim/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @prozilla-os/logic-sim
 
+## 1.1.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @prozilla-os/core@1.2.2
+
 ## 1.1.1
 
 ### Patch Changes
diff --git a/packages/apps/logic-sim/package.json b/packages/apps/logic-sim/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@prozilla-os/logic-sim",
 	"description": "A ProzillaOS application for simulating digital logic.",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"homepage": "https://os.prozilla.dev/logic-sim",
 	"author": {
 		"name": "Prozilla",
diff --git a/packages/apps/media-viewer/CHANGELOG.md b/packages/apps/media-viewer/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @prozilla-os/media-viewer
 
+## 1.1.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @prozilla-os/core@1.2.2
+
 ## 1.1.1
 
 ### Patch Changes
diff --git a/packages/apps/media-viewer/package.json b/packages/apps/media-viewer/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@prozilla-os/media-viewer",
 	"description": "A ProzillaOS application for viewing different kinds of media.",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"homepage": "https://os.prozilla.dev/media-viewer",
 	"author": {
 		"name": "Prozilla",
diff --git a/packages/apps/settings/CHANGELOG.md b/packages/apps/settings/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @prozilla-os/settings
 
+## 1.1.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @prozilla-os/core@1.2.2
+  - @prozilla-os/file-explorer@1.1.2
+
 ## 1.1.1
 
 ### Patch Changes
diff --git a/packages/apps/settings/package.json b/packages/apps/settings/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@prozilla-os/settings",
 	"description": "A settings app for ProzillaOS.",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"homepage": "https://os.prozilla.dev/settings",
 	"author": {
 		"name": "Prozilla",
diff --git a/packages/apps/terminal/CHANGELOG.md b/packages/apps/terminal/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @prozilla-os/terminal
 
+## 1.1.3
+
+### Patch Changes
+
+- Updated dependencies
+  - @prozilla-os/core@1.2.2
+
 ## 1.1.2
 
 ### Patch Changes
diff --git a/packages/apps/terminal/package.json b/packages/apps/terminal/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@prozilla-os/terminal",
 	"description": "A terminal/shell application for ProzillaOS.",
-	"version": "1.1.2",
+	"version": "1.1.3",
 	"homepage": "https://os.prozilla.dev/terminal",
 	"author": {
 		"name": "Prozilla",
diff --git a/packages/apps/text-editor/CHANGELOG.md b/packages/apps/text-editor/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @prozilla-os/text-editor
 
+## 1.1.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @prozilla-os/core@1.2.2
+
 ## 1.1.1
 
 ### Patch Changes
diff --git a/packages/apps/text-editor/package.json b/packages/apps/text-editor/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@prozilla-os/text-editor",
 	"description": "A text editor application for ProzillaOS.",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"homepage": "https://os.prozilla.dev/text-editor",
 	"author": {
 		"name": "Prozilla",
diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @prozilla-os/core
 
+## 1.2.2
+
+### Patch Changes
+
+- Updated skins implementation
+
 ## 1.2.1
 
 ### Patch Changes
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@prozilla-os/core",
 	"description": "A React component library written in TypeScript for building web-based operating systems, made by Prozilla.",
-	"version": "1.2.1",
+	"version": "1.2.2",
 	"homepage": "https://os.prozilla.dev",
 	"author": {
 		"name": "Prozilla",
diff --git a/packages/core/src/components/_utils/vector-image/VectorImage.tsx b/packages/core/src/components/_utils/vector-image/VectorImage.tsx
@@ -18,7 +18,6 @@ export function VectorImage({ className, src, ...props }: ImageProps) {
 		const image = new Image();
 
 		image.onload = () => {
-			console.log(image);
 			setDimensions(new Vector2(image.naturalWidth, image.naturalHeight));
 		};
 
diff --git a/packages/demo/public/assets/skins/pixel/apps/file-explorer/file.png b/packages/demo/public/assets/skins/pixel/apps/file-explorer/file.png
diff --git a/packages/demo/public/assets/skins/pixel/apps/file-explorer/folder.png b/packages/demo/public/assets/skins/pixel/apps/file-explorer/folder.png
diff --git a/packages/demo/public/assets/skins/pixel/wallpapers/abstract-mesh-gradient-orange-red-purple.png b/packages/demo/public/assets/skins/pixel/wallpapers/abstract-mesh-gradient-orange-red-purple.png
diff --git a/packages/demo/public/assets/skins/pixel/wallpapers/abstract-wallpaper-mesh-gradient-cyan.png b/packages/demo/public/assets/skins/pixel/wallpapers/abstract-wallpaper-mesh-gradient-cyan.png
diff --git a/packages/demo/public/assets/skins/pixel/wallpapers/colorful-abstract-wallpaper-blue-red-green.png b/packages/demo/public/assets/skins/pixel/wallpapers/colorful-abstract-wallpaper-blue-red-green.png
diff --git a/packages/demo/public/assets/skins/pixel/wallpapers/colorful-mesh-gradient-red-green.png b/packages/demo/public/assets/skins/pixel/wallpapers/colorful-mesh-gradient-red-green.png
diff --git a/packages/demo/public/assets/skins/pixel/wallpapers/flame-abstract-wallpaper-orange.png b/packages/demo/public/assets/skins/pixel/wallpapers/flame-abstract-wallpaper-orange.png
diff --git a/packages/demo/public/assets/skins/pixel/wallpapers/mesh-gradient-wallpaper-red-purple.png b/packages/demo/public/assets/skins/pixel/wallpapers/mesh-gradient-wallpaper-red-purple.png
diff --git a/packages/demo/public/assets/skins/pixel/wallpapers/vibrant-wallpaper-blue-purple-red.png b/packages/demo/public/assets/skins/pixel/wallpapers/vibrant-wallpaper-blue-purple-red.png
diff --git a/packages/demo/public/assets/skins/pixel/wallpapers/vibrant-wallpaper-purple-yellow.png b/packages/demo/public/assets/skins/pixel/wallpapers/vibrant-wallpaper-purple-yellow.png
diff --git a/packages/demo/public/assets/skins/pixel/wallpapers/wave-abstract-wallpaper-teal.png b/packages/demo/public/assets/skins/pixel/wallpapers/wave-abstract-wallpaper-teal.png
diff --git a/packages/prozilla-os/CHANGELOG.md b/packages/prozilla-os/CHANGELOG.md
@@ -1,5 +1,20 @@
 # prozilla-os
 
+## 1.2.3
+
+### Patch Changes
+
+- Updated skins implementation
+- Updated dependencies
+  - @prozilla-os/core@1.2.2
+  - @prozilla-os/browser@1.1.2
+  - @prozilla-os/calculator@1.1.2
+  - @prozilla-os/file-explorer@1.1.2
+  - @prozilla-os/media-viewer@1.1.2
+  - @prozilla-os/settings@1.1.2
+  - @prozilla-os/terminal@1.1.3
+  - @prozilla-os/text-editor@1.1.2
+
 ## 1.2.2
 
 ### Patch Changes
diff --git a/packages/prozilla-os/package.json b/packages/prozilla-os/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "prozilla-os",
 	"description": "a React component library written in TypeScript for building web-based operating systems, made by Prozilla.",
-	"version": "1.2.2",
+	"version": "1.2.3",
 	"homepage": "https://os.prozilla.dev",
 	"author": {
 		"name": "Prozilla",
diff --git a/packages/skins/src/core/skins/pixel.ts b/packages/skins/src/core/skins/pixel.ts
@@ -14,6 +14,24 @@ export const pixelSkin = new Skin({
 		"text-editor": "/assets/skins/pixel/apps/icons/text-editor.png",
 		"wordle": "/assets/skins/pixel/apps/icons/wordle.png",
 	},
+	wallpapers: [
+		"/assets/skins/pixel/wallpapers/vibrant-wallpaper-blue-purple-red.png",
+		"/assets/skins/pixel/wallpapers/abstract-mesh-gradient-orange-red-purple.png",
+		"/assets/skins/pixel/wallpapers/vibrant-wallpaper-purple-yellow.png",
+		"/assets/skins/pixel/wallpapers/abstract-wallpaper-mesh-gradient-cyan.png",
+		"/assets/skins/pixel/wallpapers/colorful-abstract-wallpaper-blue-red-green.png",
+		"/assets/skins/pixel/wallpapers/mesh-gradient-wallpaper-red-purple.png",
+		"/assets/skins/pixel/wallpapers/colorful-mesh-gradient-red-green.png",
+		"/assets/skins/pixel/wallpapers/flame-abstract-wallpaper-orange.png",
+		"/assets/skins/pixel/wallpapers/wave-abstract-wallpaper-teal.png",
+	],
+	defaultWallpaper: "/assets/skins/pixel/wallpapers/vibrant-wallpaper-blue-purple-red.png",
+	fileIcons: {
+		generic: "/assets/skins/pixel/apps/file-explorer/file.png"
+	},
+	folderIcons: {
+		generic: "/assets/skins/pixel/apps/file-explorer/folder.png"
+	},
 	loadStyleSheet: () => {
 		import("../../styles/skins/pixel.css");
 	}
diff --git a/packages/skins/src/styles/skins/pixel.css b/packages/skins/src/styles/skins/pixel.css
@@ -34,4 +34,14 @@ p > a {
 .ProzillaOS-Taskbar_Indicator--Calendar > p {
 	font-size: 0.875rem;
 	line-height: 1.25rem;
+}
+
+img {
+	image-rendering: optimizeSpeed;
+    image-rendering: -moz-crisp-edges;
+    image-rendering: -o-crisp-edges;
+    image-rendering: -webkit-optimize-contrast;
+    image-rendering: pixelated;
+    image-rendering: optimize-contrast;
+    -ms-interpolation-mode: nearest-neighbor;
 }

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@prozilla-os/browser",`
`3`	`3`	`"description": "A ProzillaOS application for browsing the internet.",`
`4`		`- "version": "1.1.1",`
	`4`	`+ "version": "1.1.2",`
`5`	`5`	`"homepage": "https://os.prozilla.dev/browser",`
`6`	`6`	`"author": {`
`7`	`7`	`"name": "Prozilla",`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@prozilla-os/calculator",`
`3`	`3`	`"description": "A ProzillaOS application for making basic calculations.",`
`4`		`- "version": "1.1.1",`
	`4`	`+ "version": "1.1.2",`
`5`	`5`	`"homepage": "https://os.prozilla.dev/calculator",`
`6`	`6`	`"author": {`
`7`	`7`	`"name": "Prozilla",`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@prozilla-os/file-explorer",`
`3`	`3`	`"description": "A standard ProzillaOS application for browsing files.",`
`4`		`- "version": "1.1.1",`
	`4`	`+ "version": "1.1.2",`
`5`	`5`	`"homepage": "https://os.prozilla.dev/file-explorer",`
`6`	`6`	`"author": {`
`7`	`7`	`"name": "Prozilla",`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@prozilla-os/logic-sim",`
`3`	`3`	`"description": "A ProzillaOS application for simulating digital logic.",`
`4`		`- "version": "1.1.1",`
	`4`	`+ "version": "1.1.2",`
`5`	`5`	`"homepage": "https://os.prozilla.dev/logic-sim",`
`6`	`6`	`"author": {`
`7`	`7`	`"name": "Prozilla",`