Initial frontend

flake.nix

@@ -4,19 +4,29 @@
     flake-parts.url = "github:hercules-ci/flake-parts";
     systems.url = "github:nix-systems/default";
     rust-overlay.url = "github:oxalica/rust-overlay";
-
-    # Dev tools
-    treefmt-nix.url = "github:numtide/treefmt-nix";
   };
 
   outputs = inputs: inputs.flake-parts.lib.mkFlake { inherit inputs; } {
     systems = import inputs.systems;
-    imports = [
-      inputs.treefmt-nix.flakeModule
-    ];
     perSystem = { config, self', pkgs, lib, system, rust-overlay, ... }:
       let
-        rust-toolchain = pkgs.rust-bin.fromRustupToolchainFile ./rust-toolchain.toml;
+        rust = rec {
+          toolchain = pkgs.rust-bin.fromRustupToolchainFile ./rust-toolchain.toml;
+          nativeBuildInputs = with pkgs; [
+            toolchain
+            rust-analyzer
+          ];
+          buildInputs = with pkgs; [
+            pkg-config
+            openssl
+            wasm-pack
+          ];
+        };
+
+        web = {
+          nativeBuildInputs = [ pkgs.nodePackages.pnpm ];
+          buildInputs = [];
+        };
       in {
         _module.args.pkgs = import inputs.nixpkgs {
           inherit system;
@@ -25,34 +35,13 @@
 
         # Rust dev environment
         devShells.default = pkgs.mkShell {
-          inputsFrom = [
-            config.treefmt.build.devShell
-          ];
           shellHook = ''
             # For rust-analyzer 'hover' tooltips to work.
-            export RUST_SRC_PATH=${rust-toolchain.availableComponents.rust-src}
+            export RUST_SRC_PATH=${rust.toolchain.availableComponents.rust-src}
             export PATH=~/.cargo/bin:$PATH
           '';
-          nativeBuildInputs = with pkgs; [
-            rust-toolchain
-            rust-analyzer
-          ];
-
-          buildInputs = with pkgs; [
-            pkg-config
-            openssl
-            wasm-pack
-          ];
-        };
-
-        # Add your auto-formatters here.
-        # cf. https://numtide.github.io/treefmt/
-        treefmt.config = {
-          projectRootFile = "flake.nix";
-          programs = {
-            nixpkgs-fmt.enable = true;
-            rustfmt.enable = true;
-          };
+          nativeBuildInputs = rust.nativeBuildInputs ++ web.nativeBuildInputs;
+          buildInputs = rust.buildInputs ++ web.buildInputs;
         };
       };
   };

linera-web/.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?

linera-web/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "linera-web",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "lit": "^3.1.2",
+    "webext-bridge": "^6.0.1"
+  },
+  "devDependencies": {
+    "@types/chrome": "^0.0.267",
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0"
+  }
+}