DjangoとHTMXで超スムーズな言語スイッチャーの作り方

{% load i18n %}
<form action="{% url 'set_language' %}" method="post">{% csrf_token %}
    <input name="next" type="hidden" value="{{ redirect_to }}">
    <select name="language">
        {% get_current_language as LANGUAGE_CODE %}
        {% get_available_languages as LANGUAGES %}
        {% get_language_info_list for LANGUAGES as languages %}
        {% for language in languages %}
            <option value="{{ language.code }}"{% if language.code == LANGUAGE_CODE %} selected{% endif %}>
                {{ language.name_local }} ({{ language.code }})
            </option>
        {% endfor %}
    </select>
    <input type="submit" value="Go">
</form>

<!-- set_languageはPOSTリクエストで呼び出される必要があります。そうでないと何もしないまま現在のページにリダイレクトしてしまいます。 -->
<form action="{% url 'set_language' %}" method="post">

<!-- フォーム内に"name"という名前のinputを含めている場合、
set_languageはその値にリダイレクトします。ただし、これはオプショナルです。 set_languageがリクエスト内でnextパラメータを取得しなかった場合、HTTP_REFERERを通じて現在のページを使用します。 -->
<input name="next" type="hidden" value="{{ redirect_to }}">

<!-- set_languageは、LANGUAGES設定内の言語コードに設定された値を持つ"language"パラメータがリクエスト内に必要です。 -->
<select name="language">
    {% get_current_language as LANGUAGE_CODE %}
    {% get_available_languages as LANGUAGES %}
    {% get_language_info_list for LANGUAGES as languages %}
    {% for language in languages %}
        <option value="{{ language.code }}"{% if language.code == LANGUAGE_CODE %} selected{% endif %}>
            {{ language.name_local }} ({{ language.code }})
        </option>
    {% endfor %}
</select>

{% get_current_language as CURRENT_LANGUAGE_CODE %}  
{% get_available_languages as AVAILABLE_LANGUAGES %}  
{% get_language_info_list for AVAILABLE_LANGUAGES as languages %}  
{% for lang in languages %}  
  {% if lang.code != CURRENT_LANGUAGE_CODE %}  
    <form id="language-switcher" 
          action="{% url 'set_language' %}"  
          method="post">  
      {% csrf_token %}  
      <input name="language" type="hidden" value="{{ lang.code }}">  
      <button class="fixed bottom-10 right-10 bg-sky-600 text-sky-50 px-5 py-2 hover:text-neutral-900 hover:bg-yellow-400 transition ease-in-out duration-300"  
              type="submit">{{ lang.name_local }}</button>  
    </form>  
  {% endif %}  
{% endfor %}

# これがi18n_patterns()内部にないことを確認してください。そうでないと動作しません。
path("i18n/", include("django.conf.urls.i18n")),

+ from django.conf import settings  
+ from django.http import HttpResponseRedirect  
+ from django.urls import translate_url  
+ from django.utils.http import url_has_allowed_host_and_scheme  
+ from django.utils.translation import check_for_language  
+ from urllib.parse import urlsplit

def set_language(request):  
    """  
    Djangoの組み込みset_languageの修正版。  
    選択した言語をセッション（有効な場合）とクッキーに設定しながら、指定されたURLにリダイレクトします。URLと言語コードはリクエストパラメータで指定する必要があります。
    このビューは、ユーザーがサイトの残りをどのように見るかを変更するため、POSTリクエストとしてのみアクセスする必要があります。GETリクエストとして呼び出された場合、状態を何も変更せずにリクエストのページ（'next'パラメータ）にリダイレクトします。 
    """    
    next_url = request.POST.get("next", request.GET.get("next"))  

    if (  
            next_url or request.accepts("text/html")  
    ) and not url_has_allowed_host_and_scheme(  
        url=next_url,  
        allowed_hosts={request.get_host()},  
        require_https=request.is_secure(),  
    ):  
        next_url = request.META.get("HTTP_REFERER")  
        if not url_has_allowed_host_and_scheme(  
                url=next_url,  
                allowed_hosts={request.get_host()},  
                require_https=request.is_secure(),  
        ):  
            next_url = "/"  

+    # next_urlがHTTP_REFERERに設定されている場合、それはurlスキームとホストを含むでしょう。   
+    # パスを取得するためにそれを掴みましょう。そうすれば、言語プレフィクスを取り除くことができます。   
+    next_url = urlsplit(next_url).path  
+    # urlを翻訳する前に、urlから言語コードを取り除きます。   
+    for lang_code, lang_name in settings.LANGUAGES:  
+        prefix = '/' + lang_code + '/'  
+        if next_url.startswith(prefix):  
+            next_url = next_url[len(prefix) - 1:]  
+            break  

    response = HttpResponseRedirect(next_url) if next_url else HttpResponse(status=204)  
    if request.method == "POST":  
        lang_code = request.POST.get(LANGUAGE_QUERY_PARAMETER)  
        if lang_code and check_for_language(lang_code):  
            if next_url:  
                next_trans = translate_url(next_url, lang_code)  
                if next_trans != next_url:  
                    response = HttpResponseRedirect(next_trans)  
            response.set_cookie(  
                settings.LANGUAGE_COOKIE_NAME,  
                lang_code,  
                max_age=settings.LANGUAGE_COOKIE_AGE,  
                path=settings.LANGUAGE_COOKIE_PATH,  
                domain=settings.LANGUAGE_COOKIE_DOMAIN,  
                secure=settings.LANGUAGE_COOKIE_SECURE,  
                httponly=settings.LANGUAGE_COOKIE_HTTPONLY,  
                samesite=settings.LANGUAGE_COOKIE_SAMESITE,  
            )    return response

<script src="https://unpkg.com/idiomorph/dist/idiomorph-ext.min.js"></script>

<form id="language-switcher"  
      action="{% url 'set_language' %}"  
      method="post"  
+     hx-post="{% url 'set_language' %}"  
+     hx-target="body"  
+     hx-push-url="true"
+     hx-ext="morph"
+     hx-swap="morph:innerHTML transition:true show:none">