+
{% if page.doc %}
{{ page.title }}
{% endif %}
diff --git a/bin/jekyll-vite b/bin/jekyll-vite
deleted file mode 100755
index 1d5405ca6..000000000
--- a/bin/jekyll-vite
+++ /dev/null
@@ -1,23 +0,0 @@
-#!/usr/bin/env ruby
-# frozen_string_literal: true
-
-require 'bundler/setup'
-require 'socket'
-require 'vite_ruby'
-
-def wait_for_dev_server(timeout_at:)
- while Time.now <= timeout_at
- return if ViteRuby.instance.dev_server_running?
-
- sleep 1
- end
- raise "Timeout: vite dev server is not running on #{ ViteRuby.config.host_with_port }"
-end
-
-case cmd = ARGV[0]
-when 'wait'
- puts 'Waiting for vite dev server to start'
- wait_for_dev_server(timeout_at: Time.now + (ENV['VITE_TIMEOUT'] || 10).to_i)
-else
- raise ArgumentError, "unknown command #{ cmd.inspect }"
-end
diff --git a/bin/vite b/bin/vite
deleted file mode 100755
index 11fb801e6..000000000
--- a/bin/vite
+++ /dev/null
@@ -1,29 +0,0 @@
-#!/usr/bin/env ruby
-# frozen_string_literal: true
-
-#
-# This file was generated by Bundler.
-#
-# The application 'vite' is installed as part of a gem, and
-# this file is here to facilitate running it.
-#
-
-require "pathname"
-ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile",
- Pathname.new(__FILE__).realpath)
-
-bundle_binstub = File.expand_path("../bundle", __FILE__)
-
-if File.file?(bundle_binstub)
- if File.read(bundle_binstub, 300) =~ /This file was generated by Bundler/
- load(bundle_binstub)
- else
- abort("Your `bin/bundle` was not generated by Bundler, so this binstub cannot run.
-Replace `bin/bundle` by running `bundle binstubs bundler --force`, then run this command again.")
- end
-end
-
-require "rubygems"
-require "bundler/setup"
-
-load Gem.bin_path("vite_ruby", "vite")
diff --git a/jekyll-dev.yml b/jekyll-dev.yml
index c345455d5..49326ae3e 100644
--- a/jekyll-dev.yml
+++ b/jekyll-dev.yml
@@ -12,6 +12,17 @@ kramdown:
disable: true
incremental: true
+exclude:
+ - .netlify/
+ - .jekyll-cache/
+ - Gemfile
+ - Gemfile.lock
+ - node_modules/
+ # Styles in _assets/styles/ are managed and hot-reloaded by Vite, so Jekyll
+ # doesn't need to process them. This prevents unnecessary browser refreshes
+ # triggered by Jekyll
+ - _assets/styles/
+
# Site settings
logo: "/assets/images/brand/kuma-logo-new.svg"
repo: "https://github.com/kumahq/kuma"
diff --git a/netlify.toml b/netlify.toml
index 89bc02401..b34df5c81 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -10,6 +10,8 @@
JEKYLL_ENV = "preview"
[dev]
+ # netlify automatically figures out and starts the framework, which in our case
+ # is vite
autoLaunch = false
targetPort = 4000
diff --git a/package.json b/package.json
index 2ecd995d5..6e5be8aef 100644
--- a/package.json
+++ b/package.json
@@ -2,11 +2,6 @@
"name": "kuma-website",
"description": "The website and docs for Kuma.",
"author": "Kong Inc.",
- "scripts": {
- "dev": "netlify dev",
- "test": "jest",
- "test-coverage": "jest --coverage"
- },
"dependencies": {
"@kongponents/ktabs": "^0.1.2",
"@kongponents/styles": "^0.2.0",
diff --git a/vite.config.ts b/vite.config.ts
index 7a3e1fe45..67922d588 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -19,8 +19,19 @@ export default defineConfig({
}),
],
css: {
+ devSourcemap: true,
preprocessorOptions: {
- scss: { additionalData: ["@import '@/styles/custom/config/variables', '@/styles/vuepress-core/config', '@/styles/custom/config/fonts', '@/styles/custom/config/mixins', '@/styles/custom/base/forms';"] },
+ scss: {
+ api: 'modern',
+ additionalData: [
+ '@import',
+ "'@/styles/custom/config/variables',",
+ "'@/styles/vuepress-core/config',",
+ "'@/styles/custom/config/fonts',",
+ "'@/styles/custom/config/mixins',",
+ "'@/styles/custom/base/forms';",
+ ].join(' ')
+ },
},
},
})