Skip to content

Commit

Permalink
Use svelte as only client
Browse files Browse the repository at this point in the history
  • Loading branch information
Chi-EEE committed Oct 13, 2023
1 parent 659e31d commit 14191a9
Show file tree
Hide file tree
Showing 37 changed files with 1,288 additions and 1,419 deletions.
7 changes: 3 additions & 4 deletions Car-Application.code-workspace
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,6 @@
},
{
"path": "raspberry-pi"
},
{
"path": "frontend"
}
],
"settings": {
Expand Down Expand Up @@ -99,7 +96,9 @@
"numbers": "cpp",
"semaphore": "cpp",
"set": "cpp",
"unordered_set": "cpp"
"unordered_set": "cpp",
"codecvt": "cpp",
"fstream": "cpp"
}
}
}
5 changes: 5 additions & 0 deletions backend/.vscode/compile_commands.json
Original file line number Diff line number Diff line change
Expand Up @@ -18,4 +18,9 @@
"directory": "/home/pass_is_1/Car-Application/backend",
"arguments": ["/usr/bin/gcc", "-c", "-m64", "-fvisibility=hidden", "-fvisibility-inlines-hidden", "-O3", "-std=c++17", "-Iinclude", "-I", "/home/pass_is_1/.xmake/packages/f/fmt/10.1.1/f6aacaa0e06a42ca8786f360cc1d31c5/include", "-I", "/home/pass_is_1/.xmake/packages/s/spdlog/v1.12.0/e24126f106564f7c97234caa2b9c81c5/include", "-I", "/home/pass_is_1/.xmake/packages/o/oatpp-websocket/1.3.0/74ca6ba37ddc4ed596561e2625c0b306/include/oatpp-1.3.0/oatpp-websocket", "-I", "/home/pass_is_1/.xmake/packages/o/oatpp/1.3.0/0f4509c6b55d49128c21c834ef94e6a0/include/oatpp-1.3.0/oatpp", "-I", "/home/pass_is_1/.xmake/packages/t/tl_expected/v1.1.0/57774aec28a24eb8b84e9c45d2905d73/include", "-DNDEBUG", "-o", "build/.objs/backend/linux/x86_64/release/src/App.cpp.o", "src/App.cpp"],
"file": "src/App.cpp"
},
{
"directory": "/home/pass_is_1/Car-Application/backend",
"arguments": ["/usr/bin/gcc", "-c", "-m64", "-fvisibility=hidden", "-fvisibility-inlines-hidden", "-O3", "-std=c++17", "-Iinclude", "-I", "/home/pass_is_1/.xmake/packages/f/fmt/10.1.1/f6aacaa0e06a42ca8786f360cc1d31c5/include", "-I", "/home/pass_is_1/.xmake/packages/s/spdlog/v1.12.0/e24126f106564f7c97234caa2b9c81c5/include", "-I", "/home/pass_is_1/.xmake/packages/o/oatpp-websocket/1.3.0/74ca6ba37ddc4ed596561e2625c0b306/include/oatpp-1.3.0/oatpp-websocket", "-I", "/home/pass_is_1/.xmake/packages/o/oatpp/1.3.0/0f4509c6b55d49128c21c834ef94e6a0/include/oatpp-1.3.0/oatpp", "-I", "/home/pass_is_1/.xmake/packages/t/tl_expected/v1.1.0/57774aec28a24eb8b84e9c45d2905d73/include", "-DNDEBUG", "-o", "build/.objs/backend/linux/x86_64/release/src/controller/MyController.cc.o", "src/controller/MyController.cc"],
"file": "src/controller/MyController.cc"
}]
1 change: 1 addition & 0 deletions backend/.vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{}
4 changes: 4 additions & 0 deletions backend/client/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
/node_modules/
/public/build/

.DS_Store
107 changes: 107 additions & 0 deletions backend/client/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,107 @@
# This repo is no longer maintained. Consider using `npm init vite` and selecting the `svelte` option or — if you want a full-fledged app framework — use [SvelteKit](https://kit.svelte.dev), the official application framework for Svelte.

---

# svelte app

This is a project template for [Svelte](https://svelte.dev) apps. It lives at https://github.com/sveltejs/template.

To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):

```bash
npx degit sveltejs/template svelte-app
cd svelte-app
```

*Note that you will need to have [Node.js](https://nodejs.org) installed.*


## Get started

Install the dependencies...

```bash
cd svelte-app
npm install
```

...then start [Rollup](https://rollupjs.org):

```bash
npm run dev
```

Navigate to [localhost:8080](http://localhost:8080). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the `sirv` commands in package.json to include the option `--host 0.0.0.0`.

If you're using [Visual Studio Code](https://code.visualstudio.com/) we recommend installing the official extension [Svelte for VS Code](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode). If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense.

## Building and running in production mode

To create an optimised version of the app:

```bash
npm run build
```

You can run the newly built app with `npm run start`. This uses [sirv](https://github.com/lukeed/sirv), which is included in your package.json's `dependencies` so that the app will work when you deploy to platforms like [Heroku](https://heroku.com).


## Single-page app mode

By default, sirv will only respond to requests that match files in `public`. This is to maximise compatibility with static fileservers, allowing you to deploy your app anywhere.

If you're building a single-page app (SPA) with multiple routes, sirv needs to be able to respond to requests for *any* path. You can make it so by editing the `"start"` command in package.json:

```js
"start": "sirv public --single"
```

## Using TypeScript

This template comes with a script to set up a TypeScript development environment, you can run it immediately after cloning the template with:

```bash
node scripts/setupTypeScript.js
```

Or remove the script via:

```bash
rm scripts/setupTypeScript.js
```

If you want to use `baseUrl` or `path` aliases within your `tsconfig`, you need to set up `@rollup/plugin-alias` to tell Rollup to resolve the aliases. For more info, see [this StackOverflow question](https://stackoverflow.com/questions/63427935/setup-tsconfig-path-in-svelte).

## Deploying to the web

### With [Vercel](https://vercel.com)

Install `vercel` if you haven't already:

```bash
npm install -g vercel
```

Then, from within your project folder:

```bash
cd public
vercel deploy --name my-project
```

### With [surge](https://surge.sh/)

Install `surge` if you haven't already:

```bash
npm install -g surge
```

Then, from within your project folder:

```bash
npm run build
surge public my-project.surge.sh
```
24 changes: 24 additions & 0 deletions backend/client/package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
{
"name": "svelte-app",
"version": "1.0.0",
"private": true,
"type": "module",
"scripts": {
"build": "rollup -c",
"dev": "rollup -c -w",
"start": "sirv public --no-clear"
},
"devDependencies": {
"@rollup/plugin-commonjs": "^24.0.0",
"@rollup/plugin-node-resolve": "^15.0.0",
"@rollup/plugin-terser": "^0.4.0",
"rollup": "^3.15.0",
"rollup-plugin-css-only": "^4.3.0",
"rollup-plugin-livereload": "^2.0.0",
"rollup-plugin-svelte": "^7.1.2",
"svelte": "^3.55.0"
},
"dependencies": {
"sirv-cli": "^2.0.0"
}
}
Loading

0 comments on commit 14191a9

Please sign in to comment.