@prozilla-os/app-center 1.0.4 → 1.0.6
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/dist/main.js +25 -25
- package/dist/main.js.map +1 -1
- package/package.json +3 -3
package/dist/main.js
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._AppCenter_i8u9y_1{display:flex;gap:.5rem;flex-direction:column;height:100%}._Header_13ehb_1{display:flex;gap:.75rem;flex-wrap:nowrap;height:2rem;min-height:2rem;margin:1rem;overflow:hidden}._SearchInput_13ehb_11{flex:1;width:auto;max-width:100%;padding:.25rem .5rem;height:100%;background-color:var(--background-color-2);border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}._CategoryInput_13ehb_25{flex:.25;width:auto;max-width:100%;padding:.25rem .5rem;height:100%;color:var(--text-color);background-color:var(--background-color-1);border:none;border-radius:var(--border-radius-1);outline:none;font-size:inherit;font-family:inherit}._CategoryInput_13ehb_25>*{color:inherit;background-color:inherit;border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}.
|
|
2
|
-
import { useSystemManager as
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._AppCenter_i8u9y_1{display:flex;gap:.5rem;flex-direction:column;height:100%}._Header_13ehb_1{display:flex;gap:.75rem;flex-wrap:nowrap;height:2rem;min-height:2rem;margin:1rem;overflow:hidden}._SearchInput_13ehb_11{flex:1;width:auto;max-width:100%;padding:.25rem .5rem;height:100%;background-color:var(--background-color-2);border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}._CategoryInput_13ehb_25{flex:.25;width:auto;max-width:100%;padding:.25rem .5rem;height:100%;color:var(--text-color);background-color:var(--background-color-1);border:none;border-radius:var(--border-radius-1);outline:none;font-size:inherit;font-family:inherit}._CategoryInput_13ehb_25>*{color:inherit;background-color:inherit;border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}._List_j2dmd_1{--gap: 1rem;--columns: 6;display:flex;gap:var(--gap);flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin:1rem;max-height:100%;overflow:auto}._App_j2dmd_16{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;width:calc((100% - var(--gap) * (var(--columns) - 1)) / var(--columns));height:auto;background-color:var(--background-color-1);border-radius:var(--border-radius-1);overflow:hidden;aspect-ratio:16 / 14;transition:background-color var(--transition-duration-1) var(--ease-in-out-default);cursor:pointer}._App_j2dmd_16:hover,._App_j2dmd_16:focus-visible{background-color:var(--background-color-0)}._AppIcon_j2dmd_35{flex-grow:0;width:50%;height:auto;aspect-ratio:1;filter:drop-shadow(.1rem .1rem .2rem color-mix(in srgb,var(--black-4) 75%,transparent))}._AppIcon_j2dmd_35 div,._AppIcon_j2dmd_35 svg{width:100%;height:100%;aspect-ratio:inherit;border-radius:var(--border-radius-1)}._AppName_j2dmd_50{margin:0;font-size:1.25rem;font-weight:500}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
import { useSystemManager as u, APP_CATEGORIES as A, Image as m, App as _ } from "@prozilla-os/core";
|
|
3
3
|
import { jsxs as l, jsx as t } from "react/jsx-runtime";
|
|
4
|
-
import { useState as
|
|
5
|
-
const
|
|
6
|
-
AppCenter:
|
|
4
|
+
import { useState as d } from "react";
|
|
5
|
+
const C = "_AppCenter_i8u9y_1", g = {
|
|
6
|
+
AppCenter: C
|
|
7
7
|
}, y = "_Header_13ehb_1", I = "_SearchInput_13ehb_11", v = "_CategoryInput_13ehb_25", i = {
|
|
8
8
|
Header: y,
|
|
9
9
|
SearchInput: I,
|
|
10
10
|
CategoryInput: v
|
|
11
11
|
};
|
|
12
|
-
function N({ searchQuery: o, setSearchQuery:
|
|
13
|
-
const { appsConfig: n } =
|
|
14
|
-
p(e.target.value);
|
|
15
|
-
}, A = (e) => {
|
|
12
|
+
function N({ searchQuery: o, setSearchQuery: a, category: s, setCategory: p }) {
|
|
13
|
+
const { appsConfig: n } = u(), r = (e) => {
|
|
16
14
|
a(e.target.value);
|
|
15
|
+
}, h = (e) => {
|
|
16
|
+
p(e.target.value);
|
|
17
17
|
};
|
|
18
18
|
return /* @__PURE__ */ l("div", { className: i.Header, children: [
|
|
19
19
|
/* @__PURE__ */ t("input", { className: i.SearchInput, value: o, onChange: r, type: "text", placeholder: "Search..." }),
|
|
20
|
-
/* @__PURE__ */ l("select", { className: i.CategoryInput, value: s, onChange:
|
|
20
|
+
/* @__PURE__ */ l("select", { className: i.CategoryInput, value: s, onChange: h, children: [
|
|
21
21
|
/* @__PURE__ */ t("option", { value: "All", children: "All" }),
|
|
22
|
-
|
|
22
|
+
A.filter((e) => n.getAppsByCategory(e).length > 0).map(
|
|
23
23
|
(e) => /* @__PURE__ */ t("option", { value: e, children: e }, e)
|
|
24
24
|
)
|
|
25
25
|
] })
|
|
26
26
|
] });
|
|
27
27
|
}
|
|
28
|
-
const f = "
|
|
28
|
+
const f = "_List_j2dmd_1", S = "_App_j2dmd_16", L = "_AppIcon_j2dmd_35", j = "_AppName_j2dmd_50", c = {
|
|
29
29
|
List: f,
|
|
30
30
|
App: S,
|
|
31
|
-
AppIcon:
|
|
32
|
-
AppName:
|
|
31
|
+
AppIcon: L,
|
|
32
|
+
AppName: j
|
|
33
33
|
};
|
|
34
|
-
function $({ apps: o, searchQuery:
|
|
35
|
-
return /* @__PURE__ */ t("div", { className: c.List, children: o.filter(({ name:
|
|
36
|
-
({ name:
|
|
37
|
-
/* @__PURE__ */ t("div", { className: c.AppIcon, children: r && /* @__PURE__ */ t(
|
|
38
|
-
/* @__PURE__ */ t("p", { className: c.AppName, children:
|
|
34
|
+
function $({ apps: o, searchQuery: a, category: s }) {
|
|
35
|
+
return /* @__PURE__ */ t("div", { className: c.List, children: o.filter(({ name: p, id: n, category: r }) => (p.toLowerCase().includes(a) || n.toLowerCase().replaceAll("-", " ").includes(a)) && (s == "All" || r == s)).map(
|
|
36
|
+
({ name: p, id: n, iconUrl: r }) => /* @__PURE__ */ l("div", { className: c.App, children: [
|
|
37
|
+
/* @__PURE__ */ t("div", { className: c.AppIcon, children: r && /* @__PURE__ */ t(m, { src: r }) }),
|
|
38
|
+
/* @__PURE__ */ t("p", { className: c.AppName, children: p })
|
|
39
39
|
] }, n)
|
|
40
40
|
) });
|
|
41
41
|
}
|
|
42
42
|
function H() {
|
|
43
|
-
const { appsConfig: o } =
|
|
43
|
+
const { appsConfig: o } = u(), [a, s] = d(""), [p, n] = d("All");
|
|
44
44
|
return /* @__PURE__ */ l("div", { className: g.AppCenter, children: [
|
|
45
|
-
/* @__PURE__ */ t(N, { searchQuery:
|
|
46
|
-
/* @__PURE__ */ t($, { apps: o.apps, searchQuery:
|
|
45
|
+
/* @__PURE__ */ t(N, { searchQuery: a, setSearchQuery: s, category: p, setCategory: n }),
|
|
46
|
+
/* @__PURE__ */ t($, { apps: o.apps, searchQuery: a, category: p })
|
|
47
47
|
] });
|
|
48
48
|
}
|
|
49
|
-
const
|
|
50
|
-
|
|
49
|
+
const x = new _("AppCenter", "app-center", H).setIconUrl("https://os.prozilla.dev/assets/apps/icons/app-center.svg").setPinnedByDefault(!0).setCategory("Utilities & tools");
|
|
50
|
+
x.setMetadata({ name: "@prozilla-os/app-center", version: "1.0.5", author: "Prozilla" });
|
|
51
51
|
export {
|
|
52
|
-
|
|
52
|
+
x as appCenter
|
|
53
53
|
};
|
|
54
54
|
//# sourceMappingURL=main.js.map
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sources":["../src/components/header/Header.tsx","../src/components/list/List.tsx","../src/components/AppCenter.tsx","../src/main.ts"],"sourcesContent":["import { ChangeEvent } from \"react\";\nimport styles from \"./Header.module.css\";\nimport { APP_CATEGORIES, useSystemManager } from \"@prozilla-os/core\";\nimport { CategoryType } from \"../AppCenter\";\n\ninterface HeaderProps {\n\tsearchQuery: string;\n\tsetSearchQuery: React.Dispatch<React.SetStateAction<string>>;\n\tcategory: CategoryType;\n\tsetCategory: React.Dispatch<React.SetStateAction<CategoryType>>;\n}\n\nexport function Header({ searchQuery, setSearchQuery, category, setCategory }: HeaderProps) {\n\tconst { appsConfig } = useSystemManager();\n\n\tconst handleSearchChange = (event: ChangeEvent<HTMLInputElement>) => {\n\t\tsetSearchQuery(event.target.value);\n\t};\n\n\tconst handleCategoryChange = (event: ChangeEvent<HTMLSelectElement>) => {\n\t\tsetCategory(event.target.value as CategoryType);\n\t};\n\n\treturn <div className={styles.Header}>\n\t\t<input className={styles.SearchInput} value={searchQuery} onChange={handleSearchChange} type=\"text\" placeholder=\"Search...\"/>\n\t\t<select className={styles.CategoryInput} value={category} onChange={handleCategoryChange}>\n\t\t\t<option value={\"All\"}>All</option>\n\t\t\t{APP_CATEGORIES.filter((category) => {\n\t\t\t\treturn appsConfig.getAppsByCategory(category).length > 0;\n\t\t\t}).map((category) =>\n\t\t\t\t<option key={category} value={category}>{category}</option>\n\t\t\t)}\n\t\t</select>\n\t</div>;\n}","import { App, Image } from \"@prozilla-os/core\";\nimport styles from \"./List.module.css\";\nimport { CategoryType } from \"../AppCenter\";\n\ninterface ListProps {\n\tapps: App[];\n\tsearchQuery: string;\n\tcategory: CategoryType;\n}\n\nexport function List({ apps, searchQuery, category }: ListProps) {\n\treturn <div className={styles.List}>\n\t\t{apps.filter(({ name, id, category: appCategory }) => {\n\t\t\treturn (name.toLowerCase().includes(searchQuery) || id.toLowerCase().replaceAll(\"-\", \" \").includes(searchQuery))\n\t\t\t\t&& (category == \"All\" || appCategory == category);\n\t\t}).map(({ name, id, iconUrl }) =>\n\t\t\t<div key={id} className={styles.App}>\n\t\t\t\t<div className={styles.AppIcon}>{iconUrl && <Image src={iconUrl}/>}</div>\n\t\t\t\t<p className={styles.AppName}>{name}</p>\n\t\t\t</div>\n\t\t)}\n\t</div>;\n}","import { useSystemManager, APP_CATEGORIES } from \"@prozilla-os/core\";\nimport styles from \"./AppCenter.module.css\";\nimport { Header } from \"./header/Header\";\nimport { List } from \"./list/List\";\nimport { useState } from \"react\";\n\nexport type CategoryType = typeof APP_CATEGORIES[number] | \"All\";\n\nexport function AppCenter() {\n\tconst { appsConfig } = useSystemManager();\n\tconst [searchQuery, setSearchQuery] = useState(\"\");\n\tconst [category, setCategory] = useState<CategoryType>(\"All\");\n\n\treturn <div className={styles.AppCenter}>\n\t\t<Header searchQuery={searchQuery} setSearchQuery={setSearchQuery} category={category} setCategory={setCategory}/>\n\t\t<List apps={appsConfig.apps} searchQuery={searchQuery} category={category}/>\n\t</div>;\n}","import { App } from \"@prozilla-os/core\";\nimport { AppCenter } from \"./components/AppCenter\";\n\nconst appCenter = new App(\"AppCenter\", \"app-center\", AppCenter)\n\t.setIconUrl(\"https://os.prozilla.dev/assets/apps/icons/app-center.svg\")\n\t.setPinnedByDefault(true)\n\t.setCategory(\"Utilities & tools\");\nappCenter.setMetadata({ name: \"@prozilla-os/app-center\", version: \"1.0.
|
|
1
|
+
{"version":3,"file":"main.js","sources":["../src/components/header/Header.tsx","../src/components/list/List.tsx","../src/components/AppCenter.tsx","../src/main.ts"],"sourcesContent":["import { ChangeEvent } from \"react\";\nimport styles from \"./Header.module.css\";\nimport { APP_CATEGORIES, useSystemManager } from \"@prozilla-os/core\";\nimport { CategoryType } from \"../AppCenter\";\n\ninterface HeaderProps {\n\tsearchQuery: string;\n\tsetSearchQuery: React.Dispatch<React.SetStateAction<string>>;\n\tcategory: CategoryType;\n\tsetCategory: React.Dispatch<React.SetStateAction<CategoryType>>;\n}\n\nexport function Header({ searchQuery, setSearchQuery, category, setCategory }: HeaderProps) {\n\tconst { appsConfig } = useSystemManager();\n\n\tconst handleSearchChange = (event: ChangeEvent<HTMLInputElement>) => {\n\t\tsetSearchQuery(event.target.value);\n\t};\n\n\tconst handleCategoryChange = (event: ChangeEvent<HTMLSelectElement>) => {\n\t\tsetCategory(event.target.value as CategoryType);\n\t};\n\n\treturn <div className={styles.Header}>\n\t\t<input className={styles.SearchInput} value={searchQuery} onChange={handleSearchChange} type=\"text\" placeholder=\"Search...\"/>\n\t\t<select className={styles.CategoryInput} value={category} onChange={handleCategoryChange}>\n\t\t\t<option value={\"All\"}>All</option>\n\t\t\t{APP_CATEGORIES.filter((category) => {\n\t\t\t\treturn appsConfig.getAppsByCategory(category).length > 0;\n\t\t\t}).map((category) =>\n\t\t\t\t<option key={category} value={category}>{category}</option>\n\t\t\t)}\n\t\t</select>\n\t</div>;\n}","import { App, Image } from \"@prozilla-os/core\";\nimport styles from \"./List.module.css\";\nimport { CategoryType } from \"../AppCenter\";\n\ninterface ListProps {\n\tapps: App[];\n\tsearchQuery: string;\n\tcategory: CategoryType;\n}\n\nexport function List({ apps, searchQuery, category }: ListProps) {\n\treturn <div className={styles.List}>\n\t\t{apps.filter(({ name, id, category: appCategory }) => {\n\t\t\treturn (name.toLowerCase().includes(searchQuery) || id.toLowerCase().replaceAll(\"-\", \" \").includes(searchQuery))\n\t\t\t\t&& (category == \"All\" || appCategory == category);\n\t\t}).map(({ name, id, iconUrl }) =>\n\t\t\t<div key={id} className={styles.App}>\n\t\t\t\t<div className={styles.AppIcon}>{iconUrl && <Image src={iconUrl}/>}</div>\n\t\t\t\t<p className={styles.AppName}>{name}</p>\n\t\t\t</div>\n\t\t)}\n\t</div>;\n}","import { useSystemManager, APP_CATEGORIES } from \"@prozilla-os/core\";\nimport styles from \"./AppCenter.module.css\";\nimport { Header } from \"./header/Header\";\nimport { List } from \"./list/List\";\nimport { useState } from \"react\";\n\nexport type CategoryType = typeof APP_CATEGORIES[number] | \"All\";\n\nexport function AppCenter() {\n\tconst { appsConfig } = useSystemManager();\n\tconst [searchQuery, setSearchQuery] = useState(\"\");\n\tconst [category, setCategory] = useState<CategoryType>(\"All\");\n\n\treturn <div className={styles.AppCenter}>\n\t\t<Header searchQuery={searchQuery} setSearchQuery={setSearchQuery} category={category} setCategory={setCategory}/>\n\t\t<List apps={appsConfig.apps} searchQuery={searchQuery} category={category}/>\n\t</div>;\n}","import { App } from \"@prozilla-os/core\";\nimport { AppCenter } from \"./components/AppCenter\";\n\nconst appCenter = new App(\"AppCenter\", \"app-center\", AppCenter)\n\t.setIconUrl(\"https://os.prozilla.dev/assets/apps/icons/app-center.svg\")\n\t.setPinnedByDefault(true)\n\t.setCategory(\"Utilities & tools\");\nappCenter.setMetadata({ name: \"@prozilla-os/app-center\", version: \"1.0.5\", author: \"Prozilla\" });\n\n\nexport { appCenter };"],"names":["Header","searchQuery","setSearchQuery","category","setCategory","appsConfig","useSystemManager","handleSearchChange","event","handleCategoryChange","jsxs","styles","jsx","APP_CATEGORIES","List","apps","name","id","appCategory","iconUrl","Image","AppCenter","useState","appCenter","App"],"mappings":";;;;;;;;;;AAYO,SAASA,EAAO,EAAE,aAAAC,GAAa,gBAAAC,GAAgB,UAAAC,GAAU,aAAAC,KAA4B;AACrF,QAAA,EAAE,YAAAC,MAAeC,KAEjBC,IAAqB,CAACC,MAAyC;AACrD,IAAAN,EAAAM,EAAM,OAAO,KAAK;AAAA,EAAA,GAG5BC,IAAuB,CAACD,MAA0C;AAC3D,IAAAJ,EAAAI,EAAM,OAAO,KAAqB;AAAA,EAAA;AAG/C,SAAQ,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAO,QAC7B,UAAA;AAAA,IAAC,gBAAAC,EAAA,SAAA,EAAM,WAAWD,EAAO,aAAa,OAAOV,GAAa,UAAUM,GAAoB,MAAK,QAAO,aAAY,YAAW,CAAA;AAAA,IAC3H,gBAAAG,EAAC,YAAO,WAAWC,EAAO,eAAe,OAAOR,GAAU,UAAUM,GACnE,UAAA;AAAA,MAAC,gBAAAG,EAAA,UAAA,EAAO,OAAO,OAAO,UAAG,OAAA;AAAA,MACxBC,EAAe,OAAO,CAACV,MAChBE,EAAW,kBAAkBF,CAAQ,EAAE,SAAS,CACvD,EAAE;AAAA,QAAI,CAACA,MACN,gBAAAS,EAAA,UAAA,EAAsB,OAAOT,GAAW,UAAAA,KAA5BA,CAAqC;AAAA,MACnD;AAAA,IAAA,GACD;AAAA,EACD,EAAA,CAAA;AACD;;;;;;;ACxBO,SAASW,EAAK,EAAE,MAAAC,GAAM,aAAAd,GAAa,UAAAE,KAAuB;AAChE,SAAQ,gBAAAS,EAAA,OAAA,EAAI,WAAWD,EAAO,MAC5B,UAAAI,EAAK,OAAO,CAAC,EAAE,MAAAC,GAAM,IAAAC,GAAI,UAAUC,SAC3BF,EAAK,cAAc,SAASf,CAAW,KAAKgB,EAAG,cAAc,WAAW,KAAK,GAAG,EAAE,SAAShB,CAAW,OACzGE,KAAY,SAASe,KAAef,EACzC,EAAE;AAAA,IAAI,CAAC,EAAE,MAAAa,GAAM,IAAAC,GAAI,SAAAE,QAClB,gBAAAT,EAAA,OAAA,EAAa,WAAWC,EAAO,KAC/B,UAAA;AAAA,MAAC,gBAAAC,EAAA,OAAA,EAAI,WAAWD,EAAO,SAAU,eAAY,gBAAAC,EAAAQ,GAAA,EAAM,KAAKD,EAAA,CAAQ,EAAG,CAAA;AAAA,MAClE,gBAAAP,EAAA,KAAA,EAAE,WAAWD,EAAO,SAAU,UAAKK,GAAA;AAAA,IAAA,EAAA,GAF3BC,CAGV;AAAA,EAEF,EAAA,CAAA;AACD;ACdO,SAASI,IAAY;AACrB,QAAA,EAAE,YAAAhB,MAAeC,KACjB,CAACL,GAAaC,CAAc,IAAIoB,EAAS,EAAE,GAC3C,CAACnB,GAAUC,CAAW,IAAIkB,EAAuB,KAAK;AAE5D,SAAQ,gBAAAZ,EAAA,OAAA,EAAI,WAAWC,EAAO,WAC7B,UAAA;AAAA,IAAA,gBAAAC,EAACZ,GAAO,EAAA,aAAAC,GAA0B,gBAAAC,GAAgC,UAAAC,GAAoB,aAAAC,GAAyB;AAAA,sBAC9GU,GAAK,EAAA,MAAMT,EAAW,MAAM,aAAAJ,GAA0B,UAAAE,GAAmB;AAAA,EAC3E,EAAA,CAAA;AACD;ACdA,MAAMoB,IAAY,IAAIC,EAAI,aAAa,cAAcH,CAAS,EAC5D,WAAW,0DAA0D,EACrE,mBAAmB,EAAI,EACvB,YAAY,mBAAmB;AACjCE,EAAU,YAAY,EAAE,MAAM,2BAA2B,SAAS,SAAS,QAAQ,YAAY;"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prozilla-os/app-center",
|
|
3
3
|
"description": "A ProzillaOS application for browsing and installing applications.",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.6",
|
|
5
5
|
"homepage": "https://os.prozilla.dev/app-center",
|
|
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.8"
|
|
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.5"
|
|
34
34
|
},
|
|
35
35
|
"files": [
|
|
36
36
|
"dist"
|