Hey there, I’m trying develop a custom theme/plugin which will add a few additional templates and some general styling to discourse. In pursuit of this, it would be great to get some kind of livereload/auto-injected CSS action going on, as reloading the page and wating 2s to notice I have made a t…

[image] kara-todd: auto-injected CSS This already works, just click preview on the theme and it will update as you go.

Thanks @sam I think I wasn’t clear in this case. I’m not developing a theme in the CSS section of the admin panel. Rather, I’m creating a plugin which contains raw scss files which “themes” the discourse instance and also some of the custom elements that I will be injecting into outlets. So I hav…

I think the live reloader should work as long as you launch puma lib/stylesheet/watcher.rb main require "listen" module Stylesheet class Watcher def self.watch(paths = nil) watcher = new(paths) …

Ok. I think this my confusion. So for example, I start my server with bundle exec rails s -b 0.0.0.0 and then visit my local environment at http://127.0.0.1:4000/ (bound port through vagrant.) If I then make any changes to the scss I don’t see any changes until I manually refresh the page (which …

I have been previously been developing a standalone ember app so I have been hopelessly spoiled by ember server :wink:

Try bundle exec puma, does it work? I will test out plugin live reload on Monday I may have missed something Certainly works for themes and discourse assets

Link me to the plugin repo you have, either here or via a pm so I have something to test :blush:

As an update to this @sam here’s what I’m seeing when I boot my server. I PM’d you details for the codebase I’m using. vagrant@discourse:/vagrant$ bundle exec rails s -b 0.0.0.0 => Booting Puma => Rails 4.2.8 application starting in development on http://0.0.0.0:3000 => Run `rails server -h` for mo…

I just confirmed that live-reload works fine with the plugin you linked me. The issue is vagrant. Vagrant mounts stuff in a terrible way and breaks inotify/kqueue file change notification. This leaves you stuck with all file watching broken from what I can see. I recommend you avoid vagrant and j…

Thanks Sam! I followed the instructions for setting up discourse locally and now it’s working for me as well. :smiley: This will make my life much easier so thank you very much for your time on this.

Is there a faster way to develop plugin theme CSS / JS (e.g. livereload)?

Development

sam (Sam Saffron) March 23, 2018, 7:47am 13

I am cleaning up my bookmarks, @eviltrout you do a lot of JS are you noticing any cache issues amending JS in plugins? Do we need to add an assets.path?

Topic		Replies	Views
Hot reload for plugin development? Development	19	2923	October 23, 2021
Discourse Plugins and Rails 6 config/initializers Question Development	22	3416	November 22, 2020
Developing Discourse Plugins - Part 1 - Create a basic plugin Developer Guides plugin-guides , tutorial	32	84868	July 8, 2025
Is it possible to use a local plugin directory with a docker install? Development	39	3460	June 16, 2022
Customizing CSS via plugin Development	2	2396	December 12, 2016

Is there a faster way to develop plugin theme CSS / JS (e.g. livereload)?

Related topics