prefill HUB_INITIAL_ID & HUB_INITIAL_LICENSE

Author: overheadhunter

assets/js/hubsetup.js

@@ -34,6 +34,8 @@ class HubSetup {
         adminUser: 'admin',
         adminPw: 'admin',
         systemClientSecret: HubSetup.uuid(),
+        hubId: null,
+        licenseKey: null,
       }
     }
   }
@@ -43,7 +45,9 @@ class HubSetup {
    * @param {*} cfg The customized config
    * @returns output
    */
-  static generateOutput(cfg) {
+  static generateOutput(cfg, trialData) {
+    cfg.hub.hubId = trialData.hubId;
+    cfg.hub.licenseKey = trialData.licenseKey;
     return {
       k8s: HubSetup.writeHeader(cfg) + HubSetup.writeK8sConfig(cfg),
       compose: HubSetup.writeHeader(cfg) + HubSetup.writeComposeConfig(cfg),
@@ -482,6 +486,8 @@ EOF`;
       restart: 'unless-stopped',
       environment: {
         HUB_PUBLIC_ROOT_PATH: this.getPathnameWithTrailingSlash(this.cfg.hub.publicUrl),
+        HUB_INITIAL_ID: this.cfg.hub.hubId,
+        HUB_INITIAL_LICENSE: this.cfg.hub.licenseKey,
         HUB_KEYCLOAK_PUBLIC_URL: this.cfg.keycloak.publicUrl,
         HUB_KEYCLOAK_LOCAL_URL: !this.cfg.keycloak.useExternal ? `http://keycloak:8080${this.getPathname(this.cfg.keycloak.publicUrl)}` : this.cfg.keycloak.publicUrl,
         HUB_KEYCLOAK_REALM: this.cfg.keycloak.realmId,
@@ -676,6 +682,8 @@ class KubernetesConfigBuilder extends ConfigBuilder {
               },
               env: [
                 {name: 'HUB_PUBLIC_ROOT_PATH', value: this.getPathnameWithTrailingSlash(this.cfg.hub.publicUrl)},
+                {name: 'HUB_INITIAL_ID', value: this.cfg.hub.hubId},
+                {name: 'HUB_INITIAL_LICENSE', value: this.cfg.hub.licenseKey},
                 {name: 'HUB_KEYCLOAK_PUBLIC_URL', value: this.cfg.keycloak.publicUrl},
                 {name: 'HUB_KEYCLOAK_LOCAL_URL', value: !this.cfg.keycloak.useExternal ? `http://keycloak-svc:8080${this.getPathname(this.cfg.keycloak.publicUrl)}` : this.cfg.keycloak.publicUrl},
                 {name: 'HUB_KEYCLOAK_REALM', value: this.cfg.keycloak.realmId},

assets/js/hubsubscription.js

@@ -1,11 +1,46 @@
 "use strict";
 
+const TRIAL_APPLY_URL = API_BASE_URL + '/licenses/hub/trial';
+
 const BILLING_PORTAL_SESSION_URL = LEGACY_STORE_URL + '/hub/billing-portal-session';
 const CUSTOM_BILLING_URL = LEGACY_STORE_URL + '/hub/custom-billing';
 const GENERATE_PAY_LINK_URL = LEGACY_STORE_URL + '/hub/generate-pay-link';
 const MANAGE_SUBSCRIPTION_URL = LEGACY_STORE_URL + '/hub/manage-subscription';
 const UPDATE_PAYMENT_METHOD_URL = LEGACY_STORE_URL + '/hub/update-payment-method';
 
+class HubTrial {
+  
+  constructor(trialData) {
+    this._trialData = trialData;
+  }
+
+  getTrialLicense() {
+    if (!this._trialData.captcha) {
+      this._trialData.errorMessage = 'Please complete the CAPTCHA challenge.';
+      return;
+    }
+
+    this._trialData.inProgress = true;
+    this._trialData.errorMessage = '';
+    return $.ajax({
+      url: TRIAL_APPLY_URL,
+      type: 'POST',
+      data: {
+        captcha: this._trialData.captcha
+      }
+    }).done(data => {
+      this._trialData.hubId = data.hubId;
+      this._trialData.licenseKey = data.licenseKey;
+      this._trialData.inProgress = false;
+    }).fail((xhr, textStatus, error) => {
+      console.error('Trial registration failed:', error);
+      this._trialData.errorMessage = textStatus;
+      this._trialData.inProgress = false;
+    });
+  }
+
+}
+
 class HubSubscription {
 
   constructor(form, subscriptionData, searchParams) {

layouts/hub-self-hosted/single.html

@@ -1,5 +1,5 @@
 {{ define "main" }}
-  <div class="container space-y-6 py-12" x-data="{cfg: HubSetup.defaultConfig(), deploymentType: '', output: ''}" x-init="output = HubSetup.generateOutput(cfg); $watch('cfg', _ => output = HubSetup.generateOutput(cfg))">
+  <div class="container space-y-6 py-12" x-data="{cfg: HubSetup.defaultConfig(), deploymentType: '', output: '', trialData: {hubId: null, licenseKey: null, captcha: null, captchaState: null, inProgress: false, errorMessage: null}, hubTrial: null}" x-init="output = HubSetup.generateOutput(cfg, trialData); hubTrial = new HubTrial(trialData); $watch('trialData.captcha', _ => hubTrial.getTrialLicense()); $watch('trialData', () => output = HubSetup.generateOutput(cfg, trialData)); $watch('cfg', () => output = HubSetup.generateOutput(cfg, trialData))">
     <header class="mb-6">
       <h1 class="font-h1 mb-8">{{ .Title }}</h1>
       <p class="lead mb-8">{{ i18n "hub_setup_description" . }}</p>
@@ -284,6 +284,8 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
           <p class="mt-1 text-sm text-gray-500">
             {{ i18n "hub_setup_output_header_description" . }}
           </p>
+          {{ $challengeUrl := printf "%s/licenses/hub/challenge" .Site.Params.apiBaseUrl }}
+          {{ partial "captcha.html" (dict "challengeUrl" $challengeUrl "captchaPayload" "trialData.captcha" "captchaState" "trialData.captchaState" "auto" "onload") }}
         </header>
         <div class="mt-5 md:mt-0 md:col-span-2 grid grid-cols-6 gap-6">
           <div class="col-span-6" x-show="deploymentType == 'kubernetes'">
@@ -319,10 +321,22 @@ <h2 class="font-h2 mb-4">{{ i18n "hub_setup_contact_us_title" . }}</h2>
   {{ $jsYaml := resources.Get "js/js-yaml/js-yaml.min.js" | fingerprint }}
   <script type="text/javascript" src="{{ $jsYaml.RelPermalink }}" integrity="{{ $jsYaml.Data.Integrity }}"></script>
   {{ if hugo.IsDevelopment }}
+    {{ $hubSubscriptionJs := resources.Get "js/hubsubscription.js" }}
+    <script type="text/javascript" src="{{ $hubSubscriptionJs.RelPermalink }}" defer></script>
     {{ $setupJs := resources.Get "js/hubsetup.js" }}
     <script type="text/javascript" src="{{ $setupJs.RelPermalink }}" defer></script>
+    {{ $altchaJs := resources.Get "js/altcha/altcha.js" }}
+    <script type="module" src="{{ $altchaJs.RelPermalink }}" defer></script>
+    {{ $altchaWorkerJs := resources.Get "js/altcha/worker.js" }}
+    <script type="module" src="{{ $altchaWorkerJs.RelPermalink }}" defer></script>
   {{ else }}
+    {{ $hubSubscriptionJs := resources.Get "js/hubsubscription.js" | minify | fingerprint }}
+    <script type="text/javascript" src="{{ $hubSubscriptionJs.RelPermalink }}" integrity="{{ $hubSubscriptionJs.Data.Integrity }}" defer></script>
     {{ $setupJs := resources.Get "js/hubsetup.js" | minify | fingerprint }}
     <script type="text/javascript" src="{{ $setupJs.RelPermalink }}" integrity="{{ $setupJs.Data.Integrity }}" defer></script>
+    {{ $altchaJs := resources.Get "js/altcha/altcha.js" }}
+    <script type="module" src="{{ $altchaJs.RelPermalink }}" integrity="{{ $altchaJs.Data.Integrity }}" defer></script>
+    {{ $altchaWorkerJs := resources.Get "js/altcha/worker.js" }}
+    <script type="module" src="{{ $altchaWorkerJs.RelPermalink }}" integrity="{{ $altchaWorkerJs.Data.Integrity }}" defer></script>
   {{ end }}
 {{ end }}

layouts/partials/captcha.html

@@ -1,5 +1,6 @@
 <altcha-widget
   challengeurl="{{ .challengeUrl }}"
+  {{ if .auto }}auto="{{ .auto }}"{{ end }}
   hidelogo
   hidefooter
   floating="auto"