web app, icons

.vscode/extensions.json

@@ -2,6 +2,7 @@
 	"recommendations": [
 		"expo.vscode-expo-tools",
 		"gruntfuggly.todo-tree",
-		"eamodio.gitlens"
+		"eamodio.gitlens",
+		"astro-build.astro-vscode"
 	]
 }

README.md

@@ -0,0 +1,11 @@
+Fressh is a mobile ssh client remains clean and simple but supports powerful
+features
+
+- Securely storing previous connections
+- Configurable preset command buttons
+- Configurable theme
+
+Coming soon
+
+- Fully accurate xterm emulation
+- On device llm used for command completion and output summarization.

apps/mobile/app.config.ts

@@ -3,11 +3,11 @@ import { type ExpoConfig } from 'expo/config';
 import packageJson from './package.json';
 
 const config: ExpoConfig = {
-	name: 'fressh',
+	name: 'Fressh',
 	slug: 'fressh',
 	version: packageJson.version,
 	orientation: 'portrait',
-	icon: './assets/images/icon.png',
+	icon: '../../packages/assets/ios-dark.png',
 	scheme: 'fressh',
 	userInterfaceStyle: 'automatic',
 	newArchEnabled: true,
@@ -21,25 +21,28 @@ const config: ExpoConfig = {
 	android: {
 		package: 'dev.fressh.app',
 		adaptiveIcon: {
-			foregroundImage: './assets/images/adaptive-icon.png',
-			backgroundColor: '#ffffff',
+			foregroundImage: '../../packages/assets/adaptive-icon.png',
+			backgroundColor: '#151718',
 		},
 		edgeToEdgeEnabled: true,
 		predictiveBackGestureEnabled: false,
 	},
 	web: {
 		output: 'static',
-		favicon: './assets/images/favicon.png',
+		favicon: '../../packages/assets/favicon.png',
 	},
 	plugins: [
 		'expo-router',
 		[
 			'expo-splash-screen',
 			{
-				image: './assets/images/splash-icon.png',
+				image: '../../packages/assets/splash-icon-light.png',
+				dark: {
+					image: '../../packages/assets/splash-icon-dark.png',
+					backgroundColor: '#151718',
+				},
 				imageWidth: 200,
-				resizeMode: 'contain',
-				backgroundColor: '#ffffff',
+				backgroundColor: '#ECEDEE',
 			},
 		],
 		'expo-secure-store',

apps/mobile/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@fressh/mobile",
+  "version": "0.0.1",
   "private": true,
   "main": "expo-router/entry",
-  "version": "0.0.1",
   "type": "module",
   "scripts": {
     "start": "expo start",
@@ -28,6 +28,7 @@
     "@expo/vector-icons": "^15.0.2",
     "@react-native-picker/picker": "2.11.2",
     "@react-navigation/bottom-tabs": "^7.4.0",
+    "@fressh/assets": "workspace:*",
     "@react-navigation/elements": "^2.6.4",
     "@react-navigation/native": "^7.1.8",
     "@tanstack/react-form": "^1.19.5",

apps/web/.gitignore

@@ -0,0 +1,24 @@
+# build output
+dist/
+
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
+
+# jetbrains setting folder
+.idea/

apps/web/.prettierignore

@@ -0,0 +1 @@
+dist/

apps/web/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+	"recommendations": ["astro-build.astro-vscode"],
+	"unwantedRecommendations": []
+}

apps/web/.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+	"version": "0.2.0",
+	"configurations": [
+		{
+			"command": "./node_modules/.bin/astro dev",
+			"name": "Development server",
+			"request": "launch",
+			"type": "node-terminal"
+		}
+	]
+}

apps/web/README.md

@@ -0,0 +1,48 @@
+# Astro Starter Kit: Basics
+
+```sh
+pnpm create astro@latest -- --template basics
+```
+
+> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+
+## 🚀 Project Structure
+
+Inside of your Astro project, you'll see the following folders and files:
+
+```text
+/
+├── public/
+│   └── favicon.svg
+├── src
+│   ├── assets
+│   │   └── astro.svg
+│   ├── components
+│   │   └── Welcome.astro
+│   ├── layouts
+│   │   └── Layout.astro
+│   └── pages
+│       └── index.astro
+└── package.json
+```
+
+To learn more about the folder structure of an Astro project, refer to
+[our guide on project structure](https://docs.astro.build/en/basics/project-structure/).
+
+## 🧞 Commands
+
+All commands are run from the root of the project, from a terminal:
+
+| Command                | Action                                           |
+| :--------------------- | :----------------------------------------------- |
+| `pnpm install`         | Installs dependencies                            |
+| `pnpm dev`             | Starts local dev server at `localhost:4321`      |
+| `pnpm build`           | Build your production site to `./dist/`          |
+| `pnpm preview`         | Preview your build locally, before deploying     |
+| `pnpm astro ...`       | Run CLI commands like `astro add`, `astro check` |
+| `pnpm astro -- --help` | Get help using the Astro CLI                     |
+
+## 👀 Want to learn more?
+
+Feel free to check [our documentation](https://docs.astro.build) or jump into
+our [Discord server](https://astro.build/chat).

apps/web/astro.config.ts

@@ -0,0 +1,11 @@
+// @ts-check
+import { defineConfig } from 'astro/config';
+
+import tailwindcss from '@tailwindcss/vite';
+
+// https://astro.build/config
+export default defineConfig({
+	vite: {
+		plugins: [tailwindcss()],
+	},
+});

apps/web/eslint.config.js

@@ -0,0 +1,15 @@
+/**
+ * https://ota-meshi.github.io/eslint-plugin-astro/user-guide/
+ */
+import eslintPluginAstro from 'eslint-plugin-astro';
+export default [
+	// add more generic rule sets here, such as:
+	// js.configs.recommended,
+	...eslintPluginAstro.configs.recommended,
+	{
+		rules: {
+			// override/add rules settings here, such as:
+			// "astro/no-set-html-directive": "error"
+		},
+	},
+];

apps/web/package.json

@@ -0,0 +1,33 @@
+{
+	"name": "@fressh/web",
+	"version": "0.0.1",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"dev": "astro dev",
+		"build": "astro build",
+		"preview": "astro preview",
+		"astro": "astro",
+		"fmt": "cross-env SORT_IMPORTS=true prettier --write .",
+		"fmt:check": "cross-env SORT_IMPORTS=true prettier --check .",
+		"typecheck": "tsc",
+		"lint:fix": "eslint --fix --max-warnings 0 --report-unused-disable-directives .",
+		"eslint:check": "eslint --max-warnings 0 --report-unused-disable-directives ."
+	},
+	"dependencies": {
+		"@tailwindcss/vite": "^4.1.13",
+		"astro": "^5.13.7",
+		"tailwindcss": "^4.1.13",
+		"@fressh/assets": "workspace:*"
+	},
+	"devDependencies": {
+		"@epic-web/config": "^1.21.3",
+		"@typescript-eslint/parser": "^8.43.0",
+		"eslint": "^9.35.0",
+		"eslint-plugin-astro": "^1.3.1",
+		"eslint-plugin-jsx-a11y": "^6.10.2",
+		"prettier": "^3.6.2",
+		"prettier-plugin-astro": "0.14.1",
+		"prettier-plugin-tailwindcss": "^0.6.14"
+	}
+}

apps/web/prettier.config.mjs

@@ -0,0 +1,26 @@
+import epicConfig from '@epic-web/config/prettier';
+import * as astroPrettierPlugin from 'prettier-plugin-astro';
+import * as twPrettierPlugin from 'prettier-plugin-tailwindcss';
+// Sometimes this plugin can remove imports that are being edited.
+// As a workaround we will only use this in the cli. (pnpm run fmt)
+// const sortImports = process.env.SORT_IMPORTS === "true";
+
+/** @type {import("prettier").Options} */
+export default {
+	...epicConfig,
+	semi: true,
+	plugins: [
+		// ...(sortImports ? ["prettier-plugin-organize-imports"] : []),
+		...(epicConfig.plugins || []),
+		astroPrettierPlugin,
+		twPrettierPlugin,
+	],
+	overrides: [
+		{
+			files: '*.astro',
+			options: {
+				parser: 'astro',
+			},
+		},
+	],
+};

apps/web/public/favicon.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
+    <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
+    <style>
+        path { fill: #000; }
+        @media (prefers-color-scheme: dark) {
+            path { fill: #FFF; }
+        }
+    </style>
+</svg>

apps/web/src/layouts/Layout.astro

@@ -0,0 +1,26 @@
+---
+import '../styles/global.css';
+---
+
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<meta name="generator" content={Astro.generator} />
+		<title>Fressh - SSH Client</title>
+	</head>
+	<body>
+		<slot />
+	</body>
+</html>
+
+<style>
+	html,
+	body {
+		margin: 0;
+		width: 100%;
+		height: 100%;
+	}
+</style>

apps/web/src/pages/index.astro

@@ -0,0 +1,5 @@
+---
+import Layout from '../layouts/Layout.astro';
+---
+
+<Layout> <h1 class="text-6xl">Hello World</h1> </Layout>

apps/web/src/styles/global.css

@@ -0,0 +1 @@
+@import 'tailwindcss';

apps/web/tsconfig.json

@@ -0,0 +1,5 @@
+{
+	"extends": "astro/tsconfigs/strict",
+	"include": [".astro/types.d.ts", "**/*"],
+	"exclude": ["dist"]
+}

apps/web/turbo.json

@@ -0,0 +1,7 @@
+{
+	"extends": ["//"],
+	"tasks": {
+		"lint": {},
+		"lint:check": {}
+	}
+}

docs/todos.md

@@ -0,0 +1,7 @@
+- real terminal emulation
+- llm command suggestions
+- llm output synthesis
+
+https://github.com/software-mansion/react-native-executorch
+https://docs.expo.dev/guides/keyboard-handling/
+https://kirillzyusko.github.io/react-native-keyboard-controller/

packages/assets/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@fressh/assets",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module"
+}

pnpm-workspace.yaml

@@ -1,5 +1,6 @@
 packages:
   - apps/*
+  - packages/*
 
 nodeLinker: hoisted