bridgetown-core 1.0.0.beta3 → 1.1.0.beta2

data/lib/bridgetown-core/resource/base.rb

@@ -7,6 +7,7 @@ module Bridgetown
       include Bridgetown::Publishable
       include Bridgetown::LayoutPlaceable
       include Bridgetown::LiquidRenderable
+      include Bridgetown::Localizable
 
       # @return [HashWithDotAccess::Hash]
       attr_reader :data
@@ -210,10 +211,7 @@ module Bridgetown
       def requires_destination?
         collection.write? && data.config&.output != false
       end
-
-      def write?
-        requires_destination? && site.publisher.publish?(self)
-      end
+      alias_method :write?, :requires_destination?
 
       # Write the generated Document file to the destination directory.
       #
@@ -295,7 +293,7 @@ module Bridgetown
 
       private
 
-      def ensure_default_data # rubocop:todo Metrics/AbcSize
+      def ensure_default_data
         determine_locale
 
         slug = if matches = relative_path.to_s.match(DATE_FILENAME_MATCHER) # rubocop:disable Lint/AssignmentInCondition
@@ -305,7 +303,7 @@ module Bridgetown
                  basename_without_ext
                end
 
-        slug.chomp!(".#{data.locale}") if data.locale && slug.ends_with?(".#{data.locale}")
+        Bridgetown::Utils.chomp_locale_suffix!(slug, data.locale)
 
         data.slug ||= slug
         data.title ||= Bridgetown::Utils.titleize_slug(slug)

data/lib/bridgetown-core/resource/destination.rb

@@ -12,6 +12,7 @@ module Bridgetown
       # @param resource [Bridgetown::Resource::Base]
       def initialize(resource)
         @resource = resource
+        warn_on_rails_style_extension
         @output_ext = resource.transformer.final_ext
       end
 
@@ -46,6 +47,23 @@ module Bridgetown
         Bridgetown.logger.debug "Writing:", path
         File.write(path, output, mode: "wb")
       end
+
+      private
+
+      def warn_on_rails_style_extension
+        return unless resource.relative_path.fnmatch?("*.{html,json,js}.*", File::FNM_EXTGLOB)
+
+        Bridgetown.logger.warn("Uh oh!", "You're using a Rails-style filename extension in:")
+        Bridgetown.logger.warn("", resource.relative_path)
+        Bridgetown.logger.warn(
+          "", "Instead, you can use either the desired output file extension or set a permalink."
+        )
+        Bridgetown.logger.warn(
+          "For more info:",
+          "https://www.bridgetownrb.com/docs/template-engines/erb-and-beyond#extensions-and-permalinks"
+        )
+        Bridgetown.logger.warn("")
+      end
     end
   end
 end

data/lib/bridgetown-core/resource/permalink_processor.rb

@@ -113,9 +113,8 @@ module Bridgetown
             if resource.site.config["collections_dir"].present?
               path.delete_prefix! "#{resource.site.config["collections_dir"]}/"
             end
-            if resource.data.locale && path.ends_with?(".#{resource.data.locale}")
-              path.chomp!(".#{resource.data.locale}")
-            end
+
+            Bridgetown::Utils.chomp_locale_suffix!(path, resource.data.locale)
           end,
         }
       end
@@ -137,7 +136,10 @@ module Bridgetown
 
       # @param resource [Bridgetown::Resource::Base]
       register_placeholder :locale, ->(resource) do
-        next nil if resource.data.locale&.to_sym == resource.site.config.default_locale
+        if !resource.site.config.prefix_default_locale &&
+            resource.data.locale&.to_sym == resource.site.config.default_locale
+          next nil
+        end
 
         locale_data = resource.data.locale&.to_sym
         resource.site.config.available_locales.include?(locale_data) ? locale_data.to_s : nil

data/lib/bridgetown-core/resource/relations.rb

@@ -68,7 +68,7 @@ module Bridgetown
       # @return [String]
       def kind_of_relation_for_type(type)
         relation_schema&.each do |relation_type, collections|
-          collections = Array(collections).yield_self do |collections_arr|
+          collections = Array(collections).then do |collections_arr|
             collections_arr +
               collections_arr.map { |item| ActiveSupport::Inflector.pluralize(item) }
           end.flatten.uniq

data/lib/bridgetown-core/utils/aux.rb

@@ -20,7 +20,8 @@ module Bridgetown
       def self.run_process(name, color, cmd)
         Thread.new do
           rd, wr = IO.pipe("BINARY")
-          pid = Process.spawn(cmd, out: wr, err: wr, pgroup: true)
+          pid = Process.spawn({ "BRIDGETOWN_NO_BUNDLER_REQUIRE" => nil },
+                              cmd, out: wr, err: wr, pgroup: true)
           @mutex.synchronize do
             add_pid pid
           end

data/lib/bridgetown-core/utils/require_gems.rb

@@ -41,15 +41,12 @@ module Bridgetown
             require name
           rescue LoadError => e
             Bridgetown.logger.error "Dependency Error:", <<~MSG
-              Yikes! It looks like you don't have #{name} or one of its dependencies installed.
-              In order to use Bridgetown as currently configured, you'll need to install this gem.
+              Oops! It looks like you don't have #{name} or one of its dependencies installed.
+              Please double-check you've added #{name} to your Gemfile.
 
-              If you've run Bridgetown with `bundle exec`, ensure that you have included the #{name}
-              gem in your Gemfile as well.
+              If you're stuck, you can find help at https://www.bridgetownrb.com/community
 
               The full error message from Ruby is: '#{e.message}'
-
-              If you run into trouble, you can find helpful resources at https://www.bridgetownrb.com/docs/community/
             MSG
             raise Bridgetown::Errors::MissingDependencyException, name
           end

data/lib/bridgetown-core/utils.rb

@@ -320,7 +320,7 @@ module Bridgetown
         end
 
         if continue_processing
-          line_indentation = line.match(%r!^ +!).yield_self do |indent|
+          line_indentation = line.match(%r!^ +!).then do |indent|
             indent.nil? ? "" : indent[0]
           end
           new_indentation = line_indentation.rjust(starting_indent_length, " ")
@@ -339,6 +339,11 @@ module Bridgetown
     end
     # rubocop:enable Metrics/AbcSize, Metrics/MethodLength, Metrics/PerceivedComplexity
 
+    # Return an asset path based on a frontend manifest file
+    #
+    # @param site [Bridgetown::Site] The current site object
+    # @param asset_type [String] js or css, or filename in manifest
+    # @return [String, nil]
     def parse_frontend_manifest_file(site, asset_type)
       case frontend_bundler_type(site.root_dir)
       when :webpack
@@ -362,9 +367,6 @@ module Bridgetown
     #   file isnt found
     # @return [nil] Returns nil if the asset isnt found
     # @return [String] Returns the path to the asset if no issues parsing
-    #
-    # @raise [WebpackAssetError] if unable to find css or js in the manifest
-    #   file
     def parse_webpack_manifest_file(site, asset_type)
       return log_frontend_asset_error(site, "Webpack manifest") if site.frontend_manifest.nil?
 
@@ -389,16 +391,17 @@ module Bridgetown
     #   file isnt found
     # @return [nil] Returns nil if the asset isnt found
     # @return [String] Returns the path to the asset if no issues parsing
-    #
-    # @raise [WebpackAssetError] if unable to find css or js in the manifest
-    #   file
     def parse_esbuild_manifest_file(site, asset_type) # rubocop:disable Metrics/PerceivedComplexity
       return log_frontend_asset_error(site, "esbuild manifest") if site.frontend_manifest.nil?
 
-      asset_path = if %w(js css).include?(asset_type)
-                     folder = asset_type == "js" ? "javascript" : "styles"
-                     site.frontend_manifest["#{folder}/index.#{asset_type}"] ||
-                       site.frontend_manifest["#{folder}/index.#{asset_type}.rb"]
+      asset_path = case asset_type
+                   when "css"
+                     site.frontend_manifest["styles/index.css"] ||
+                       site.frontend_manifest["styles/index.scss"] ||
+                       site.frontend_manifest["styles/index.sass"]
+                   when "js"
+                     site.frontend_manifest["javascript/index.js"] ||
+                       site.frontend_manifest["javascript/index.js.rb"]
                    else
                      site.frontend_manifest.find do |item, _|
                        item.sub(%r{^../(frontend/|src/)?}, "") == asset_type
@@ -457,7 +460,7 @@ module Bridgetown
       code = <<~JAVASCRIPT
         let lastmod = 0
         function startReloadConnection() {
-          const evtSource = new EventSource("/_bridgetown/live_reload")
+          const evtSource = new EventSource("#{site.base_path(strip_slash_only: true)}/_bridgetown/live_reload")
           evtSource.onmessage = event => {
             if (event.data == "reloaded!") {
               location.reload()
@@ -488,6 +491,16 @@ module Bridgetown
       %(<script type="module">#{code}</script>).html_safe
     end
 
+    def chomp_locale_suffix!(path, locale)
+      return path unless locale
+
+      if path.ends_with?(".#{locale}")
+        path.chomp!(".#{locale}")
+      elsif path.ends_with?(".multi")
+        path.chomp!(".multi")
+      end
+    end
+
     private
 
     def merge_values(target, overwrite)

data/lib/bridgetown-core/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Bridgetown
-  VERSION = "1.0.0.beta3"
-  CODE_NAME = "Pearl"
+  VERSION = "1.1.0.beta2"
+  CODE_NAME = "Belmont"
 end

data/lib/bridgetown-core/watcher.rb

@@ -12,11 +12,21 @@ module Bridgetown
     #
     # @param site [Bridgetown::Site] the current site instance
     # @param options [Bridgetown::Configuration] the site configuration
-    def watch(site, options)
+    # @yield the block will be called when in SSR mode right after the post_read event
+    def watch(site, options, &block)
       ENV["LISTEN_GEM_DEBUGGING"] ||= "1" if options["verbose"]
 
       listen(site, options)
 
+      if site.ssr?
+        # We need to trigger pre/post read hooks when SSR reload occurs in order to re-run Builders
+        Bridgetown::Hooks.register_one :site, :after_soft_reset, reloadable: false do
+          Bridgetown::Hooks.trigger :site, :pre_read, site
+          Bridgetown::Hooks.trigger :site, :post_read, site
+          block&.call(site)
+        end
+      end
+
       Bridgetown.logger.info "Watcher:", "enabled." unless options[:using_puma]
 
       return if options[:serving]
@@ -32,10 +42,9 @@ module Bridgetown
     #
     # @param (see #watch)
     def load_paths_to_watch(site, options)
-      site.plugin_manager.plugins_path.select { |path| Dir.exist?(path) }
-        .then do |paths|
-          (paths + options.autoload_paths).uniq
-        end
+      (site.plugin_manager.plugins_path + options.autoload_paths).uniq.select do |path|
+        Dir.exist?(path)
+      end
     end
 
     # Start a listener to watch for changes and call {#reload_site}
@@ -119,6 +128,10 @@ module Bridgetown
       end
     end
 
+    def component_frontend_matcher
+      %r{_components/.*?(\.js|\.jsx|\.js\.rb|\.css)$}
+    end
+
     def to_exclude(options)
       [
         config_files(options),
@@ -151,7 +164,7 @@ module Bridgetown
         rescue ArgumentError
           # Could not find a relative path
         end
-      end + [%r!^\.bridgetown-metadata!]
+      end + [component_frontend_matcher] + [%r!^\.bridgetown-metadata!]
     end
 
     def sleep_forever

data/lib/bridgetown-core.rb

@@ -32,6 +32,7 @@ require "yaml"
 
 # 3rd party
 require "active_support"
+require "active_support/core_ext/class/attribute"
 require "active_support/core_ext/hash/keys"
 require "active_support/core_ext/module/delegation"
 require "active_support/core_ext/object/blank"
@@ -50,10 +51,14 @@ require "listen"
 require "kramdown"
 require "colorator"
 require "i18n"
+require "i18n/backend/fallbacks"
 require "faraday"
 require "thor"
 require "zeitwerk"
 
+# Ensure we can set up fallbacks so the default locale gets used
+I18n::Backend::Simple.include I18n::Backend::Fallbacks
+
 module HashWithDotAccess
   class Hash # :nodoc:
     def to_liquid
@@ -85,12 +90,13 @@ module Bridgetown
   autoload :LayoutPlaceable,     "bridgetown-core/concerns/layout_placeable"
   autoload :LayoutReader,        "bridgetown-core/readers/layout_reader"
   autoload :LiquidRenderable,    "bridgetown-core/concerns/liquid_renderable"
+  autoload :Localizable,         "bridgetown-core/concerns/localizable"
   autoload :LiquidRenderer,      "bridgetown-core/liquid_renderer"
   autoload :LogAdapter,          "bridgetown-core/log_adapter"
   autoload :PluginContentReader, "bridgetown-core/readers/plugin_content_reader"
   autoload :PluginManager,       "bridgetown-core/plugin_manager"
+  autoload :Prioritizable,       "bridgetown-core/concerns/prioritizable"
   autoload :Publishable,         "bridgetown-core/concerns/publishable"
-  autoload :Publisher,           "bridgetown-core/publisher"
   autoload :Reader,              "bridgetown-core/reader"
   autoload :RubyTemplateView,    "bridgetown-core/ruby_template_view"
   autoload :LogWriter,           "bridgetown-core/log_writer"
@@ -160,7 +166,7 @@ module Bridgetown
 
     def load_tasks
       require "bridgetown-core/commands/base"
-      Bridgetown::PluginManager.require_from_bundler
+      Bridgetown::PluginManager.require_from_bundler(skip_yarn: true)
       load File.expand_path("bridgetown-core/tasks/bridgetown_tasks.rake", __dir__)
     end
 

data/lib/site_template/Gemfile.erb

@@ -26,4 +26,4 @@ gem "bridgetown", "~> <%= Bridgetown::VERSION %>"
 
 # Puma is a Rack-compatible server used by Bridgetown
 # (you can optionally limit this to the "development" group)
-gem "puma", "~> 5.5"
+gem "puma", "~> 5.6"

data/lib/site_template/README.md

@@ -54,7 +54,7 @@ bin/bridgetown console
 
 ## Deployment
 
-You can deploy Bridgetown sites on hosts like Render or Vercel as well as tranditional web servers by simply building and copying the output folder to your HTML root.
+You can deploy Bridgetown sites on hosts like Render or Vercel as well as traditional web servers by simply building and copying the output folder to your HTML root.
 
 > Read the [Bridgetown Deployment Documentation](https://www.bridgetownrb.com/docs/deployment) for more information.
 
@@ -67,4 +67,4 @@ If repo is on GitHub:
 3. Create your feature branch (`git checkout -b my-new-feature`)
 4. Commit your changes (`git commit -am 'Add some feature'`)
 5. Push to the branch (`git push origin my-new-feature`)
-6. Create a new Pull Request
+6. Create a new Pull Request

data/lib/site_template/TEMPLATES/erb/_components/shared/navbar.erb

@@ -1,11 +1,11 @@
 <header>
-  <img src="/images/logo.svg" alt="Logo" />
+  <img src="<%= relative_url '/images/logo.svg' %>" alt="Logo" />
 </header>
 
 <nav>
   <ul>
-    <li><a href="/">Home</a></li>
-    <li><a href="/about">About</a></li>
-    <li><a href="/posts">Posts</a></li>
+    <li><a href="<%= relative_url '/' %>">Home</a></li>
+    <li><a href="<%= relative_url '/about' %>">About</a></li>
+    <li><a href="<%= relative_url '/posts' %>">Posts</a></li>
   </ul>
 </nav>

data/lib/site_template/TEMPLATES/liquid/_components/navbar.liquid

@@ -1,11 +1,11 @@
 <header>
-  <img src="/images/logo.svg" alt="Logo" />
+  <img src="{{ '/images/logo.svg' | relative_url }}" alt="Logo" />
 </header>
 
 <nav>
   <ul>
-    <li><a href="/">Home</a></li>
-    <li><a href="/about">About</a></li>
-    <li><a href="/posts">Posts</a></li>
+    <li><a href="{{ '/' | relative_url }}">Home</a></li>
+    <li><a href="{{ '/about' | relative_url }}">About</a></li>
+    <li><a href="{{ '/posts' | relative_url }}">Posts</a></li>
   </ul>
 </nav>

data/lib/site_template/TEMPLATES/serbea/_components/shared/navbar.serb

@@ -1,11 +1,11 @@
 <header>
-  <img src="/images/logo.svg" alt="Logo" />
+  <img src="{{ '/images/logo.svg' | relative_url }}" alt="Logo" />
 </header>
 
 <nav>
   <ul>
-    <li><a href="/">Home</a></li>
-    <li><a href="/about">About</a></li>
-    <li><a href="/posts">Posts</a></li>
+    <li><a href="{{ '/' | relative_url }}">Home</a></li>
+    <li><a href="{{ '/about' | relative_url }}">About</a></li>
+    <li><a href="{{ '/posts' | relative_url }}">Posts</a></li>
   </ul>
 </nav>

data/lib/site_template/bridgetown.config.yml

@@ -3,6 +3,9 @@
 # This config file is for settings that affect your whole site, values
 # which you are expected to set up once and rarely edit after that.
 #
+# A list of all available configuration options can be found here:
+# https://www.bridgetownrb.com/docs/configuration/options
+#
 # For technical reasons, this file is *NOT* reloaded automatically when you use
 # `bin/bridgetown start`. If you change this file, please restart the server process.
 #
@@ -19,8 +22,12 @@ url: "" # the base hostname & protocol for your site, e.g. https://example.com
 permalink: pretty
 
 # Other options you might want to investigate:
-# 
-# base_path: "/" # the subpath of your site, e.g. /blog
+#
+# base_path: "/" # the subpath of your site, e.g. /blog. If you set this option,
+# ensure you use the `relative_url` helper for all links and assets in your HTML.
+# If you're using esbuild for frontend assets, edit `esbuild.config.js` to
+# update `publicPath`.
+
 # timezone: America/Los_Angeles
 # pagination:
-#   enabled: true
+#   enabled: true

data/lib/site_template/frontend/javascript/index.js.erb

@@ -3,6 +3,7 @@ import "index.css"
 <%- else -%>
 import "index.scss"
 <%- end -%>
+import "syntax-highlighting.css"
 
 // Import all JavaScript & CSS files from src/_components
 <%- if frontend_bundling_option == "esbuild" -%>

data/lib/site_template/frontend/styles/syntax-highlighting.css

@@ -0,0 +1,77 @@
+/* 
+  Syntax Highlighting for Code Snippets
+
+  https://www.bridgetownrb.com/docs/liquid/tags#stylesheets-for-syntax-highlighting
+
+  Other styles available eg. https://github.com/jwarby/jekyll-pygments-themes
+  To use another style, delete all styles in this file and replace them with
+  the new styles. Or create your own!
+
+*/
+
+pre.highlight {
+  padding: 16px;
+  background-color: #F6F8FA;
+}
+
+.highlight .hll { background-color: #ffffcc }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { color: #000000; font-weight: bold } /* Keyword */
+.highlight .o { color: #000000; font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d01040 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nl { color: #990000; font-weight: bold } /* Name.Label */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d01040 } /* Literal.String.Backtick */
+.highlight .sc { color: #d01040 } /* Literal.String.Char */
+.highlight .sd { color: #d01040 } /* Literal.String.Doc */
+.highlight .s2 { color: #d01040 } /* Literal.String.Double */
+.highlight .se { color: #d01040 } /* Literal.String.Escape */
+.highlight .sh { color: #d01040 } /* Literal.String.Heredoc */
+.highlight .si { color: #d01040 } /* Literal.String.Interpol */
+.highlight .sx { color: #d01040 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d01040 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */

data/lib/site_template/package.json.erb

@@ -13,34 +13,34 @@
   },
   "devDependencies": {
     <%- if frontend_bundling_option == "webpack" -%>
-    "css-loader": "^4.3.0",
+    "css-loader": "^6.7.1",
     <%- end -%>
-    "esbuild": "^0.13.15",
+    "esbuild": "^0.14.39",
     <%- if frontend_bundling_option == "webpack" -%>
-    "esbuild-loader": "^2.16.0",
-    "file-loader": "^6.2.0",
-    "mini-css-extract-plugin": "^1.3.1",
+    "esbuild-loader": "^2.18.0",
+    "mini-css-extract-plugin": "^2.6.0",
     <%- else -%>
-    "glob": "^7.2.0",
+    "glob": "^8.0.1",
     <%- end -%>
-    <%- if postcss_option -%>
-    "postcss": "^8.4.0",
+    <%- unless disable_postcss? -%>
+    "postcss": "^8.4.12",
     "postcss-flexbugs-fixes": "^5.0.2",
     <%- if frontend_bundling_option == "esbuild" -%>
-    "postcss-import": "^14.0.2",
-    "postcss-load-config": "^3.1.0",
+    "postcss-import": "^14.1.0",
+    "postcss-load-config": "^3.1.4",
     <%- else -%>
-    "postcss-loader": "^4.3.0",
+    "postcss-loader": "^6.2.1",
     <%- end -%>
-    "postcss-preset-env": "^7.0.1"<%= "," if frontend_bundling_option == "webpack"  %>
-    <%- else -%>
-    "sass": "^1.32.8",
-    "sass-loader": "^8.0.2",
+    "postcss-preset-env": "^7.4.3"<%= "," if frontend_bundling_option == "webpack" || !postcss_option  %>
+    <%- end -%>
+    <%- unless postcss_option -%>
+    "sass": "^1.50.1",
+    "sass-loader": "^12.6.0"<%= "," if frontend_bundling_option == "webpack" %>
     <%- end -%>
     <%- if frontend_bundling_option == "webpack" -%>
-    "webpack": "^5.39.1",
-    "webpack-cli": "^4.7.2",
-    "webpack-manifest-plugin": "^3.1.1",
+    "webpack": "^5.72.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-manifest-plugin": "^5.0.0",
     "webpack-merge": "^5.8.0"
     <%- end -%>
   }

data/lib/site_template/server/roda_app.rb

@@ -4,21 +4,18 @@
 #
 # Learn more at: http://roda.jeremyevans.net
 
-# Uncomment to use file-based dynamic routing in your project (make sure you
-# uncomment the gem dependency in your Gemfile as well):
-# require "bridgetown-routes"
-
 class RodaApp < Bridgetown::Rack::Roda
   # Add additional Roda configuration here if needed
 
   # Uncomment to use Bridgetown SSR:
   # plugin :bridgetown_ssr
 
-  # And optionally file-based routing:
+  # Uncomment to use file-based dynamic routing in your project (make sure you
+  # uncomment the gem dependency in your `Gemfile` as well):
   # plugin :bridgetown_routes
 
   route do |r|
     # Load Roda routes in server/routes (and src/_routes via `bridgetown-routes`)
-    Bridgetown::Rack::Routes.start! self
+    r.bridgetown
   end
 end

data/lib/site_template/src/404.html

@@ -5,5 +5,6 @@ layout: default
 
 <h1>404</h1>
 
-<p><strong>Page not found :(</strong></p>
+<h2>Page Not Found :(</h2>
+
 <p>The requested page could not be found.</p>

data/lib/site_template/src/500.html

@@ -0,0 +1,10 @@
+---
+permalink: /500.html
+layout: default
+---
+
+<h1>500</h1>
+
+<h2>Internal Server Error :(</h2>
+
+<p>The requested page could not be delivered.</p>