Add Simple Signer Demo project

.editorconfig

@@ -0,0 +1,13 @@
+root = true
+[*]
+end_of_line = lf
+charset = utf-8
+indent_style = space
+tab_width = 4
+indent_size = tab
+max_line_length = 120
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.env.dist

@@ -0,0 +1,2 @@
+VITE_HORIZON_URL=https://horizon-testnet.stellar.org
+VITE_TEST_PRIVATEKEY=PRIVATE_KEY

.env.prod.dist

@@ -0,0 +1,2 @@
+VITE_HORIZON_URL=https://horizon.stellar.org
+VITE_TEST_PRIVATEKEY=PRIVATE_KEY

.eslintignore

@@ -0,0 +1,3 @@
+node_modules/
+dist/
+bin/

.eslintrc.cjs

@@ -0,0 +1,24 @@
+module.exports = {
+    root: true,
+    parser: '@typescript-eslint/parser',
+    extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+    plugins: ['svelte3', '@typescript-eslint'],
+    ignorePatterns: ['*.cjs'],
+    overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+    settings: {
+        'svelte3/typescript': () => require('typescript'),
+    },
+    parserOptions: {
+        sourceType: 'module',
+        ecmaVersion: 2020,
+    },
+    env: {
+        browser: true,
+        es2017: true,
+        node: true,
+        jest: true,
+    },
+    rules: {
+        '@typescript-eslint/no-non-null-assertion': 'off',
+    },
+};

.github/workflows/main.yml

@@ -0,0 +1,34 @@
+name: simple-signer-demo CI workflow
+
+on:
+    push:
+        branches: ['main']
+    pull_request:
+        branches: ['*']
+
+jobs:
+    build_and_test:
+        permissions: write-all
+        runs-on: ubuntu-latest
+
+        strategy:
+            matrix:
+                node-version: [16.x]
+
+        steps:
+            - name: Checkout
+              uses: actions/checkout@v3
+
+            - name: Start Stellar Server
+              run: docker-compose up -d stellar
+
+            - name: Use Node.js ${{ matrix.node-version }}
+              uses: actions/setup-node@v3
+              with:
+                  node-version: ${{ matrix.node-version }}
+
+            - name: NPM or Yarn install with caching
+              uses: bahmutov/[email protected]
+
+            - name: Build and test with coverage
+              run: npm run test

.gitignore

@@ -0,0 +1,104 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+cypress.env.json
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.prettierignore

@@ -0,0 +1,4 @@
+.svelte-kit/**
+static/**
+build/**
+node_modules/**

.prettierrc

@@ -0,0 +1,9 @@
+{
+    "htmlWhitespaceSensitivity": "css",
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "all",
+    "svelteSortOrder": "options-scripts-markup-styles",
+    "svelteStrictMode": true,
+    "svelteAllowShorthand": false
+}

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 PlutoDAO
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

cypress.env.json.dist

@@ -0,0 +1,5 @@
+{
+    "CYPRESS_BASE_URL": "https://localhost:3000",
+    "PRIVATE": "PRIVATEKEY",
+    "PUBLIC": "PUBLICKEY"
+}

cypress.json

@@ -0,0 +1,3 @@
+{
+    "baseUrl": "https://localhost:3000"
+}

cypress/fixtures/sign.json

@@ -0,0 +1,5 @@
+{
+    "paymentXdr": "AAAAAgAAAAAiVD0LPjeVN9dg4xnB+xRONl3ES7okC0lLa8GznBk7bACYloAACVO9AAAAAQAAAAEAAAAAAAAAAAAAAABh6rhSAAAAAAAAAAEAAAAAAAAACAAAAABKBB+2UBMP/abwcm/M1TXO+/JQWhPwkalgqizKmXyRIQAAAAAAAAABnBk7bAAAAEDacZu/NajCJ8BK05TjKL/YnsDDk+dbM3Zb8h9JRMGLZiWinI9bCnjal8T9SXU6hRAdFZSv12OZUtp4VwigwoUL",
+    "sourceAccount": "GARFIPILHY3ZKN6XMDRRTQP3CRHDMXOEJO5CIC2JJNV4DM44DE5WYLOK",
+    "paymentRecipient": "GBFAIH5WKAJQ77NG6BZG7TGVGXHPX4SQLIJ7BENJMCVCZSUZPSISCLU5"
+}

cypress/integration/ui/home_spec.ts

@@ -0,0 +1,21 @@
+/// <reference types="cypress" />
+
+describe('home', () => {
+    it('should click sign transaction button, show popup and open window /connect', () => {
+        cy.visit('/');
+        cy.get('.sign-btn').click();
+        cy.get('.modal-connect-btn').click();
+    });
+
+    it('should click sign transaction button, show popup and open window /sign', () => {
+        cy.visit('/');
+        cy.get('.sign-btn').click();
+        cy.get('.modal-sign-btn').click();
+    });
+
+    it('should click sign transaction button, show popup and close it', () => {
+        cy.visit('/');
+        cy.get('.sign-btn').click();
+        cy.get('.close-button').click();
+    });
+});

cypress/plugins/index.ts

@@ -0,0 +1,23 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+// eslint-disable-next-line no-unused-vars
+module.exports = (on, config) => {
+    // `on` is used to hook into various events Cypress emits
+    // `config` is the resolved Cypress config
+};

cypress/support/commands.js

@@ -0,0 +1,26 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+import '@testing-library/cypress/add-commands';

cypress/support/index.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands';
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')

docker-compose.yml

@@ -0,0 +1,10 @@
+version: '3'
+
+services:
+  stellar:
+    image: stellar/quickstart
+    container_name: stellar
+    command: --local
+    ports:
+      - '8000:8000'
+      - '8001:8001'

index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="icon" href="/favicon.ico" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Simple Signer - Demo</title>
+    </head>
+    <body>
+        <div id="app"></div>
+        <script type="module" src="/src/main.ts"></script>
+    </body>
+</html>