Reorganise directory structure and include path in tsconfig.base.json

2 years ago · 6e26aa732a
parent 6cdea4f4ac
commit 6e26aa732a
12 changed files with 37 additions and 35 deletions
--- a/apps/wallet-connect/src/App.test.js
+++ b/apps/wallet-connect/src/App.test.js
@ -1,9 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import App from './App';
-
-test('renders learn react link', () => {
-  const { getByText } = render(<App />);
-  const linkElement = getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
--- a/apps/wallet-connect/src/app/app.tsx
+++ b/apps/wallet-connect/src/app/app.tsx
@ -1,7 +1,7 @@
-import React from 'react';
-import './App.css';
+import React from 'react'
+import '../css/app';
 import '@fortawesome/fontawesome-free/css/all.css'
-import { RemixClient, INFURA_ID_KEY } from './RemixClient'
+import { RemixClient, INFURA_ID_KEY } from '../services/RemixClient'
 const p = new RemixClient()
 function App() {

@ -53,4 +53,4 @@ function App() {
  );
 }

-export default App;
+export default App
--- a/apps/wallet-connect/src/css/app.css
+++ b/apps/wallet-connect/src/css/app.css
--- a/apps/wallet-connect/src/css/index.css
+++ b/apps/wallet-connect/src/css/index.css
--- a/apps/wallet-connect/src/index.html
+++ b/apps/wallet-connect/src/index.html
@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Wallet Connect</title>
+    <base href="./" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"/>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
--- a/apps/wallet-connect/src/index.js
+++ b/apps/wallet-connect/src/index.js
@ -1,17 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
-
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-);
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
--- a/apps/wallet-connect/src/main.tsx
+++ b/apps/wallet-connect/src/main.tsx
@ -0,0 +1,8 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+import App from './app/app'
+
+ReactDOM.render(
+  <App />,
+  document.getElementById('root')
+)
--- a/apps/wallet-connect/src/polyfills.ts
+++ b/apps/wallet-connect/src/polyfills.ts
@ -0,0 +1,7 @@
+/**
+ * Polyfill stable language features. These imports will be optimized by `@babel/preset-env`.
+ *
+ * See: https://github.com/zloirock/core-js#babel
+ */
+import 'core-js/stable';
+import 'regenerator-runtime/runtime';
--- a/apps/wallet-connect/src/services/RemixClient.js
+++ b/apps/wallet-connect/src/services/RemixClient.js
--- a/apps/wallet-connect/src/services/serviceWorker.js
+++ b/apps/wallet-connect/src/services/serviceWorker.js
--- a/apps/wallet-connect/src/setupTests.js
+++ b/apps/wallet-connect/src/setupTests.js
@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom/extend-expect';
--- a/tsconfig.paths.json
+++ b/tsconfig.paths.json
@ -151,6 +151,9 @@
            "@remix-project/ghaction-helper": [
                "libs/ghaction-helper/src/index.ts"
            ],
+            "@remixproject/wallet-connect-plugin": [
+                "apps/wallet-connect/src/index.ts"
+            ],
        }
    }
 }