Skip to content

Commit

Permalink
Start a new vite-vue project called app and update naming accordingly
Browse files Browse the repository at this point in the history
  • Loading branch information
ccali11 committed Dec 8, 2023
1 parent 6dda456 commit ec22725
Show file tree
Hide file tree
Showing 23 changed files with 7,868 additions and 5,367 deletions.
2 changes: 1 addition & 1 deletion CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -173,7 +173,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
- Add initial Ethereum service notes and config [`#251`](https://github.com/consensusnetworks/casimir/pull/251)
- Add chart component prototypes [`#249`](https://github.com/consensusnetworks/casimir/pull/249)
- Revert "Feature/chart components" [`#248`](https://github.com/consensusnetworks/casimir/pull/248)
- Add polyfill for node stream to @casimir/web [`#242`](https://github.com/consensusnetworks/casimir/pull/242)
- Add polyfill for node stream to @casimir/app [`#242`](https://github.com/consensusnetworks/casimir/pull/242)
- Promote develop to master [`#241`](https://github.com/consensusnetworks/casimir/pull/241)
- Resovle issues [`7303036`](https://github.com/consensusnetworks/casimir/commit/73030369693d066f0f270242f195ddf95f59b6c3)
- Mock up Analytics component [`ba085a0`](https://github.com/consensusnetworks/casimir/commit/ba085a0cad75a0c5a53db0bcc3bbc3611025ae85)
Expand Down
10 changes: 5 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
- [Configure](#configure)
- [Environment Variables](#environment-variables)
- [Apps](#apps)
- [@casimir/web](#casimirweb)
- [@casimir/app](#casimirapp)
- [@casimir/www](#casimirwww)
- [Contracts](#contracts)
- [@casimir/ethereum](#casimirethereum)
Expand Down Expand Up @@ -131,7 +131,7 @@ echo "USE_SECRETS=false" > .env

The apps packages provide a UI to end-users.

#### @casimir/web
#### @casimir/app

Run the web app with an integrated development environment, including local contracts and services.

Expand All @@ -140,7 +140,7 @@ Run the web app with an integrated development environment, including local cont
npm run dev
```

See the [@casimir/web README.md](apps/web/README.md) for detailed documentation.
See the [@casimir/app README.md](apps/app/README.md) for detailed documentation.

#### @casimir/www

Expand Down Expand Up @@ -221,8 +221,8 @@ Code is organized into work directories (apps, common, contracts, infrastructure
├── .github/ (workflows and issue templates)
| └── workflows/ (gh actions workflows)
├── apps/ (frontend apps)
| |── www/ (www page app)
| └── web/ (main web app)
| |── www/ (landing page app)
| └── app/ (main web app)
├── common/ (shared code)
| ├── data/ (data schemas and operational workflows)
| └── helpers/ (general utilities)
Expand Down
43 changes: 43 additions & 0 deletions apps/app/.eslintrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
{
"env": {
"browser": true,
"es2021": true,
"node": true
},
"extends": [
"eslint:recommended",
"plugin:vue/recommended",
"plugin:@typescript-eslint/recommended",
"@vue/eslint-config-typescript"
],
"parser": "vue-eslint-parser",
"parserOptions": {
"ecmaVersion": "latest",
"parser": "@typescript-eslint/parser",
"sourceType": "module"
},
"plugins": [
"vue",
"@typescript-eslint"
],
"rules": {
"max-len": [
"error",
{
"code": 200,
"ignoreStrings": true,
"comments": 300,
"ignoreTemplateLiterals": true
}
],
"vue/multi-word-component-names": "off",
"vue/no-multiple-template-root": "off"
},
"ignorePatterns": [
"**/node_modules/**",
"**/build/**",
"**/dist/**",
"**/lib/**",
"cdk.out"
]
}
24 changes: 24 additions & 0 deletions apps/app/.gitignore
Original file line number Diff line number Diff line change
@@ -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?
1 change: 1 addition & 0 deletions apps/app/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
# Casimir Web App
13 changes: 13 additions & 0 deletions apps/app/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue + TS</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
22 changes: 22 additions & 0 deletions apps/app/package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
{
"name": "@casimir/app",
"description": "The Casimir self-custodial, configurable staking and analytics web app",
"type": "module",
"private": true,
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
"preview": "vite preview"
},
"dependencies": {
"vue": "^3.3.8"
},
"devDependencies": {
"@rollup/plugin-node-resolve": "^15.2.3",
"@vitejs/plugin-vue": "^4.5.0",
"rollup-plugin-polyfill-node": "^0.13.0",
"typescript": "^5.2.2",
"vite": "^5.0.0",
"vue-tsc": "^1.8.22"
}
}
1 change: 1 addition & 0 deletions apps/app/public/vite.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
44 changes: 44 additions & 0 deletions apps/app/src/App.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<script setup lang="ts">
import HelloWorld from "./components/HelloWorld.vue"
</script>

<template>
<div>
<a
href="https://vitejs.dev"
target="_blank"
>
<img
src="/vite.svg"
class="logo"
alt="Vite logo"
>
</a>
<a
href="https://vuejs.org/"
target="_blank"
>
<img
src="./assets/vue.svg"
class="logo vue"
alt="Vue logo"
>
</a>
</div>
<HelloWorld msg="Vite + Vue" />
</template>

<style scoped>
.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
1 change: 1 addition & 0 deletions apps/app/src/assets/vue.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
49 changes: 49 additions & 0 deletions apps/app/src/components/HelloWorld.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<script setup lang="ts">
import { ref, defineProps } from "vue"
defineProps<{ msg: string }>()
const count = ref(0)
</script>

<template>
<h1>{{ msg }}</h1>

<div class="card">
<button
type="button"
@click="count++"
>
count is {{ count }}
</button>
<p>
Edit
<code>components/HelloWorld.vue</code> to test HMR
</p>
</div>

<p>
Check out
<a
href="https://vuejs.org/guide/quick-start.html#local"
target="_blank"
>create-vue</a>, the official Vue + Vite starter
</p>
<p>
Install
<a
href="https://github.com/vuejs/language-tools"
target="_blank"
>Volar</a>
in your IDE for a better DX
</p>
<p class="read-the-docs">
Click on the Vite and Vue logos to learn more
</p>
</template>

<style scoped>
.read-the-docs {
color: #888;
}
</style>
5 changes: 5 additions & 0 deletions apps/app/src/main.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
import { createApp } from "vue"
import "./style.css"
import App from "./App.vue"

createApp(App).mount("#app")
79 changes: 79 additions & 0 deletions apps/app/src/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;

color-scheme: light dark;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;

font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

a {
font-weight: 500;
color: #646cff;
text-decoration: inherit;
}
a:hover {
color: #535bf2;
}

body {
margin: 0;
display: flex;
place-items: center;
min-width: 320px;
min-height: 100vh;
}

h1 {
font-size: 3.2em;
line-height: 1.1;
}

button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: 500;
font-family: inherit;
background-color: #1a1a1a;
cursor: pointer;
transition: border-color 0.25s;
}
button:hover {
border-color: #646cff;
}
button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
}

.card {
padding: 2em;
}

#app {
max-width: 1280px;
margin: 0 auto;
padding: 2rem;
text-align: center;
}

@media (prefers-color-scheme: light) {
:root {
color: #213547;
background-color: #ffffff;
}
a:hover {
color: #747bff;
}
button {
background-color: #f9f9f9;
}
}
1 change: 1 addition & 0 deletions apps/app/src/vite-env.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/// <reference types="vite/client" />
25 changes: 25 additions & 0 deletions apps/app/tsconfig.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"moduleResolution": "node",
"strict": true,
"jsx": "preserve",
"sourceMap": true,
"resolveJsonModule": true,
"esModuleInterop": true,
"lib": [
"esnext",
"dom"
],
"skipLibCheck": true,
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"],
},
"typeRoots": [
"./node_modules/@types"
]
},
"include": ["./src/**/*.ts", "./src/**/*.vue", "../../common/types/src/interfaces/BrowserProviders.ts", "../../common/types/src/interfaces/EthersProvider.ts", "../../common/types/src/interfaces/MessageInit.ts", "../../common/types/src/interfaces/TransactionInit.ts", "../../common/types/src/interfaces/UserWithProviders.ts"]
}
10 changes: 10 additions & 0 deletions apps/app/tsconfig.node.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
{
"compilerOptions": {
"composite": true,
"skipLibCheck": true,
"module": "ESNext",
"moduleResolution": "bundler",
"allowSyntheticDefaultImports": true
},
"include": ["vite.config.ts"]
}
Loading

0 comments on commit ec22725

Please sign in to comment.