first commit

media/com_installer/css/installer.css

@@ -0,0 +1,88 @@
+/**
+ * @copyright   (C) 2017 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+#loading {
+  position: fixed;
+  overflow: hidden;
+  background-color: rgba(255, 255, 255, .8);
+  background-image: url("../../system/images/ajax-loader.gif?v=144b8c");
+  background-repeat: no-repeat;
+  background-position: center center;
+  opacity: .8;
+}
+
+#dragarea {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 5% 0;
+  background-color: var(--body-bg);
+  border: 1px dashed #999;
+  transition: all .2s ease 0s;
+}
+
+#upload-icon {
+  width: auto;
+  height: auto;
+  margin: 0;
+  font-size: 48px;
+  line-height: 175%;
+  color: #999;
+  transition: all .2s;
+}
+
+#dragarea.hover {
+  background-color: #eee;
+  border-color: #666;
+}
+
+#dragarea.hover #upload-icon,
+#dragarea p.lead {
+  color: #666;
+}
+
+@media (prefers-color-scheme: dark) {
+  #dragarea p.lead {
+    color: #999;
+  }
+}
+
+.upload-progress, .install-progress {
+  width: 50%;
+  margin: 5px auto;
+}
+
+/* Default transition (.3s) is too slow, progress will not run to 100% */
+.upload-progress .progress .bar {
+  /* stylelint-disable */
+  -webkit-transition: width .1s;
+  -moz-transition: width .1s;
+  -o-transition: width .1s;
+  /* stylelint-enable */
+  transition: width .1s;
+}
+
+#dragarea[data-state=pending] .upload-progress {
+  display: none;
+}
+
+#dragarea[data-state=pending] .install-progress {
+  display: none;
+}
+
+#dragarea[data-state=uploading] .install-progress {
+  display: none;
+}
+
+#dragarea[data-state=uploading] .upload-actions {
+  display: none;
+}
+
+#dragarea[data-state=installing] .upload-progress {
+  display: none;
+}
+
+#dragarea[data-state=installing] .upload-actions {
+  display: none;
+}

media/com_installer/css/installer.min.css

@@ -0,0 +1 @@
+#loading{background-color:hsla(0,0%,100%,.8);background-image:url("../../system/images/ajax-loader.gif?v=144b8c");background-position:50%;background-repeat:no-repeat;opacity:.8;overflow:hidden;position:fixed}#dragarea{background-color:var(--body-bg);border:1px dashed #999;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5% 0;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s;width:100%}#upload-icon{color:#999;font-size:48px;height:auto;line-height:175%;margin:0;-webkit-transition:all .2s;transition:all .2s;width:auto}#dragarea.hover{background-color:#eee;border-color:#666}#dragarea p.lead,#dragarea.hover #upload-icon{color:#666}@media (prefers-color-scheme:dark){#dragarea p.lead{color:#999}}.install-progress,.upload-progress{margin:5px auto;width:50%}.upload-progress .progress .bar{-webkit-transition:width .1s;transition:width .1s}#dragarea[data-state=installing] .upload-actions,#dragarea[data-state=installing] .upload-progress,#dragarea[data-state=pending] .install-progress,#dragarea[data-state=pending] .upload-progress,#dragarea[data-state=uploading] .install-progress,#dragarea[data-state=uploading] .upload-actions{display:none}

media/com_installer/joomla.asset.json

@@ -0,0 +1,47 @@
+{
+  "$schema": "https://developer.joomla.org/schemas/json-schema/web_assets.json",
+  "name": "com_installer",
+  "version": "4.0.0",
+  "description": "Joomla CMS",
+  "license": "GPL-2.0-or-later",
+  "assets": [
+    {
+      "name": "com_installer.installer",
+      "type": "preset",
+      "dependencies": [
+        "com_installer.installer#style",
+        "com_installer.installer#script"
+      ]
+    },
+    {
+      "name": "com_installer.changelog",
+      "type": "script",
+      "uri": "com_installer/changelog.min.js",
+      "dependencies": [
+        "core"
+      ],
+      "attributes": {
+        "type": "module"
+      },
+      "version": "1d5d9b"
+    },
+    {
+      "name": "com_installer.installer",
+      "type": "style",
+      "uri": "com_installer/installer.min.css",
+      "version": "cb258d"
+    },
+    {
+      "name": "com_installer.installer",
+      "type": "script",
+      "uri": "com_installer/installer.min.js",
+      "dependencies": [
+        "core"
+      ],
+      "attributes": {
+        "type": "module"
+      },
+      "version": "e44f0c"
+    }
+  ]
+}

media/com_installer/js/changelog.js

@@ -0,0 +1,50 @@
+/**
+ * @copyright   (C) 2019 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+Joomla = window.Joomla || {};
+(Joomla => {
+
+  document.addEventListener('DOMContentLoaded', () => {
+    const modals = document.getElementsByClassName('changelogModal');
+    Array.from(modals).forEach(element => {
+      element.addEventListener('click', modal => {
+        Joomla.loadChangelog(modal.target.dataset.jsExtensionid, modal.target.dataset.jsView);
+      });
+    });
+  });
+
+  /**
+   * Load the changelog data
+   *
+   * @param extensionId The extension ID to load the changelog for
+   * @param view The view the changelog is for,
+   *             this is used to determine which version number to show
+   *
+   * @since   4.0.0
+   */
+  Joomla.loadChangelog = (extensionId, view) => {
+    const modal = document.querySelector(`#changelogModal${extensionId} .modal-body`);
+    Joomla.request({
+      url: `index.php?option=com_installer&task=manage.loadChangelog&eid=${extensionId}&source=${view}&format=json`,
+      onSuccess: response => {
+        let message = '';
+        try {
+          const result = JSON.parse(response);
+          if (result.error) {
+            [message] = result;
+          } else {
+            message = result.data;
+          }
+        } catch (exception) {
+          message = exception;
+        }
+        modal.innerHTML = Joomla.sanitizeHtml(message);
+      },
+      onError: function onError(xhr) {
+        modal.innerHTML = Joomla.sanitizeHtml(xhr.statusText);
+      }
+    });
+  };
+})(Joomla);

media/com_installer/js/changelog.min.js

@@ -0,0 +1 @@
+Joomla=window.Joomla||{},(e=>{document.addEventListener("DOMContentLoaded",(()=>{const o=document.getElementsByClassName("changelogModal");Array.from(o).forEach((o=>{o.addEventListener("click",(o=>{e.loadChangelog(o.target.dataset.jsExtensionid,o.target.dataset.jsView)}))}))})),e.loadChangelog=(o,t)=>{const a=document.querySelector(`#changelogModal${o} .modal-body`);e.request({url:`index.php?option=com_installer&task=manage.loadChangelog&eid=${o}&source=${t}&format=json`,onSuccess:o=>{let t="";try{const e=JSON.parse(o);e.error?[t]=e:t=e.data}catch(e){t=e}a.innerHTML=e.sanitizeHtml(t)},onError:function(o){a.innerHTML=e.sanitizeHtml(o.statusText)}})}})(Joomla);

media/com_installer/js/installer.js

@@ -0,0 +1,20 @@
+/**
+ * @copyright   (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+(() => {
+
+  document.addEventListener('DOMContentLoaded', () => {
+    const loading = document.getElementById('loading');
+    const installer = document.getElementById('installer-install');
+    if (loading && installer) {
+      loading.style.position = 'absolute';
+      loading.style.top = 0;
+      loading.style.left = 0;
+      loading.style.width = '100%';
+      loading.style.height = '100%';
+      loading.classList.add('hidden');
+    }
+  });
+})();

media/com_installer/js/installer.min.js

@@ -0,0 +1 @@
+document.addEventListener("DOMContentLoaded",(()=>{const t=document.getElementById("loading"),e=document.getElementById("installer-install");t&&e&&(t.style.position="absolute",t.style.top=0,t.style.left=0,t.style.width="100%",t.style.height="100%",t.classList.add("hidden"))}));