[WIP] Ergo Wallet v0.2 based on Tauri

.babelrc.json

@@ -0,0 +1,18 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100,
+          "safari": 15,
+          "firefox": 91
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

.eslintignore

@@ -1,4 +1,4 @@
-.eslintrc.js
+.eslintrc.js.bk
 webpack.config.js
 **/node_modules/
 app

.eslintrc.js

@@ -1,16 +1,17 @@
 module.exports = {
-  root: true,
-  parser: '@typescript-eslint/parser',
-  plugins: [
-    '@typescript-eslint',
-  ],
-  extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'plugin:@typescript-eslint/eslint-recommended',
-    'plugin:@typescript-eslint/recommended',
-  ],
-  rules: {
-    "semi": ["error", "always"],
-  }
+    root: true,
+    parser: '@typescript-eslint/parser',
+    plugins: [
+        '@typescript-eslint',
+    ],
+    extends: [
+        'eslint:recommended',
+        'plugin:react/recommended',
+        'plugin:@typescript-eslint/eslint-recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:storybook/recommended'
+    ],
+    rules: {
+        "semi": ["error", "always"],
+    }
 };

.github/workflows/build-tauri.yml

@@ -0,0 +1,63 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Build (Tauri)
+
+on:
+  push:
+    branches: [ "tauri" ]
+
+jobs:
+  build:
+    timeout-minutes: 30
+    permissions:
+      contents: write
+    name: Build ${{ matrix.os }}
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ 'windows-latest', 'macos-latest', 'ubuntu-latest' ]
+        node-version: [18.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+    runs-on: ${{ matrix.os }}
+
+    steps:
+    - uses: actions/checkout@v4
+
+    # - name: Set up Python
+    #   uses: actions/setup-python@v4
+    #   with:
+    #     python-version: '3.7'
+
+    - name: Install Rust
+      uses: dtolnay/rust-toolchain@stable
+
+    - name: install dependencies (ubuntu only)
+      if: matrix.os == 'ubuntu-latest'
+      run: |
+        sudo apt-get update
+        sudo apt install -y libjavascriptcoregtk-4.1-dev libsoup-3.0-dev libgtksourceview-3.0-dev webkit2gtk-driver xvfb libwebkit2gtk-4.1-dev libssl-dev libgtk-3-dev libayatana-appindicator3-dev librsvg2-dev
+
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'npm'
+    - run: npm i
+    # - run: npm run build
+    # - run: npm run test
+    # - run: npm run tauri build --release
+    #- uses: actions/upload-artifact@v3
+    #  with:
+    #    name: ${{ runner.OS }}
+    #    path: src-tauri/target/${{ runner.arch }}/ergo-wallet-*.*
+
+    - uses: tauri-apps/tauri-action@v0
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      with:
+        tagName: v__VERSION__ # This only works if your workflow triggers on new tags.
+        releaseName: 'Ergo Wallet v__VERSION__' # tauri-action replaces \_\_VERSION\_\_ with the app version.
+        releaseBody: 'See the assets to download and install this version.'
+        releaseDraft: true
+        prerelease: false

.gitignore

@@ -8,5 +8,6 @@ npm-debug.log
 dist/
 logs/
 coverage/
-package-lock.json
 yarn-error.log
+.yarn/
+.yarnrc.yml

.storybook/main.ts

@@ -0,0 +1,19 @@
+import type { StorybookConfig } from "@storybook/react-webpack5";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,44 @@
+import type { Preview } from "@storybook/react";
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+import { CssBaseline, ThemeProvider } from '@mui/material';
+import { withThemeFromJSXProvider } from '@storybook/addon-themes';
+import theme from '../src/renderer/ui/theme';
+
+/* snipped for brevity */
+
+export const decorators = [
+  withThemeFromJSXProvider({
+  themes: {
+    light: theme,
+    dark: theme,
+  },
+  defaultTheme: 'light',
+  Provider: ThemeProvider,
+  GlobalStyles: CssBaseline,
+})];
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    expanded: true, // Adds the description and default columns
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};
+
+
+export default preview;

README.md

@@ -9,18 +9,18 @@ Non-custodial desktop wallet for [Ergo Platform](https://ergoplatform.org) block
 
 Install dependencies
 ```
-$ yarn
+$ npm install
 ```
 
 Start application
 ```
-$ yarn start
+$ npm run tauri dev
 ```
 
 ### How to build
 ```
-$ yarn build
-$ yarn dist
+$ npm run build
+$ npm run dist
 ```
 
 ### How to verify checksums of release

jest.config.ts

@@ -94,7 +94,8 @@ export default {
 
   // A preset that is used as a base for Jest's configuration
   // preset: undefined,
-
+  preset: 'ts-jest',
+  testEnvironment: 'node',
   // Run tests from one or more projects
   // projects: undefined,