@telemetryos/development-application-host-ui 1.4.3 → 1.5.0
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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*{box-sizing:border-box}html{height:100%;font-family:Rubik,sans-serif;font-size:14px}body{display:flex;flex-direction:column;min-height:100%;margin:0;background:#0f141a;color:#d4e0ed;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1;transition:all .3s ease-in-out}#app{display:flex;flex:1}.app__canvas-surround{display:flex;flex:1;padding:20px;min-width:0;min-height:0}.canvas{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center}.canvas__application-container{position:relative;display:flex;flex-direction:column;border:1px solid hsl(212 24% 19%);border-radius:8px;background:#121921}.canvas__application-container iframe{flex:1;border:none}.canvas__application-container-drag-handle{position:absolute;bottom:2px;right:2px;display:flex;align-items:center;justify-content:center;width:12px;height:12px;opacity:.3;cursor:se-resize}.canvas__application-container-drag-handle svg{width:12px;height:12px}.application-info{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#121921;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}.application-info__empty{padding:20px;color:#94a3b8;font-size:13px;text-align:center;font-style:italic}.application-info__section{margin-bottom:24px}.application-info__section:last-child{margin-bottom:0}.application-info__section-title{color:#d4e0ed;font-size:14px;font-weight:600;margin:0 0 12px}.application-info__field{margin-bottom:12px}.application-info__field:last-child{margin-bottom:0}.application-info__label{display:block;color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.application-info__value{color:#d4e0ed;font-size:13px;padding:8px 12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:6px;word-break:break-all}.application-info__thumbnail-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:6px}.application-info__thumbnail{max-width:75px;max-height:75px;width:auto;height:auto;object-fit:contain;border-radius:4px}.application-settings{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#121921;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}.application-settings__loading,.application-settings__empty{padding:20px;color:#94a3b8;font-size:13px;text-align:center;font-style:italic}.device-config{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#121921;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}.device-config__section{margin-bottom:24px}.device-config__section:last-child{margin-bottom:0}.device-config__section-title{color:#d4e0ed;font-size:14px;font-weight:600;margin:0 0 12px}.device-config__field{margin-bottom:12px}.device-config__field:last-child{margin-bottom:0}.device-config__label{display:block;color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.device-config__input,.device-config__select{width:100%;height:40px;padding:8px 12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:6px;color:#d4e0ed;font-size:13px;font-family:inherit;transition:border-color .3s ease-in-out}.device-config__input::placeholder,.device-config__select::placeholder{color:#94a3b8}.device-config__input:focus,.device-config__select:focus{outline:1px solid hsl(39,93%,59%);outline-offset:0;border-color:#f8b435;box-shadow:none}.account-config{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#121921;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}.account-config__loading,.account-config__empty{padding:20px;color:#94a3b8;font-size:13px;text-align:center;font-style:italic}.account-config__section{margin-bottom:24px}.account-config__section:last-child{margin-bottom:0}.account-config__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.account-config__section-title{color:#d4e0ed;font-size:14px;font-weight:600;margin:0 0 12px}.account-config__section-header .account-config__section-title{margin:0}.account-config__field{margin-bottom:12px}.account-config__field:last-child{margin-bottom:0}.account-config__label{display:block;color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.account-config__value{color:#d4e0ed;font-size:13px;padding:8px 12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:6px;word-break:break-all}.account-config__input,.account-config__select{width:100%;height:40px;padding:8px 12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:6px;color:#d4e0ed;font-size:13px;font-family:inherit;transition:border-color .3s ease-in-out}.account-config__input::placeholder,.account-config__select::placeholder{color:#94a3b8}.account-config__input:focus,.account-config__select:focus{outline:1px solid hsl(39,93%,59%);outline-offset:0;border-color:#f8b435;box-shadow:none}.account-config__button{height:36px;padding:6px 12px;background:#f8b435;border:none;border-radius:6px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.account-config__button:hover{background:#f7a918}.account-config__button:active{background:#ec9d09}.account-config__button--small{height:32px;padding:4px 8px;font-size:12px}.account-config__button--danger{background:#f15746;border:none;color:#f8fafc}.account-config__button--danger:hover{background:#ef3d2a}.account-config__button--danger:active{background:#ed2812}.account-config__item{padding:12px;margin-bottom:12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:8px}.account-config__item:last-child{margin-bottom:0}.account-config__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid hsl(212 24% 19%)}.account-config__item-title{color:#d4e0ed;font-size:12px;font-weight:600}.media-config{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#121921;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}.media-config__empty{padding:20px;color:#94a3b8;font-size:13px;text-align:center;font-style:italic}.media-config__section{margin-bottom:24px}.media-config__section:last-child{margin-bottom:0}.media-config__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.media-config__section-title{color:#d4e0ed;font-size:14px;font-weight:600;margin:0 0 12px}.media-config__section-header .media-config__section-title{margin:0}.media-config__field{margin-bottom:12px}.media-config__field:last-child{margin-bottom:0}.media-config__label{display:block;color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.media-config__input{width:100%;height:40px;padding:8px 12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:6px;color:#d4e0ed;font-size:13px;font-family:inherit;transition:border-color .3s ease-in-out}.media-config__input::placeholder{color:#94a3b8}.media-config__input:focus{outline:1px solid hsl(39,93%,59%);outline-offset:0;border-color:#f8b435;box-shadow:none}.media-config__button{height:36px;padding:6px 12px;background:#f8b435;border:none;border-radius:6px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.media-config__button:hover{background:#f7a918}.media-config__button:active{background:#ec9d09}.media-config__button--small{height:32px;padding:4px 8px;font-size:12px}.media-config__button--danger{background:#f15746;border:none;color:#f8fafc}.media-config__button--danger:hover{background:#ef3d2a}.media-config__button--danger:active{background:#ed2812}.media-config__item{padding:12px;margin-bottom:12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:8px}.media-config__item:last-child{margin-bottom:0}.media-config__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid hsl(212 24% 19%)}.media-config__item-title{color:#d4e0ed;font-size:12px;font-weight:600}.right-sidebar{display:flex;flex-direction:row;width:400px}.right-sidebar__nav{display:flex;flex-direction:column;width:64px;padding:16px 8px;gap:4px;background:#0f141a;border-right:1px solid hsl(212 24% 19%);align-items:center}.right-sidebar__nav-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:#fff6;font-size:20px;font-family:Rubik,sans-serif;font-weight:400;cursor:pointer;transition:all .3s ease-in-out}.right-sidebar__nav-button:hover{border-color:#ffffff26;color:#fff9}.right-sidebar__nav-button--active{border-color:#f8b435;color:#f8b435}.right-sidebar__nav-icon{display:block}.right-sidebar__container{display:flex;flex-direction:column;flex:1;overflow:hidden;background:#121921;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}.right-sidebar__header{display:flex;align-items:center;height:48px;padding:0 16px;border-bottom:1px solid hsl(212 24% 19%);background:#121921;flex-shrink:0}.right-sidebar__header-title{color:#d4e0ed;font-size:14px;font-weight:600}.right-sidebar__content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#121921}.scaling-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0}.scaling-container__inner{display:flex;flex-direction:column}
|
|
@@ -1 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
type TelemetryConfig = {
|
|
2
|
+
name?: string;
|
|
3
|
+
version?: string;
|
|
4
|
+
thumbnailPath?: string;
|
|
5
|
+
mountPoints?: Record<string, string | {
|
|
6
|
+
path: string;
|
|
7
|
+
}>;
|
|
8
|
+
workerScripts?: Record<string, string | {
|
|
9
|
+
path: string;
|
|
10
|
+
}>;
|
|
11
|
+
containers?: Record<string, string | {
|
|
12
|
+
image: string;
|
|
13
|
+
}>;
|
|
14
|
+
devServer?: {
|
|
15
|
+
url: string;
|
|
16
|
+
runCommand?: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export declare function useTelemetryConfig(): TelemetryConfig | null;
|
|
20
|
+
export {};
|
package/dist/index.html
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
6
|
<title>TelemetryOS Development Environment</title>
|
|
7
|
-
<script type="module" crossorigin src="/assets/index-
|
|
8
|
-
<link rel="stylesheet" crossorigin href="/assets/index-
|
|
7
|
+
<script type="module" crossorigin src="/assets/index-BoBNIeNO.js"></script>
|
|
8
|
+
<link rel="stylesheet" crossorigin href="/assets/index-Dd6tbmCG.css">
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
|
11
11
|
<div id="app"></div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telemetryos/development-application-host-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"description": "The official TelemetryOS application CLI package. Use it to build applications that run on the TelemetryOS platform",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -31,6 +31,8 @@
|
|
|
31
31
|
"eslint-config-prettier": "^10.1.2",
|
|
32
32
|
"eslint-plugin-prettier": "^5.4.0",
|
|
33
33
|
"globals": "^16.0.0",
|
|
34
|
+
"prettier": "^3.5.3",
|
|
35
|
+
"typescript": "^5.8.3",
|
|
34
36
|
"typescript-eslint": "^8.32.0",
|
|
35
37
|
"vite": "^6.3.5",
|
|
36
38
|
"vitest": "^3.1.3"
|
|
@@ -38,7 +40,7 @@
|
|
|
38
40
|
"dependencies": {
|
|
39
41
|
"@hugeicons/core-free-icons": "^1.0.5",
|
|
40
42
|
"@hugeicons/react": "^1.0.5",
|
|
41
|
-
"@telemetryos/root-sdk": "^1.
|
|
43
|
+
"@telemetryos/root-sdk": "^1.5.0",
|
|
42
44
|
"react": "^19.1.1",
|
|
43
45
|
"react-dom": "^19.1.1"
|
|
44
46
|
},
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
*{box-sizing:border-box}html{height:100%;font-family:Arial,sans-serif}body{display:flex;flex-direction:column;min-height:100%;margin:0;background:#1b1b1d;font-family:Rubik,sans-serif}#app{display:flex;flex:1}.app__canvas-surround{display:flex;flex:1;padding:20px;min-width:0;min-height:0}.canvas{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center}.canvas__application-container{position:relative;display:flex;flex-direction:column;border:1px solid rgb(54,52,55);border-radius:8px;background:#1b1b1d}.canvas__application-container iframe{flex:1;border:none}.canvas__application-container-drag-handle{position:absolute;bottom:2px;right:2px;display:flex;align-items:center;justify-content:center;width:12px;height:12px;opacity:.3;cursor:se-resize}.canvas__application-container-drag-handle svg{width:12px;height:12px}.application-info{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#17191c;font-family:Rubik,sans-serif}.application-info__loading,.application-info__empty{padding:20px;color:#94a3b8;font-size:13px;text-align:center;font-style:italic}.application-info__section{margin-bottom:24px}.application-info__section:last-child{margin-bottom:0}.application-info__section-title{color:#d4e0ed;font-size:14px;font-weight:600;margin:0 0 12px}.application-info__field{margin-bottom:12px}.application-info__field:last-child{margin-bottom:0}.application-info__label{display:block;color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.application-info__value{color:#d4e0ed;font-size:13px;padding:8px 12px;background:#22252a;border:1px solid hsl(220,10%,20%);border-radius:6px;word-break:break-all}.application-settings{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#17191c;font-family:Rubik,sans-serif}.application-settings__loading,.application-settings__empty{padding:20px;color:#94a3b8;font-size:13px;text-align:center;font-style:italic}.device-config{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#17191c;font-family:Rubik,sans-serif}.device-config__section{margin-bottom:24px}.device-config__section:last-child{margin-bottom:0}.device-config__section-title{color:#d4e0ed;font-size:14px;font-weight:600;margin:0 0 12px}.device-config__field{margin-bottom:12px}.device-config__field:last-child{margin-bottom:0}.device-config__label{display:block;color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.device-config__input,.device-config__select{width:100%;height:40px;padding:8px 12px;background:#22252a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#d4e0ed;font-size:13px;font-family:inherit;transition:border-color .2s ease-linear}.device-config__input::placeholder,.device-config__select::placeholder{color:#94a3b8}.device-config__input:focus,.device-config__select:focus{outline:1px solid hsl(39,93%,59%);outline-offset:0;border-color:#f8b435;box-shadow:none}.account-config{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#17191c;font-family:Rubik,sans-serif}.account-config__loading,.account-config__empty{padding:20px;color:#94a3b8;font-size:13px;text-align:center;font-style:italic}.account-config__section{margin-bottom:24px}.account-config__section:last-child{margin-bottom:0}.account-config__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.account-config__section-title{color:#d4e0ed;font-size:14px;font-weight:600;margin:0 0 12px}.account-config__section-header .account-config__section-title{margin:0}.account-config__field{margin-bottom:12px}.account-config__field:last-child{margin-bottom:0}.account-config__label{display:block;color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.account-config__value{color:#d4e0ed;font-size:13px;padding:8px 12px;background:#22252a;border:1px solid hsl(220,10%,20%);border-radius:6px;word-break:break-all}.account-config__input,.account-config__select{width:100%;height:40px;padding:8px 12px;background:#22252a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#d4e0ed;font-size:13px;font-family:inherit;transition:border-color .2s ease-linear}.account-config__input::placeholder,.account-config__select::placeholder{color:#94a3b8}.account-config__input:focus,.account-config__select:focus{outline:1px solid hsl(39,93%,59%);outline-offset:0;border-color:#f8b435;box-shadow:none}.account-config__button{height:36px;padding:6px 12px;background:#f8b435;border:none;border-radius:6px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-linear}.account-config__button:hover{background:#f7a918}.account-config__button:active{background:#ec9d09}.account-config__button--small{height:32px;padding:4px 8px;font-size:12px}.account-config__button--danger{background:#f15746;border:none;color:#f8fafc}.account-config__button--danger:hover{background:#ef3d2a}.account-config__button--danger:active{background:#ed2812}.account-config__item{padding:12px;margin-bottom:12px;background:#22252a;border:1px solid hsl(220,10%,20%);border-radius:8px}.account-config__item:last-child{margin-bottom:0}.account-config__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid hsl(220,10%,20%)}.account-config__item-title{color:#d4e0ed;font-size:12px;font-weight:600}.media-config{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#17191c;font-family:Rubik,sans-serif}.media-config__empty{padding:20px;color:#94a3b8;font-size:13px;text-align:center;font-style:italic}.media-config__section{margin-bottom:24px}.media-config__section:last-child{margin-bottom:0}.media-config__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.media-config__section-title{color:#d4e0ed;font-size:14px;font-weight:600;margin:0 0 12px}.media-config__section-header .media-config__section-title{margin:0}.media-config__field{margin-bottom:12px}.media-config__field:last-child{margin-bottom:0}.media-config__label{display:block;color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.media-config__input{width:100%;height:40px;padding:8px 12px;background:#22252a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#d4e0ed;font-size:13px;font-family:inherit;transition:border-color .2s ease-linear}.media-config__input::placeholder{color:#94a3b8}.media-config__input:focus{outline:1px solid hsl(39,93%,59%);outline-offset:0;border-color:#f8b435;box-shadow:none}.media-config__button{height:36px;padding:6px 12px;background:#f8b435;border:none;border-radius:6px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-linear}.media-config__button:hover{background:#f7a918}.media-config__button:active{background:#ec9d09}.media-config__button--small{height:32px;padding:4px 8px;font-size:12px}.media-config__button--danger{background:#f15746;border:none;color:#f8fafc}.media-config__button--danger:hover{background:#ef3d2a}.media-config__button--danger:active{background:#ed2812}.media-config__item{padding:12px;margin-bottom:12px;background:#22252a;border:1px solid hsl(220,10%,20%);border-radius:8px}.media-config__item:last-child{margin-bottom:0}.media-config__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid hsl(220,10%,20%)}.media-config__item-title{color:#d4e0ed;font-size:12px;font-weight:600}.right-sidebar{display:flex;flex-direction:row;width:400px}.right-sidebar__nav{display:flex;flex-direction:column;width:64px;padding:16px 8px;gap:4px;background:#121416;border-right:1px solid hsl(220,10%,15%);align-items:center}.right-sidebar__nav-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:#fff6;font-size:20px;font-family:Rubik,sans-serif;font-weight:400;cursor:pointer;transition:all .15s ease}.right-sidebar__nav-button:hover{border-color:#ffffff26;color:#fff9}.right-sidebar__nav-button--active{border-color:#f8b435;color:#f8b435}.right-sidebar__nav-icon{display:block}.right-sidebar__container{display:flex;flex-direction:column;flex:1;overflow:hidden;background:#17191c;font-family:Rubik,sans-serif}.right-sidebar__header{display:flex;align-items:center;height:48px;padding:0 16px;border-bottom:1px solid hsl(220,10%,20%);background:#17191c;flex-shrink:0}.right-sidebar__header-title{color:#d4e0ed;font-size:14px;font-weight:600}.right-sidebar__content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#17191c}.scaling-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0}.scaling-container__inner{display:flex;flex-direction:column}
|