vitejs refactor #110

Here's the first stab at the vitejs refactor. I'm not completely done testing. When I start it up, I get the below screenshot with an error notification, Could not set notifications., so I could have messed something up.

I also see App.vue:346 Got vapid key: in the browser console... which may just be an error in my local configuration.

To start the vite development server run:

npm run dev

The other big difference was having to change environment variables. Instead of VUE_APP_, the prefix is now VITE_.

So, we'll need to update devops configs probably.

Screenshot 2024-03-25 at 8.15.59 AM.png

95 KiB

I'll put items into separate comments.

Looks like the npm run serve doesn't work -- at least, I get a blank screen at the port it gives. Since npm run dev now runs fine, we can just remove the serve from the README.

You're right about the /vapid calls: those simply don't work locally and that's fine. (We only test that on dev servers with domains.)

This one is a showstopper: on the account screen, "Download settings & contacts" gives a red error with this in the console: "Export Error: TypeError: (intermediate value).export is not a function", complaining about "generateDatabaseBlob"

This works OK on the other repo's master branch.

Things look pretty good! I think there's just that one issue. I'll try an actual deploy in docker onto the test server soon.

Things work, but FYI with npm run dev when I make changes to files then the effects don't take place immediately -- which is curious because the console will show a message thus:

[vite] hot updated: /src/views/AccountViewView.vue

I only see changes when I reload.
Not a show-stopper.

My work is continuing here: https://gitea.anomalistdesign.com/jsnbuchanan/crowd-funder-for-time-pwa/pulls/1

 <script lang="ts">
 import { AxiosError, AxiosRequestConfig } from "axios";
 import Dexie from "dexie";
 import "dexie-export-import";

     alias: {
       "@": path.resolve(__dirname, "./src"),
       buffer: path.resolve(__dirname, 'node_modules', 'buffer'),
       'dexie-export-import/dist/import': 'dexie-export-import/dist/import/index.js',