hyperware-ai · 0x70b1a5 · Apr 2, 2024 · Mar 21, 2024 · Mar 21, 2024 · Mar 21, 2024
diff --git a/.gitignore b/.gitignore
@@ -12,6 +12,7 @@ wit/
 /home
 packages/**/pkg/*.wasm
 packages/**/wit
+*/**/node_modules
 .env
 kinode/src/bootstrapped_processes.rs
 kinode/packages/**/wasi_snapshot_preview1.wasm
diff --git a/kinode/build.rs b/kinode/build.rs
@@ -29,7 +29,7 @@ fn build_and_zip_package(
 ) -> anyhow::Result<(String, String, Vec<u8>)> {
     let rt = tokio::runtime::Runtime::new().unwrap();
     rt.block_on(async {
-        kit::build::execute(&entry_path, false, false, true, features).await?;
+        kit::build::execute(&entry_path, true, false, true, features).await?;
 
         let mut writer = Cursor::new(Vec::new());
         let options = FileOptions::default()

diff --git a/kinode/packages/app_store/pkg/ui/assets/index-JESB3UJK.css b/kinode/packages/app_store/pkg/ui/assets/index-JESB3UJK.css
diff --git a/...app_store/pkg/ui/assets/index-CPkF34RS.js → ...app_store/pkg/ui/assets/index-YeOEFbyC.js b/...app_store/pkg/ui/assets/index-CPkF34RS.js → ...app_store/pkg/ui/assets/index-YeOEFbyC.js
diff --git a/kinode/packages/app_store/pkg/ui/assets/index-jnOcECnM.css b/kinode/packages/app_store/pkg/ui/assets/index-jnOcECnM.css
diff --git a/kinode/packages/app_store/pkg/ui/index.html b/kinode/packages/app_store/pkg/ui/index.html
@@ -15,8 +15,8 @@
   <meta name="viewport"
     content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1.00001, viewport-fit=cover" />
   <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
-  <script type="module" crossorigin src="/main:app_store:sys/assets/index-CPkF34RS.js"></script>
-  <link rel="stylesheet" crossorigin href="/main:app_store:sys/assets/index-jnOcECnM.css">
+  <script type="module" crossorigin src="/main:app_store:sys/assets/index-YeOEFbyC.js"></script>
+  <link rel="stylesheet" crossorigin href="/main:app_store:sys/assets/index-JESB3UJK.css">
 </head>
 
 <body>

diff --git a/kinode/packages/app_store/ui/.eslintrc.cjs b/kinode/packages/app_store/ui/.eslintrc.cjs
@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}
diff --git a/kinode/packages/app_store/ui/.gitignore b/kinode/packages/app_store/ui/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/kinode/packages/app_store/ui/README.md b/kinode/packages/app_store/ui/README.md
@@ -0,0 +1,65 @@
+# App Store UI
+
+This UI template uses the React framework compiled with Vite.
+It is based on the Vite React Typescript template.
+
+## Setup
+
+There are 2 ways to set up this repo:
+1. Place this repo next to the `pkg` repo of your Kinode project (usually the top level).
+2. Set `BASE_URL` in `vite.config.ts` to the URL of your Kinode project (i.e. `/chess:chess:sys`) and comment out lines 8 and 9.
+
+## Development
+
+Run `npm i`, `npm run tc`, and then `npm start` to start working on the UI.
+By default, the dev server will proxy requests to `http://localhost:8080`.
+You can change the proxy target by setting `VITE_NODE_URL` like so:
+`VITE_NODE_URL=http://localhost:8081 npm start`
+
+You may see an error:
+
+```
+[vite] Pre-transform error: Failed to load url /our.js (resolved id: /our.js). Does the file exist?
+```
+
+You can safely ignore this error. The file will be served by the node via the proxy.
+
+#### public vs assets
+
+The `public/assets` folder contains files that are referenced in `index.html`, `src/assets` is for asset files that are only referenced in `src` code.
+
+## Building
+
+Run `npm run build`, the build will be generated in the `dist` directory.
+If this repo is next to your Kinode `pkg` directory then you can `npm run build:copy` to build and copy it for installation.
+
+## About Vite + React
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default {
+  // other rules...
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json'],
+    tsconfigRootDir: __dirname,
+  },
+}
+```
+
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
diff --git a/kinode/packages/app_store/ui/chat_metadata.json b/kinode/packages/app_store/ui/chat_metadata.json
@@ -0,0 +1,22 @@
+{
+  "name": "Chat Template",
+  "subtitle": "The chat template from kit",
+  "description": "The kit chat template is the default app when starting a new kit project. This app is the basic version of that, packaged for the app store.",
+  "image": "https://st4.depositphotos.com/7662228/30134/v/450/depositphotos_301343880-stock-illustration-best-chat-speech-bubble-icon.jpg",
+  "version": "0.1.2",
+  "license": "MIT",
+  "website": "https://kinode.org",
+  "screenshots": [
+    "https://pongo-uploads.s3.us-east-2.amazonaws.com/Screenshot+2024-01-30+at+10.01.46+PM.png",
+    "https://pongo-uploads.s3.us-east-2.amazonaws.com/Screenshot+2024-01-30+at+10.01.52+PM.png"
+  ],
+  "mirrors": [
+    "odinsbadeye.os"
+  ],
+  "versions": [
+    "a2c584bf63a730efdc79ec0a3c93bc97eba4e8745c633e3abe090b4f7e270e92",
+    "c13f7ae39fa7f652164cfc1db305cd864cc1dc5f33827a2d74f7dde70ef36662",
+    "09d24205d8e1f3634448e881db200b88ad691bbdaabbccb885b225147ba4a93e",
+    "733be24324802a35944a73f355595f781de65d9d6e393bdabe879edcb77dfb62"
+  ]
+}