[#72] Always load UI JS on all parts kit pages.

vigetlabs · Dec 22, 2023 · 2fc72e5 · 2fc72e5
1 parent 021afa6
commit 2fc72e5
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 4 deletions.
diff --git a/src/services/PartsKit.php b/src/services/PartsKit.php
@@ -122,6 +122,20 @@ public static function getNav(): array
         return array_values($result);
     }
 
+    /**
+     * The JS file for the parts kit UI library. This needs to be added on both the
+     * parts kit root page and on each "part" page.
+     *
+     * unpkg.com respects server. This URL will need to be adjusted when major versions
+     * are released.
+     *
+     * @return string
+     */
+    public static function getUiScriptUrl(): string
+    {
+        return 'https://unpkg.com/@viget/parts-kit@^0/lib/parts-kit.js';
+    }
+
     /**
      * Remove extension from file name
      *

diff --git a/src/templates/_layouts/parts-kit.html b/src/templates/_layouts/parts-kit.html
@@ -5,6 +5,10 @@
     <meta name="robots" content="none">
 {% endhtml %}
 
+{% js craft.viget.partsKit.getUiScriptUrl() with {
+    type: 'module',
+} %}
+
 {% block content %}
     {% block main %}
     {% endblock %}

diff --git a/src/templates/parts-kit-root.html b/src/templates/parts-kit-root.html
@@ -8,10 +8,7 @@
     <meta name="robots" content="none">
 </head>
 <body>
-    <script
-        type="module"
-        src="https://unpkg.com/@viget/parts-kit@^0/lib/parts-kit.js"
-    ></script>
+    <script type="module" src="{{ craft.viget.partsKit.getUiScriptUrl() }}"></script>
     <parts-kit config-url="{{ actionUrl('parts-kit/config') }}"></parts-kit>
 </body>
 </html>