substancelab · koppen · Aug 19, 2025 · Aug 18, 2025 · Aug 18, 2025 · Aug 18, 2025
diff --git a/.github/workflows/parklife.yml b/.github/workflows/parklife.yml
@@ -23,6 +23,12 @@ jobs:
     - uses: ruby/setup-ruby@v1
       with:
         bundler-cache: true
+        working-directory: ./demo
+    - uses: actions/setup-node@v4
+      with:
+        cache: 'npm'
+        cache-dependency-path: ./demo/package-lock.json
+    - run: npm install
     - uses: actions/configure-pages@v5
       id: pages
 

diff --git a/demo/Gemfile b/demo/Gemfile
@@ -15,12 +15,12 @@ gem "tzinfo-data", platforms: %i[windows jruby]
 gem "flowbite-components", path: "../.." # Load the gem files from the parent directory
 gem "tailwindcss-rails", "~> 4.3"
 
+gem "lookbook", ">= 2.3.11"
 gem "parklife"
 
 group :development, :test do
   # See https://guides.rubyonrails.org/debugging_rails_applications.html#debugging-with-the-debug-gem
   gem "debug", platforms: %i[mri windows], require: "debug/prelude"
 
   gem "listen"
-  gem "lookbook", ">= 2.3.11"
 end
diff --git a/demo/app/views/layouts/preview.html.erb b/demo/app/views/layouts/preview.html.erb
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= content_for(:title) || "Demo" %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%= yield :head %>
+
+    <%= stylesheet_link_tag :app %>
+  </head>
+
+  <body>
+    <main class="container mx-auto mt-28 px-5 flex">
+      <%= yield %>
+    </main>
+  </body>
+</html>
diff --git a/demo/bin/static-build b/demo/bin/static-build
@@ -3,16 +3,18 @@
 set -eu
 
 # Run the app in production mode to ensure correct asset URLs are generated etc.
+export DISABLE_DATABASE_ENVIRONMENT_CHECK=1
 export RAILS_ENV=production
 export SECRET_KEY_BASE=dummy
 
 # If your Rails app uses ActiveRecord then this is a good point to create and
 # seed the database from db/seeds.rb.
-# bundle exec rails db:setup
+bundle exec rails db:drop db:setup
 
 # Generate production-optimised assets with Sprockets and friends. This must be
 # done before generating the Parklife build as Rails will blow up if it detects
 # missing assets in production.
+bundle exec rails tailwindcss:build
 bundle exec rails assets:precompile
 
 # Build with Parklife - and forward arguments sent to this script.

diff --git a/demo/config/database.yml b/demo/config/database.yml
@@ -20,7 +20,6 @@ test:
   <<: *default
   database: storage/test.sqlite3
 
-
 # SQLite3 write its data on the local filesystem, as such it requires
 # persistent disks. If you are deploying to a managed service, you should
 # make sure it provides disk persistence, as many don't.
@@ -29,4 +28,4 @@ test:
 # ensure the database is located in a persisted volume.
 production:
   <<: *default
-  # database: path/to/persistent/storage/production.sqlite3
+  database: storage/production.sqlite3
diff --git a/demo/config/initializers/lookbook.rb b/demo/config/initializers/lookbook.rb
@@ -0,0 +1,3 @@
+Rails.application.configure do
+  config.view_component.previews.default_layout = "preview"
+end
diff --git a/demo/config/routes.rb b/demo/config/routes.rb
@@ -14,9 +14,7 @@
   # Defines the root path route ("/")
   root "pages#index"
 
-  Rails.application.routes.draw do
-    if Rails.env.development?
-      mount Lookbook::Engine, at: "/lookbook"
-    end
+  if defined?(Lookbook)
+    mount Lookbook::Engine, at: "/lookbook"
   end
 end
diff --git a/demo/package-lock.json b/demo/package-lock.json