@prozilla-os/calculator 1.1.15 → 1.1.17
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/LICENSE +20 -20
- package/README.md +70 -70
- package/dist/main.js +37 -37
- package/dist/main.js.map +1 -1
- package/package.json +3 -3
package/LICENSE
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2023 Sieben De Beule
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2023 Sieben De Beule
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
21
|
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
<div align="center">
|
|
2
|
-
<br />
|
|
3
|
-
<p>
|
|
4
|
-
<a href="https://os.prozilla.dev/"><img src="https://os.prozilla.dev/assets/logo.svg?v=2" height="200" alt="ProzillaOS" /></a>
|
|
5
|
-
</p>
|
|
6
|
-
<p>
|
|
7
|
-
<a href="https://github.com/prozilla-os/ProzillaOS/blob/main/LICENSE.md"><img alt="License" src="https://img.shields.io/github/license/Prozilla/ProzillaOS?style=flat-square&color=FF4D5B&label=License"></a>
|
|
8
|
-
<a href="https://github.com/prozilla-os/ProzillaOS"><img alt="Stars" src="https://img.shields.io/github/stars/Prozilla/ProzillaOS?style=flat-square&color=FED24C&label=%E2%AD%90"></a>
|
|
9
|
-
<a href="https://github.com/prozilla-os/ProzillaOS"><img alt="Forks" src="https://img.shields.io/github/forks/Prozilla/ProzillaOS?style=flat-square&color=4D9CFF&label=Forks&logo=github"></a>
|
|
10
|
-
<a href="https://www.npmjs.com/package/prozilla-os"><img alt="NPM Version" src="https://img.shields.io/npm/v/prozilla-os?logo=npm&style=flat-square&label=prozilla-os&color=FF4D5B"></a>
|
|
11
|
-
</p>
|
|
12
|
-
</div>
|
|
13
|
-
|
|
14
|
-
## About
|
|
15
|
-
|
|
16
|
-
`@prozilla-os/calculator` is a ProzillaOS application for making basic calculations.
|
|
17
|
-
|
|
18
|
-
## Installation
|
|
19
|
-
|
|
20
|
-
`@prozilla-os/core` is required to run this application.
|
|
21
|
-
|
|
22
|
-
```sh
|
|
23
|
-
npm install @prozilla-os/core @prozilla-os/calculator
|
|
24
|
-
yarn add @prozilla-os/core @prozilla-os/calculator
|
|
25
|
-
pnpm add @prozilla-os/core @prozilla-os/calculator
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
## Usage
|
|
29
|
-
|
|
30
|
-
### Basic setup
|
|
31
|
-
|
|
32
|
-
```tsx
|
|
33
|
-
import { Desktop, ModalsView, ProzillaOS, Taskbar, WindowsView, AppsConfig } from "@prozilla-os/core";
|
|
34
|
-
import { calculator } from "@prozilla-os/calculator";
|
|
35
|
-
|
|
36
|
-
function App() {
|
|
37
|
-
return (
|
|
38
|
-
<ProzillaOS
|
|
39
|
-
systemName="Example"
|
|
40
|
-
tagLine="Powered by ProzillaOS"
|
|
41
|
-
config={{
|
|
42
|
-
apps: new AppsConfig({
|
|
43
|
-
apps: [ calculator ]
|
|
44
|
-
})
|
|
45
|
-
}}
|
|
46
|
-
>
|
|
47
|
-
<Taskbar/>
|
|
48
|
-
<WindowsView/>
|
|
49
|
-
<ModalsView/>
|
|
50
|
-
<Desktop/>
|
|
51
|
-
</ProzillaOS>
|
|
52
|
-
);
|
|
53
|
-
}
|
|
54
|
-
```
|
|
55
|
-
|
|
56
|
-
## Links
|
|
57
|
-
|
|
58
|
-
- [Demo][demo]
|
|
59
|
-
- [Docs][docs]
|
|
60
|
-
- [GitHub][github]
|
|
61
|
-
- [npm][npm]
|
|
62
|
-
- [Discord][discord]
|
|
63
|
-
- [Ko-fi][ko-fi]
|
|
64
|
-
|
|
65
|
-
[demo]: https://os.prozilla.dev/calculator
|
|
66
|
-
[docs]: https://os.prozilla.dev/docs/reference/apps/calculator
|
|
67
|
-
[github]: https://github.com/prozilla-os/ProzillaOS/tree/main/packages/apps/calculator
|
|
68
|
-
[npm]: https://www.npmjs.com/package/@prozilla-os/calculator
|
|
69
|
-
[discord]: https://discord.gg/JwbyQP4tdz
|
|
70
|
-
[ko-fi]: https://ko-fi.com/prozilla
|
|
1
|
+
<div align="center">
|
|
2
|
+
<br />
|
|
3
|
+
<p>
|
|
4
|
+
<a href="https://os.prozilla.dev/"><img src="https://os.prozilla.dev/assets/logo.svg?v=2" height="200" alt="ProzillaOS" /></a>
|
|
5
|
+
</p>
|
|
6
|
+
<p>
|
|
7
|
+
<a href="https://github.com/prozilla-os/ProzillaOS/blob/main/LICENSE.md"><img alt="License" src="https://img.shields.io/github/license/Prozilla/ProzillaOS?style=flat-square&color=FF4D5B&label=License"></a>
|
|
8
|
+
<a href="https://github.com/prozilla-os/ProzillaOS"><img alt="Stars" src="https://img.shields.io/github/stars/Prozilla/ProzillaOS?style=flat-square&color=FED24C&label=%E2%AD%90"></a>
|
|
9
|
+
<a href="https://github.com/prozilla-os/ProzillaOS"><img alt="Forks" src="https://img.shields.io/github/forks/Prozilla/ProzillaOS?style=flat-square&color=4D9CFF&label=Forks&logo=github"></a>
|
|
10
|
+
<a href="https://www.npmjs.com/package/prozilla-os"><img alt="NPM Version" src="https://img.shields.io/npm/v/prozilla-os?logo=npm&style=flat-square&label=prozilla-os&color=FF4D5B"></a>
|
|
11
|
+
</p>
|
|
12
|
+
</div>
|
|
13
|
+
|
|
14
|
+
## About
|
|
15
|
+
|
|
16
|
+
`@prozilla-os/calculator` is a ProzillaOS application for making basic calculations.
|
|
17
|
+
|
|
18
|
+
## Installation
|
|
19
|
+
|
|
20
|
+
`@prozilla-os/core` is required to run this application.
|
|
21
|
+
|
|
22
|
+
```sh
|
|
23
|
+
npm install @prozilla-os/core @prozilla-os/calculator
|
|
24
|
+
yarn add @prozilla-os/core @prozilla-os/calculator
|
|
25
|
+
pnpm add @prozilla-os/core @prozilla-os/calculator
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## Usage
|
|
29
|
+
|
|
30
|
+
### Basic setup
|
|
31
|
+
|
|
32
|
+
```tsx
|
|
33
|
+
import { Desktop, ModalsView, ProzillaOS, Taskbar, WindowsView, AppsConfig } from "@prozilla-os/core";
|
|
34
|
+
import { calculator } from "@prozilla-os/calculator";
|
|
35
|
+
|
|
36
|
+
function App() {
|
|
37
|
+
return (
|
|
38
|
+
<ProzillaOS
|
|
39
|
+
systemName="Example"
|
|
40
|
+
tagLine="Powered by ProzillaOS"
|
|
41
|
+
config={{
|
|
42
|
+
apps: new AppsConfig({
|
|
43
|
+
apps: [ calculator ]
|
|
44
|
+
})
|
|
45
|
+
}}
|
|
46
|
+
>
|
|
47
|
+
<Taskbar/>
|
|
48
|
+
<WindowsView/>
|
|
49
|
+
<ModalsView/>
|
|
50
|
+
<Desktop/>
|
|
51
|
+
</ProzillaOS>
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
## Links
|
|
57
|
+
|
|
58
|
+
- [Demo][demo]
|
|
59
|
+
- [Docs][docs]
|
|
60
|
+
- [GitHub][github]
|
|
61
|
+
- [npm][npm]
|
|
62
|
+
- [Discord][discord]
|
|
63
|
+
- [Ko-fi][ko-fi]
|
|
64
|
+
|
|
65
|
+
[demo]: https://os.prozilla.dev/calculator
|
|
66
|
+
[docs]: https://os.prozilla.dev/docs/reference/apps/calculator
|
|
67
|
+
[github]: https://github.com/prozilla-os/ProzillaOS/tree/main/packages/apps/calculator
|
|
68
|
+
[npm]: https://www.npmjs.com/package/@prozilla-os/calculator
|
|
69
|
+
[discord]: https://discord.gg/JwbyQP4tdz
|
|
70
|
+
[ko-fi]: https://ko-fi.com/prozilla
|
package/dist/main.js
CHANGED
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(".
|
|
2
|
-
import { Button as a, App as
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._Calculator_ufkko_1{display:flex;flex-direction:column;height:100%;--output-height: 20%;--button-gap: .25rem}._Output_ufkko_10{display:flex;gap:.25rem;flex-direction:column;justify-content:center;align-items:flex-end;height:var(--output-height);padding:.5rem}._Calculation_ufkko_20,._Preview_ufkko_20{margin:0}._Calculation_ufkko_20{color:var(--foreground-color-2);height:1.25rem}._Preview_ufkko_20{color:var(--foreground-color-0);font-size:2.5rem}._Input_ufkko_34{display:flex;gap:var(--button-gap);flex-direction:column;height:calc(100% - var(--output-height));padding:.5rem}._InputRow_ufkko_42{flex:1;display:flex;gap:var(--button-gap)}._Button_ufkko_48{flex:1;border-radius:var(--border-radius-0);font-size:1.5rem}._InputRow_ufkko_42:first-of-type ._Button_ufkko_48{--normal-color: var(--background-color-1);--hover-color: var(--background-color-2)}._InputRow_ufkko_42 ._Button_ufkko_48:last-of-type{--text-color: var(--background-color-0);--normal-color: var(--blue-0);--hover-color: var(--blue-1)}._ButtonLarge_ufkko_65{min-width:calc(50% - var(--button-gap) / 2)}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
import { Button as a, App as R, Vector2 as $ } from "@prozilla-os/core";
|
|
3
3
|
import { jsxs as r, jsx as t } from "react/jsx-runtime";
|
|
4
|
-
import { useState as
|
|
5
|
-
const
|
|
6
|
-
Calculator:
|
|
7
|
-
Output:
|
|
8
|
-
Calculation:
|
|
9
|
-
Preview:
|
|
10
|
-
Input:
|
|
11
|
-
InputRow:
|
|
12
|
-
Button:
|
|
13
|
-
ButtonLarge:
|
|
4
|
+
import { useState as f, useCallback as B, useEffect as F } from "react";
|
|
5
|
+
const L = "_Calculator_ufkko_1", O = "_Output_ufkko_10", P = "_Calculation_ufkko_20", g = "_Preview_ufkko_20", E = "_Input_ufkko_34", S = "_InputRow_ufkko_42", z = "_Button_ufkko_48", x = "_ButtonLarge_ufkko_65", e = {
|
|
6
|
+
Calculator: L,
|
|
7
|
+
Output: O,
|
|
8
|
+
Calculation: P,
|
|
9
|
+
Preview: g,
|
|
10
|
+
Input: E,
|
|
11
|
+
InputRow: S,
|
|
12
|
+
Button: z,
|
|
13
|
+
ButtonLarge: x
|
|
14
14
|
};
|
|
15
|
-
function
|
|
16
|
-
const [l, o] =
|
|
17
|
-
o("0"), _(null),
|
|
18
|
-
}, []), n =
|
|
15
|
+
function D({ active: b }) {
|
|
16
|
+
const [l, o] = f("0"), [i, _] = f(null), [k, h] = f(null), [N, w] = f(null), [I, y] = f(!1), d = B(() => {
|
|
17
|
+
o("0"), _(null), h(null), w(null);
|
|
18
|
+
}, []), n = B((s) => {
|
|
19
19
|
let c = !1;
|
|
20
|
-
|
|
21
|
-
}, [l, I,
|
|
20
|
+
k != null && (I && l != null ? (_(parseFloat(l)), h(null), o(null)) : d(), c = !0), !(s === "." && (l != null && l.includes("."))) && (s === "-" ? l === "0" ? o("-0") : l != null && o((parseFloat(l) * -1).toString()) : s === "%" && l != null ? o((parseFloat(l) / 100).toString()) : l === "0" || l === "-0" || l == null || c ? o(s === "." ? "0." : l === "-0" ? `-${s}` : s) : o(l + s));
|
|
21
|
+
}, [l, I, d, k]), m = B((s = !1) => {
|
|
22
22
|
if (i != null && l != null) {
|
|
23
|
-
|
|
24
|
-
const c = i,
|
|
23
|
+
h(parseFloat(l));
|
|
24
|
+
const c = i, C = parseFloat(l);
|
|
25
25
|
let p = 0;
|
|
26
|
-
switch (
|
|
26
|
+
switch (N) {
|
|
27
27
|
case "×":
|
|
28
|
-
p = c *
|
|
28
|
+
p = c * C;
|
|
29
29
|
break;
|
|
30
30
|
case "÷":
|
|
31
|
-
p = c /
|
|
31
|
+
p = c / C;
|
|
32
32
|
break;
|
|
33
33
|
case "+":
|
|
34
|
-
p = c +
|
|
34
|
+
p = c + C;
|
|
35
35
|
break;
|
|
36
36
|
case "-":
|
|
37
|
-
p = c -
|
|
37
|
+
p = c - C;
|
|
38
38
|
break;
|
|
39
39
|
}
|
|
40
40
|
o(p.toString());
|
|
41
41
|
}
|
|
42
|
-
|
|
43
|
-
}, [i, l,
|
|
44
|
-
i != null &&
|
|
45
|
-
}, [m, i, l,
|
|
46
|
-
|
|
42
|
+
y(s);
|
|
43
|
+
}, [i, l, N]), u = B((s) => {
|
|
44
|
+
i != null && k == null ? m(!0) : l != null && (_(parseFloat(l)), h(null), o(null)), w(s);
|
|
45
|
+
}, [m, i, l, k]);
|
|
46
|
+
F(() => {
|
|
47
47
|
const s = (c) => {
|
|
48
48
|
if (b)
|
|
49
49
|
switch (c.preventDefault(), c.key) {
|
|
@@ -64,7 +64,7 @@ function x({ active: b }) {
|
|
|
64
64
|
n(".");
|
|
65
65
|
break;
|
|
66
66
|
case "Escape":
|
|
67
|
-
|
|
67
|
+
d();
|
|
68
68
|
break;
|
|
69
69
|
case "=":
|
|
70
70
|
case "Enter":
|
|
@@ -91,16 +91,16 @@ function x({ active: b }) {
|
|
|
91
91
|
return document.addEventListener("keydown", s), () => {
|
|
92
92
|
document.removeEventListener("keydown", s);
|
|
93
93
|
};
|
|
94
|
-
}, [b, n, m, u,
|
|
94
|
+
}, [b, n, m, u, d]);
|
|
95
95
|
let v = "";
|
|
96
|
-
return
|
|
96
|
+
return N != null && (v = `${i} ${N} ${k != null ? k + " =" : ""}`), /* @__PURE__ */ r("div", { className: e.Calculator, children: [
|
|
97
97
|
/* @__PURE__ */ r("div", { className: e.Output, children: [
|
|
98
98
|
/* @__PURE__ */ t("p", { className: e.Calculation, children: v }),
|
|
99
99
|
/* @__PURE__ */ t("p", { className: e.Preview, children: l ?? i })
|
|
100
100
|
] }),
|
|
101
101
|
/* @__PURE__ */ r("div", { className: e.Input, children: [
|
|
102
102
|
/* @__PURE__ */ r("div", { className: e.InputRow, children: [
|
|
103
|
-
/* @__PURE__ */ t(a, { className: e.Button, onClick:
|
|
103
|
+
/* @__PURE__ */ t(a, { className: e.Button, onClick: d, children: "C" }),
|
|
104
104
|
/* @__PURE__ */ t(a, { className: e.Button, onClick: () => {
|
|
105
105
|
n("-");
|
|
106
106
|
}, children: "+/-" }),
|
|
@@ -167,9 +167,9 @@ function x({ active: b }) {
|
|
|
167
167
|
] })
|
|
168
168
|
] });
|
|
169
169
|
}
|
|
170
|
-
const
|
|
171
|
-
|
|
170
|
+
const j = new R("Calculator", "calculator", D, { size: new $(400, 600) }).setIconUrl("https://os.prozilla.dev/assets/apps/icons/calculator.svg").setPinnedByDefault(!1).setCategory("Utilities & tools");
|
|
171
|
+
j.setMetadata({ name: "@prozilla-os/calculator", version: "1.1.16", author: "Prozilla" });
|
|
172
172
|
export {
|
|
173
|
-
|
|
173
|
+
j as calculator
|
|
174
174
|
};
|
|
175
175
|
//# sourceMappingURL=main.js.map
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sources":["../src/components/Calculator.tsx","../src/main.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\r\nimport styles from \"./Calculator.module.css\";\r\nimport { Button, WindowProps } from \"@prozilla-os/core\";\r\n\r\nexport function Calculator({ active }: WindowProps) {\r\n\tconst [input, setInput] = useState<string | null>(\"0\");\r\n\tconst [firstNumber, setFirstNumber] = useState<number | null>(null);\r\n\tconst [secondNumber, setSecondNumber] = useState<number | null>(null);\r\n\tconst [operation, setOperation] = useState<string | null>(null);\r\n\tconst [isIntermediate, setIsIntermediate] = useState(false);\r\n\r\n\tconst reset = useCallback(() => {\r\n\t\tsetInput(\"0\");\r\n\t\tsetFirstNumber(null);\r\n\t\tsetSecondNumber(null);\r\n\t\tsetOperation(null);\r\n\t}, []);\r\n\r\n\tconst addInput = useCallback((string: string) => {\r\n\t\tlet hasReset = false;\r\n\t\tif (secondNumber != null) {\r\n\t\t\tif (isIntermediate && input != null) {\r\n\t\t\t\tsetFirstNumber(parseFloat(input));\r\n\t\t\t\tsetSecondNumber(null);\r\n\t\t\t\tsetInput(null);\r\n\t\t\t} else {\r\n\t\t\t\treset();\r\n\t\t\t}\r\n\t\t\thasReset = true;\r\n\t\t}\t\t\t\r\n\r\n\t\tif (string === \".\" && input?.includes(\".\"))\r\n\t\t\treturn;\r\n\r\n\t\tif (string === \"-\") {\r\n\t\t\tif (input === \"0\") {\r\n\t\t\t\tsetInput(\"-0\");\r\n\t\t\t} else if (input != null) {\r\n\t\t\t\tsetInput((parseFloat(input) * -1).toString());\r\n\t\t\t}\r\n\t\t} else if (string === \"%\" && input != null) {\r\n\t\t\tsetInput((parseFloat(input) / 100).toString());\r\n\t\t} else if (input === \"0\" || input === \"-0\" || input == null || hasReset) {\r\n\t\t\tif (string === \".\") {\r\n\t\t\t\tsetInput(input === \"-0\" ? \"0.\" : \"0.\");\r\n\t\t\t} else {\r\n\t\t\t\tsetInput(input === \"-0\" ? `-${string}` : string);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tsetInput(input + string);\r\n\t\t}\r\n\r\n\t}, [input, isIntermediate, reset, secondNumber]);\r\n\r\n\tconst calculate = useCallback((intermediate = false) => {\r\n\t\tif (firstNumber != null && input != null) {\r\n\t\t\tsetSecondNumber(parseFloat(input));\r\n\r\n\t\t\tconst a = firstNumber;\r\n\t\t\tconst b = parseFloat(input);\r\n\t\t\t\r\n\t\t\tlet result = 0;\r\n\t\t\tswitch (operation) {\r\n\t\t\t\tcase \"×\":\r\n\t\t\t\t\tresult = a * b;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"÷\":\r\n\t\t\t\t\tresult = a / b;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"+\":\r\n\t\t\t\t\tresult = a + b;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"-\":\r\n\t\t\t\t\tresult = a - b;\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tsetInput(result.toString());\r\n\t\t}\r\n\r\n\t\tsetIsIntermediate(intermediate);\r\n\t}, [firstNumber, input, operation]);\r\n\r\n\tconst changeOperation = useCallback((operation: string) => {\r\n\t\tif (firstNumber != null && secondNumber == null) {\r\n\t\t\tcalculate(true);\r\n\t\t} else if (input != null) {\r\n\t\t\tsetFirstNumber(parseFloat(input));\r\n\t\t\tsetSecondNumber(null);\r\n\t\t\tsetInput(null);\r\n\t\t}\r\n\r\n\t\tsetOperation(operation);\r\n\t}, [calculate, firstNumber, input, secondNumber]);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst onKeyDown = (event: KeyboardEvent) => {\r\n\t\t\tif (!active)\r\n\t\t\t\treturn;\r\n\r\n\t\t\tevent.preventDefault();\r\n\r\n\t\t\tswitch (event.key) {\r\n\t\t\t\tcase \"0\":\r\n\t\t\t\tcase \"1\":\r\n\t\t\t\tcase \"2\":\r\n\t\t\t\tcase \"3\":\r\n\t\t\t\tcase \"4\":\r\n\t\t\t\tcase \"5\":\r\n\t\t\t\tcase \"6\":\r\n\t\t\t\tcase \"7\":\r\n\t\t\t\tcase \"8\":\r\n\t\t\t\tcase \"9\":\r\n\t\t\t\t\taddInput(event.key);\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \".\":\r\n\t\t\t\tcase \",\":\r\n\t\t\t\t\taddInput(\".\");\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"Escape\":\r\n\t\t\t\t\treset();\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"=\":\r\n\t\t\t\tcase \"Enter\":\r\n\t\t\t\t\tcalculate();\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"*\":\r\n\t\t\t\t\tchangeOperation(\"×\");\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"/\":\r\n\t\t\t\t\tchangeOperation(\"÷\");\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"+\":\r\n\t\t\t\tcase \"-\":\r\n\t\t\t\t\tchangeOperation(event.key);\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"%\":\r\n\t\t\t\t\taddInput(\"%\");\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"Backspace\":\r\n\t\t\t\t\tif (input != null && input.length > 0) {\r\n\t\t\t\t\t\tsetInput(input.slice(0, -1));\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tdocument.addEventListener(\"keydown\", onKeyDown);\r\n\r\n\t\treturn () => {\r\n\t\t\tdocument.removeEventListener(\"keydown\", onKeyDown);\r\n\t\t};\r\n\t}, [active, addInput, calculate, changeOperation, reset]);\r\n\r\n\tlet calculation = \"\";\r\n\tif (operation != null)\r\n\t\tcalculation = `${firstNumber} ${operation} ${secondNumber != null ? secondNumber + \" =\" : \"\"}`;\r\n\r\n\treturn (<div className={styles.Calculator}>\r\n\t\t<div className={styles.Output}>\r\n\t\t\t<p className={styles.Calculation}>{calculation}</p>\r\n\t\t\t<p className={styles.Preview}>{input ?? firstNumber}</p>\r\n\t\t</div>\r\n\t\t<div className={styles.Input}>\r\n\t\t\t<div className={styles.InputRow}>\r\n\t\t\t\t<Button className={styles.Button} onClick={reset}>C</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"-\"); }}>+/-</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"%\"); }}>%</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { changeOperation(\"÷\"); }}>÷</Button>\r\n\t\t\t</div>\r\n\t\t\t<div className={styles.InputRow}>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"7\"); }}>7</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"8\"); }}>8</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"9\"); }}>9</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { changeOperation(\"×\"); }}>×</Button>\r\n\t\t\t</div>\r\n\t\t\t<div className={styles.InputRow}>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"4\"); }}>4</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"5\"); }}>5</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"6\"); }}>6</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { changeOperation(\"-\"); }}>-</Button>\r\n\t\t\t</div>\r\n\t\t\t<div className={styles.InputRow}>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"1\"); }}>1</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"2\"); }}>2</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"3\"); }}>3</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { changeOperation(\"+\"); }}>+</Button>\r\n\t\t\t</div>\r\n\t\t\t<div className={styles.InputRow}>\r\n\t\t\t\t<Button className={`${styles.Button} ${styles.ButtonLarge}`} onClick={() => { addInput(\"0\"); }}>0</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\".\"); }}>.</Button>\r\n\t\t\t\t<Button className={styles.Button} onClick={() => { calculate(); }}>=</Button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>);\r\n}","import { App, Vector2 } from \"@prozilla-os/core\";\nimport { Calculator } from \"./components/Calculator\";\n\nconst calculator = new App(\"Calculator\", \"calculator\", Calculator, { size: new Vector2(400, 600) })\n\t.setIconUrl(\"https://os.prozilla.dev/assets/apps/icons/calculator.svg\")\n\t.setPinnedByDefault(false)\n\t.setCategory(\"Utilities & tools\");\ncalculator.setMetadata({ name: \"@prozilla-os/calculator\", version: \"1.1.14\", author: \"Prozilla\" });\n\n\nexport { calculator };"],"names":["Calculator","active","input","setInput","useState","firstNumber","setFirstNumber","secondNumber","setSecondNumber","operation","setOperation","isIntermediate","setIsIntermediate","reset","useCallback","addInput","string","hasReset","calculate","intermediate","a","b","result","changeOperation","useEffect","onKeyDown","event","calculation","jsxs","styles","jsx","Button","calculator","App","Vector2"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"main.js","sources":["../src/components/Calculator.tsx","../src/main.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport styles from \"./Calculator.module.css\";\nimport { Button, WindowProps } from \"@prozilla-os/core\";\n\nexport function Calculator({ active }: WindowProps) {\n\tconst [input, setInput] = useState<string | null>(\"0\");\n\tconst [firstNumber, setFirstNumber] = useState<number | null>(null);\n\tconst [secondNumber, setSecondNumber] = useState<number | null>(null);\n\tconst [operation, setOperation] = useState<string | null>(null);\n\tconst [isIntermediate, setIsIntermediate] = useState(false);\n\n\tconst reset = useCallback(() => {\n\t\tsetInput(\"0\");\n\t\tsetFirstNumber(null);\n\t\tsetSecondNumber(null);\n\t\tsetOperation(null);\n\t}, []);\n\n\tconst addInput = useCallback((string: string) => {\n\t\tlet hasReset = false;\n\t\tif (secondNumber != null) {\n\t\t\tif (isIntermediate && input != null) {\n\t\t\t\tsetFirstNumber(parseFloat(input));\n\t\t\t\tsetSecondNumber(null);\n\t\t\t\tsetInput(null);\n\t\t\t} else {\n\t\t\t\treset();\n\t\t\t}\n\t\t\thasReset = true;\n\t\t}\t\t\t\n\n\t\tif (string === \".\" && input?.includes(\".\"))\n\t\t\treturn;\n\n\t\tif (string === \"-\") {\n\t\t\tif (input === \"0\") {\n\t\t\t\tsetInput(\"-0\");\n\t\t\t} else if (input != null) {\n\t\t\t\tsetInput((parseFloat(input) * -1).toString());\n\t\t\t}\n\t\t} else if (string === \"%\" && input != null) {\n\t\t\tsetInput((parseFloat(input) / 100).toString());\n\t\t} else if (input === \"0\" || input === \"-0\" || input == null || hasReset) {\n\t\t\tif (string === \".\") {\n\t\t\t\tsetInput(input === \"-0\" ? \"0.\" : \"0.\");\n\t\t\t} else {\n\t\t\t\tsetInput(input === \"-0\" ? `-${string}` : string);\n\t\t\t}\n\t\t} else {\n\t\t\tsetInput(input + string);\n\t\t}\n\n\t}, [input, isIntermediate, reset, secondNumber]);\n\n\tconst calculate = useCallback((intermediate = false) => {\n\t\tif (firstNumber != null && input != null) {\n\t\t\tsetSecondNumber(parseFloat(input));\n\n\t\t\tconst a = firstNumber;\n\t\t\tconst b = parseFloat(input);\n\t\t\t\n\t\t\tlet result = 0;\n\t\t\tswitch (operation) {\n\t\t\t\tcase \"×\":\n\t\t\t\t\tresult = a * b;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"÷\":\n\t\t\t\t\tresult = a / b;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"+\":\n\t\t\t\t\tresult = a + b;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"-\":\n\t\t\t\t\tresult = a - b;\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tsetInput(result.toString());\n\t\t}\n\n\t\tsetIsIntermediate(intermediate);\n\t}, [firstNumber, input, operation]);\n\n\tconst changeOperation = useCallback((operation: string) => {\n\t\tif (firstNumber != null && secondNumber == null) {\n\t\t\tcalculate(true);\n\t\t} else if (input != null) {\n\t\t\tsetFirstNumber(parseFloat(input));\n\t\t\tsetSecondNumber(null);\n\t\t\tsetInput(null);\n\t\t}\n\n\t\tsetOperation(operation);\n\t}, [calculate, firstNumber, input, secondNumber]);\n\n\tuseEffect(() => {\n\t\tconst onKeyDown = (event: KeyboardEvent) => {\n\t\t\tif (!active)\n\t\t\t\treturn;\n\n\t\t\tevent.preventDefault();\n\n\t\t\tswitch (event.key) {\n\t\t\t\tcase \"0\":\n\t\t\t\tcase \"1\":\n\t\t\t\tcase \"2\":\n\t\t\t\tcase \"3\":\n\t\t\t\tcase \"4\":\n\t\t\t\tcase \"5\":\n\t\t\t\tcase \"6\":\n\t\t\t\tcase \"7\":\n\t\t\t\tcase \"8\":\n\t\t\t\tcase \"9\":\n\t\t\t\t\taddInput(event.key);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \".\":\n\t\t\t\tcase \",\":\n\t\t\t\t\taddInput(\".\");\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Escape\":\n\t\t\t\t\treset();\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"=\":\n\t\t\t\tcase \"Enter\":\n\t\t\t\t\tcalculate();\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"*\":\n\t\t\t\t\tchangeOperation(\"×\");\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"/\":\n\t\t\t\t\tchangeOperation(\"÷\");\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"+\":\n\t\t\t\tcase \"-\":\n\t\t\t\t\tchangeOperation(event.key);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"%\":\n\t\t\t\t\taddInput(\"%\");\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Backspace\":\n\t\t\t\t\tif (input != null && input.length > 0) {\n\t\t\t\t\t\tsetInput(input.slice(0, -1));\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t};\n\n\t\tdocument.addEventListener(\"keydown\", onKeyDown);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"keydown\", onKeyDown);\n\t\t};\n\t}, [active, addInput, calculate, changeOperation, reset]);\n\n\tlet calculation = \"\";\n\tif (operation != null)\n\t\tcalculation = `${firstNumber} ${operation} ${secondNumber != null ? secondNumber + \" =\" : \"\"}`;\n\n\treturn (<div className={styles.Calculator}>\n\t\t<div className={styles.Output}>\n\t\t\t<p className={styles.Calculation}>{calculation}</p>\n\t\t\t<p className={styles.Preview}>{input ?? firstNumber}</p>\n\t\t</div>\n\t\t<div className={styles.Input}>\n\t\t\t<div className={styles.InputRow}>\n\t\t\t\t<Button className={styles.Button} onClick={reset}>C</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"-\"); }}>+/-</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"%\"); }}>%</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { changeOperation(\"÷\"); }}>÷</Button>\n\t\t\t</div>\n\t\t\t<div className={styles.InputRow}>\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"7\"); }}>7</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"8\"); }}>8</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"9\"); }}>9</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { changeOperation(\"×\"); }}>×</Button>\n\t\t\t</div>\n\t\t\t<div className={styles.InputRow}>\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"4\"); }}>4</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"5\"); }}>5</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"6\"); }}>6</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { changeOperation(\"-\"); }}>-</Button>\n\t\t\t</div>\n\t\t\t<div className={styles.InputRow}>\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"1\"); }}>1</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"2\"); }}>2</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\"3\"); }}>3</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { changeOperation(\"+\"); }}>+</Button>\n\t\t\t</div>\n\t\t\t<div className={styles.InputRow}>\n\t\t\t\t<Button className={`${styles.Button} ${styles.ButtonLarge}`} onClick={() => { addInput(\"0\"); }}>0</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { addInput(\".\"); }}>.</Button>\n\t\t\t\t<Button className={styles.Button} onClick={() => { calculate(); }}>=</Button>\n\t\t\t</div>\n\t\t</div>\n\t</div>);\n}","import { App, Vector2 } from \"@prozilla-os/core\";\nimport { Calculator } from \"./components/Calculator\";\n\nconst calculator = new App(\"Calculator\", \"calculator\", Calculator, { size: new Vector2(400, 600) })\n\t.setIconUrl(\"https://os.prozilla.dev/assets/apps/icons/calculator.svg\")\n\t.setPinnedByDefault(false)\n\t.setCategory(\"Utilities & tools\");\ncalculator.setMetadata({ name: \"@prozilla-os/calculator\", version: \"1.1.16\", author: \"Prozilla\" });\n\n\nexport { calculator };"],"names":["Calculator","active","input","setInput","useState","firstNumber","setFirstNumber","secondNumber","setSecondNumber","operation","setOperation","isIntermediate","setIsIntermediate","reset","useCallback","addInput","string","hasReset","calculate","intermediate","a","b","result","changeOperation","useEffect","onKeyDown","event","calculation","jsxs","styles","jsx","Button","calculator","App","Vector2"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -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.
|
|
4
|
+
"version": "1.1.17",
|
|
5
5
|
"homepage": "https://os.prozilla.dev/calculator",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Prozilla",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"license": "MIT",
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"react": "^18.3.1",
|
|
23
|
-
"@prozilla-os/core": "1.3.
|
|
23
|
+
"@prozilla-os/core": "1.3.12"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@types/node": "^20.14.5",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"vite": "^5.4.8",
|
|
31
31
|
"vite-plugin-dts": "^3.9.1",
|
|
32
32
|
"vite-plugin-lib-inject-css": "^2.1.1",
|
|
33
|
-
"@prozilla-os/dev-tools": "1.1.
|
|
33
|
+
"@prozilla-os/dev-tools": "1.1.9"
|
|
34
34
|
},
|
|
35
35
|
"files": [
|
|
36
36
|
"dist"
|