feat: enhance markdown block controller to support dynamic locale and route scope path

Author: rsmithlal

app/javascript/controllers/better_together/markdown_block_controller.js

@@ -17,6 +17,27 @@ export default class extends Controller {
     this.previousSourceType = this.selectedSourceType
   }
 
+  get locale() {
+    try {
+      if (typeof I18n !== 'undefined' && I18n && I18n.locale) return I18n.locale
+    } catch (e) {}
+    try {
+      const htmlLang = document.documentElement.getAttribute('lang')
+      if (htmlLang) return htmlLang
+    } catch (e) {}
+    return 'en'
+  }
+
+  get routeScopePath() {
+    try {
+      if (typeof BetterTogether !== 'undefined' && BetterTogether && BetterTogether.route_scope_path) return BetterTogether.route_scope_path
+    } catch (e) {}
+    try {
+      if (this.element && this.element.dataset && this.element.dataset.routeScopePath) return this.element.dataset.routeScopePath
+    } catch (e) {}
+    return ''
+  }
+
   handleSourceTypeChange() {
     const selectedType = this.selectedSourceType
     if (!selectedType) return
@@ -85,9 +106,11 @@ export default class extends Controller {
   }
 
   async renderMarkdown(content) {
-    // Make an AJAX request to render the markdown on the server  
-    const locale = document.documentElement.lang || 'en'
-    const response = await fetch(`/${locale}/content/blocks/preview_markdown`, {
+    // Make an AJAX request to render the markdown on the server
+    const locale = this.locale
+    const routeScope = this.routeScopePath
+    const scopeSegment = routeScope ? `/${routeScope}` : ''
+    const response = await fetch(`/${locale}${scopeSegment}/content/blocks/preview_markdown`, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',

spec/requests/better_together/content_blocks_preview_markdown_spec.rb

@@ -4,7 +4,7 @@
 
 RSpec.describe 'Content Blocks Markdown Preview', :as_user do
   let(:markdown_content) { "# Hello World\n\nThis is a **test**." }
-  let(:preview_path) { "/#{I18n.default_locale}/content/blocks/preview_markdown" }
+  let(:preview_path) { "/#{I18n.default_locale}/#{BetterTogether.route_scope_path}/content/blocks/preview_markdown" }
 
   describe 'POST /better_together/content/blocks/preview_markdown' do
     context 'when markdown content is provided' do