PWA starter pack issue 2

1

Hey guys so in my last post I explained how the landscape for the app it makes wasnt working but now I have another problem. By default the home page updates whenever you make an update or change but the install web page doesn’t. I am having a hard time finding where the pages are stored I changedthe package.json main but it had no affect. I copyied the index.hrml file and its whole entirety and the page still doesnt have that clean autoreload on update by default. Plus another issue is there are buttons like the install button that when pressed send you to a new page but I dont even see that in any of the code I have looked through one might think its a button dgb it uses js when you click it but I see legit nothing that references it in the js files. It could very well be that the files I need to edit are files I can’t access :confused:

2

You know its bad when dgb pulls out a whole essay :skull:

3

so far the only real solution I have had was to just put everything on the index page but that would be inefficient for users :thinking:

4

a whole 24 hours without a reply or a heart is everyone gone or busy :((

5

Hey, I’m having a bit of trouble understanding your issue, plus, it would help if you shared some code.

6

Alreeady shared didnt I?

7
8

This is the template im using

9

Can you share the code that’s giving you issues? You mentioned something about the homepage refreshing, could you share the code that’s doing that?

10

If I knew where the issue was I wouldnt be here lol

11

if you read my big essay you will understand

12

I can always dumb it down if needed

13

I’ve read through it. Is your first issue the fact that your app doesn’t update when you make code changes in the editor?

14

where is auto updating code stored @

15

yeah only the home page is updating

16

The code that pushes the code from the editor in your browser to the website?

17

yeah its not pushing on other pages besides the home page/index html

18

My best guess is that the pages are being cached on your device when you view the web page. That being said, I don’t know a lot about PWAs and how browser caching will vary.

Can you try clearing your browser cache?

19

I was using the mobile app PWA to test but a reload updates the site

20

So reloading fixes the issue? Or just on the home page?

21

I can just reload the page to see the update as normal but I want to use the auto update/auto reload that the home page is using

22

if you mess around with the template I sent you will see that when you mess around with the H1 or anything on the page the site will automatically reload and update my goal is to have it do that automatically for all pages not just the home page

23

Ok, so you want the homepage plus all of the other pages to reload upon a change in the editor?

24

well yeah I guess like when I update about.html or any other page Id like to use the same propertie that updates it instantly for all so yeah

25

sorry for the wait just had to make sure that when the user has no wifi it doesnt update and just boot them off with a no internet connection screen

26

I can’t think of anyway to do that without using the Glitch API (which is private at the moment, no docs) to listen for changes. Sorry about that.

27

yeah I figured I had someone else take a look at it and say something similar

28

If you want, you could speak with Glitch support to see if they have a solution/workaround for this.

Additionally, you could create code to auto reload your page every x seconds.

29

I guess your right I could gave it auto refresh

1 Like
30

looks like this template relies on vite to mange its own auto-refresh. this happens on index.html through this process:

  1. vite does whatever special dev build it does
  2. that build includes some extra js code
  3. the js code opens a web socket to the vite dev server
  4. later the vite dev server sends a websocket message to inform the page to refresh itself
  5. the glitch editor doesn’t do anything

but for install.html, there’s a different situation

  1. it’s in the public/ folder, where there’s no build process. they’re only served as static files
  2. there’s no extra js code added to it
  3. there’s no code to tell the page to refresh itself
  4. the glitch editor also doesn’t do anything
  5. nothing happens

you’ll probably have to look into getting vite to “build” another page rather than putting it in the public/ directory

31

yo thank you I didnt think of trying to move the file you are a G

32

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.