@fleetbase/registry-bridge-engine 0.0.10 → 0.0.12

package/addon/components/extension-card.hbs

@@ -6,6 +6,11 @@
         <div class="flex flex-col">
             <div class="font-semibold text-sm block {{@nameTextClass}}">{{@extension.name}}</div>
             <div class="text-xs {{@descriptionTextClass}}">{{n-a @extension.description}}</div>
+            {{#if @extension.payment_required}}
+                <Badge @status="success" @hideStatusDot={{true}}>{{format-currency @extension.price @extension.currency}}</Badge>
+            {{else}}
+                <Badge @status="success" @hideStatusDot={{true}}>Free</Badge>
+            {{/if}}
         </div>
         {{yield @extension}}
     </div>

package/addon/components/extension-card.js

@@ -40,9 +40,21 @@ export default class ExtensionCardComponent extends Component {
 
     @action onClick(options = {}) {
         const installChannel = `install.${this.currentUser.companyId}.${this.extension.id}`;
+        const isAuthor = this.extension.is_author === true;
+        const isSelfManaged = this.extension.self_managed === true;
         const isAlreadyPurchased = this.extension.is_purchased === true;
         const isAlreadyInstalled = this.extension.is_installed === true;
-        const isPaymentRequired = this.extension.payment_required === true && isAlreadyPurchased === false;
+        const isPaymentRequired = !isAuthor && this.extension.payment_required === true && isAlreadyPurchased === false;
+        const goBack = async (modal) => {
+            await modal.done();
+            later(
+                this,
+                () => {
+                    this.onClick();
+                },
+                100
+            );
+        };
 
         if (typeof this.args.onClick === 'function') {
             this.args.onClick(this.extension);
@@ -63,6 +75,13 @@ export default class ExtensionCardComponent extends Component {
             stepDescription: 'Awaiting install to begin...',
             progress: 0,
             extension: this.extension,
+            viewSelfManagesInstallInstructions: () => {
+                this.selfManagedInstallInstructions({
+                    extension: this.extension,
+                    confirm: goBack,
+                    decline: goBack,
+                });
+            },
             confirm: async (modal) => {
                 modal.startLoading();
 
@@ -71,6 +90,22 @@ export default class ExtensionCardComponent extends Component {
                     return this.startCheckoutSession();
                 }
 
+                // If self managed just prompt instructions
+                if (isSelfManaged) {
+                    await modal.done();
+                    return later(
+                        this,
+                        () => {
+                            return this.selfManagedInstallInstructions({
+                                extension: this.extension,
+                                confirm: goBack,
+                                decline: goBack,
+                            });
+                        },
+                        100
+                    );
+                }
+
                 // Listen for install progress
                 this.socket.listen(installChannel, ({ process, step, progress }) => {
                     let stepDescription;
@@ -121,6 +156,16 @@ export default class ExtensionCardComponent extends Component {
         });
     }
 
+    async selfManagedInstallInstructions(options = {}) {
+        await this.modalsManager.done();
+        this.modalsManager.show('modals/self-managed-install-instructions', {
+            title: 'Install a Self Managed Extension',
+            hideDeclineButton: true,
+            acceptButtonText: 'Done',
+            ...options,
+        });
+    }
+
     async startCheckoutSession() {
         const checkout = await this.stripe.initEmbeddedCheckout({
             fetchClientSecret: this.fetchClientSecret.bind(this),

package/addon/components/extension-form.hbs

@@ -69,7 +69,6 @@
 
             <InputGroup
                 @name={{t "registry-bridge.developers.extensions.extension-form.extension-tags"}}
-                @wrapperClass="mb-0i"
                 @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-tags-help-text"}}
             >
                 <TagInput
@@ -85,6 +84,19 @@
                     {{tag}}
                 </TagInput>
             </InputGroup>
+
+            <InputGroup @wrapperClass="mb-0i">
+                <Toggle
+                    @isToggled={{@extension.self_managed}}
+                    @onToggle={{fn (mut @extension.self_managed)}}
+                    @helpText={{t "registry-bridge.developers.extensions.extension-form.self-managed-help-text"}}
+                >
+                    <span class="dark:text-gray-100 text-sm mx-2">{{t "registry-bridge.developers.extensions.extension-form.self-managed"}}</span>
+                </Toggle>
+                <p class="mt-2 text-xs bg-blue-800 border border-blue-600 px-2 py-2 rounded-md text-blue-100">
+                    {{t "registry-bridge.developers.extensions.extension-form.self-managed-help-text"}}
+                </p>
+            </InputGroup>
         </ContentPanel>
         <ContentPanel @title={{t "registry-bridge.developers.extensions.extension-form.extension-bundle"}} @open={{true}} @pad={{false}} @panelBodyClass="bg-white dark:bg-gray-800">
             <div class="px-4 pb-4 pt-3 flex flex-col flex-grow-0">
@@ -101,7 +113,13 @@
                 {{/if}}
             </div>
         </ContentPanel>
-        <ContentPanel @title={{t "registry-bridge.developers.extensions.extension-form.extension-listing-details"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
+        <ContentPanel
+            @title={{t "registry-bridge.developers.extensions.extension-form.extension-listing-details"}}
+            @open={{true}}
+            @pad={{true}}
+            @panelBodyClass="bg-white dark:bg-gray-800"
+            @actionButtons={{this.listingDetailsPanelActions}}
+        >
             <InputGroup
                 @name={{t "registry-bridge.developers.extensions.extension-form.extension-promotional-text"}}
                 @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-promotional-text-help-text"}}

package/addon/components/extension-form.js

@@ -3,6 +3,8 @@ import { tracked } from '@glimmer/tracking';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import { task } from 'ember-concurrency';
+import { later } from '@ember/runloop';
+import formatCurrency from '@fleetbase/ember-ui/utils/format-currency';
 
 export default class ExtensionFormComponent extends Component {
     @service store;
@@ -13,6 +15,14 @@ export default class ExtensionFormComponent extends Component {
     @tracked subscriptionModelOptions = ['flat_rate', 'tiered', 'usage'];
     @tracked billingPeriodOptions = ['daily', 'weekly', 'monthly', 'quarterly', 'yearly'];
     @tracked uploadQueue = [];
+    listingDetailsPanelActions = [
+        {
+            type: 'link',
+            size: 'xs',
+            text: 'Preview Listing',
+            onClick: this.previewListing,
+        },
+    ];
     acceptedImageTypes = ['image/jpeg', 'image/png', 'image/gif'];
     acceptedBundleTypes = [
         'application/zip',
@@ -120,4 +130,51 @@ export default class ExtensionFormComponent extends Component {
     @action removeFile(file) {
         return file.destroyRecord();
     }
+
+    @action previewListing(options = {}) {
+        const extension = this.args.extension;
+        const isAlreadyPurchased = extension.is_purchased === true;
+        const isAlreadyInstalled = extension.is_installed === true;
+        const isPaymentRequired = extension.payment_required === true && isAlreadyPurchased === false;
+        const goBack = async (modal) => {
+            await modal.done();
+            later(
+                this,
+                () => {
+                    this.previewListing();
+                },
+                100
+            );
+        };
+
+        this.modalsManager.show('modals/extension-details', {
+            titleComponent: 'extension-modal-title',
+            modalClass: 'flb--extension-modal modal-lg',
+            modalHeaderClass: 'flb--extension-modal-header',
+            acceptButtonText: isPaymentRequired ? `Purchase for ${formatCurrency(extension.price, extension.currency)}` : isAlreadyInstalled ? 'Installed' : 'Install',
+            acceptButtonIcon: isPaymentRequired ? 'credit-card' : isAlreadyInstalled ? 'check' : 'download',
+            acceptButtonDisabled: true,
+            acceptButtonScheme: isPaymentRequired ? 'success' : 'primary',
+            declineButtonText: 'Done',
+            viewSelfManagesInstallInstructions: () => {
+                this.selfManagedInstallInstructions({
+                    extension,
+                    confirm: goBack,
+                    decline: goBack,
+                });
+            },
+            extension,
+            ...options,
+        });
+    }
+
+    async selfManagedInstallInstructions(options = {}) {
+        await this.modalsManager.done();
+        this.modalsManager.show('modals/self-managed-install-instructions', {
+            title: 'Install a Self Managed Extension',
+            hideDeclineButton: true,
+            acceptButtonText: 'Done',
+            ...options,
+        });
+    }
 }

package/addon/components/extension-monetize-form.hbs

@@ -1,14 +1,20 @@
 <ContentPanel @title={{t "registry-bridge.developers.extensions.extension-form.extension-payment-details"}} @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
-    <InputGroup @wrapperClass={{unless @extension.payment_required "mb-0i"}}>
-        <Toggle
-            @isToggled={{@extension.payment_required}}
-            @onToggle={{fn (mut @extension.payment_required)}}
-            @label={{t "registry-bridge.developers.extensions.extension-form.extension-payment-required"}}
-            @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-payment-required-help-text"}}
-        />
-    </InputGroup>
-    {{#if @extension.payment_required}}
-        {{!-- <InputGroup>
+    {{#if this.lookupStripeConnectAccount.isRunning}}
+        <div class="flex items-center justify-center flex-1 p-4">
+            <Spinner @loadingMessage="Loading monetization settings..." @loadingMessageClass="ml-2 text-black dark:text-white" @wrapperClass="flex flex-row items-center" />
+        </div>
+    {{else}}
+        {{#if this.hasStripeConnectAccount}}
+            <InputGroup @wrapperClass={{unless @extension.payment_required "mb-0i"}}>
+                <Toggle
+                    @isToggled={{@extension.payment_required}}
+                    @onToggle={{fn (mut @extension.payment_required)}}
+                    @label={{t "registry-bridge.developers.extensions.extension-form.extension-payment-required"}}
+                    @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-payment-required-help-text"}}
+                />
+            </InputGroup>
+            {{#if @extension.payment_required}}
+                {{!-- <InputGroup>
             <Toggle
                 @isToggled={{@extension.subscription_required}}
                 @onToggle={{fn (mut @extension.subscription_required)}}
@@ -16,40 +22,54 @@
                 @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-subscription-required-help-text"}}
             />
         </InputGroup> --}}
-        {{#if @extension.subscription_required}}
-            <InputGroup
-                @name={{t "registry-bridge.developers.extensions.extension-form.extension-subscription-billing-period"}}
-                @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-subscription-billing-period-help-text"}}
-            >
-                <Select
-                    @value={{@extension.subscription_billing_period}}
-                    @options={{this.billingPeriodOptions}}
-                    @onSelect={{fn (mut @extension.subscription_billing_period)}}
-                    @placeholder={{t "registry-bridge.developers.extensions.extension-form.extension-subscription-billing-period-placeholder"}}
-                    class="w-full"
-                />
-            </InputGroup>
-            <InputGroup
-                @name={{t "registry-bridge.developers.extensions.extension-form.extension-subscription-amount"}}
-                @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-subscription-amount-help-text"}}
-                @wrapperClass="mb-0i"
-            >
-                <MoneyInput @value={{@extension.subscription_amount}} @currency="USD" />
-            </InputGroup>
+                {{#if @extension.subscription_required}}
+                    <InputGroup
+                        @name={{t "registry-bridge.developers.extensions.extension-form.extension-subscription-billing-period"}}
+                        @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-subscription-billing-period-help-text"}}
+                    >
+                        <Select
+                            @value={{@extension.subscription_billing_period}}
+                            @options={{this.billingPeriodOptions}}
+                            @onSelect={{fn (mut @extension.subscription_billing_period)}}
+                            @placeholder={{t "registry-bridge.developers.extensions.extension-form.extension-subscription-billing-period-placeholder"}}
+                            class="w-full"
+                        />
+                    </InputGroup>
+                    <InputGroup
+                        @name={{t "registry-bridge.developers.extensions.extension-form.extension-subscription-amount"}}
+                        @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-subscription-amount-help-text"}}
+                        @wrapperClass="mb-0i"
+                    >
+                        <MoneyInput @value={{@extension.subscription_amount}} @currency="USD" />
+                    </InputGroup>
+                {{else}}
+                    <div class="grid grid-cols-1 lg:grid-cols-2 gap-2">
+                        <InputGroup
+                            @name={{t "registry-bridge.developers.extensions.extension-form.extension-price"}}
+                            @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-price-help-text"}}
+                        >
+                            <MoneyInput @value={{@extension.price}} @currency="USD" />
+                        </InputGroup>
+                        <InputGroup
+                            @name={{t "registry-bridge.developers.extensions.extension-form.extension-sale-price"}}
+                            @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-sale-price-help-text"}}
+                        >
+                            <MoneyInput @value={{@extension.sale_price}} @currency="USD" />
+                        </InputGroup>
+                    </div>
+                {{/if}}
+            {{/if}}
         {{else}}
-            <div class="grid grid-cols-1 lg:grid-cols-2 gap-2">
-                <InputGroup
-                    @name={{t "registry-bridge.developers.extensions.extension-form.extension-price"}}
-                    @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-price-help-text"}}
-                >
-                    <MoneyInput @value={{@extension.price}} @currency="USD" />
-                </InputGroup>
-                <InputGroup
-                    @name={{t "registry-bridge.developers.extensions.extension-form.extension-sale-price"}}
-                    @helpText={{t "registry-bridge.developers.extensions.extension-form.extension-sale-price-help-text"}}
-                >
-                    <MoneyInput @value={{@extension.sale_price}} @currency="USD" />
-                </InputGroup>
+            <div class="container">
+                <div class="max-w-3xl mx-auto mt-4">
+                    <div class="content">
+                        <div class="flex flex-col items-center justify-center">
+                            <h1 class="text-lg font-semibold mb-1">Your account is not setup to accept payments yet.</h1>
+                            <p class="text-sm mb-2">To accept payments for extensions, you must complete the onboard process via Stripe.</p>
+                            <Button @type="primary" @size="lg" @text="Start payments onboard" @onClick={{transition-to "developers.payments.onboard"}} />
+                        </div>
+                    </div>
+                </div>
             </div>
         {{/if}}
     {{/if}}

package/addon/components/extension-monetize-form.js

@@ -1,7 +1,25 @@
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { task } from 'ember-concurrency';
 
 export default class ExtensionMonetizeFormComponent extends Component {
+    @service fetch;
     @tracked subscriptionModelOptions = ['flat_rate', 'tiered', 'usage'];
     @tracked billingPeriodOptions = ['daily', 'weekly', 'monthly', 'quarterly', 'yearly'];
+    @tracked hasStripeConnectAccount = false;
+
+    constructor() {
+        super(...arguments);
+        this.lookupStripeConnectAccount.perform();
+    }
+
+    @task *lookupStripeConnectAccount() {
+        try {
+            const { hasStripeConnectAccount } = yield this.fetch.get('payments/has-stripe-connect-account', {}, { namespace: '~registry/v1' });
+            this.hasStripeConnectAccount = hasStripeConnectAccount;
+        } catch (error) {
+            this.hasStripeConnectAccount = false;
+        }
+    }
 }

package/addon/components/modals/extension-details.hbs

@@ -2,7 +2,7 @@
     <div class="modal-body-container space-y-3">
         <div class="flex flex-row items-center space-x-2">
             <div class="flb--extension-tag shadow-sm border dark:bg-gray-800 dark:border-gray-800 dark:text-gray-200">
-                Extension
+                {{t "registry-bridge.component.extension-details-modal.extension"}}
             </div>
             <div class="flb--extension-tag shadow-sm border dark:bg-gray-800 dark:border-gray-800 dark:text-gray-200">
                 {{this.extension.category_name}}
@@ -28,40 +28,59 @@
             {{/if}}
         {{/if}}
         <div>
-            <h3 class="dark:text-white font-semibold mb-1">Overview</h3>
+            <h3 class="dark:text-white font-semibold mb-1">{{t "registry-bridge.component.extension-details-modal.overview"}}</h3>
             <div class="space-y-1">
                 <p class="dark:text-gray-200 text-sm">{{this.extension.description}}</p>
                 <p class="dark:text-gray-200 text-sm">{{html-safe this.extension.promotional_text}}</p>
             </div>
         </div>
         <div>
-            <h3 class="dark:text-white font-semibold mb-1">Details</h3>
+            <h3 class="dark:text-white font-semibold mb-1">{{t "registry-bridge.component.extension-details-modal.details"}}</h3>
             <div class="space-y-2">
                 <div class="grid grid-cols-4 gap-2">
                     <div class="space-y-2">
                         <div>
-                            <div class="text-sm font-semibold dark:text-gray-100">Version</div>
-                            <div class="text-sm dark:text-gray-200">{{this.extension.current_bundle_version}}</div>
+                            <div class="text-sm font-semibold dark:text-gray-100">{{t "registry-bridge.component.extension-details-modal.version"}}</div>
+                            <div class="text-sm dark:text-gray-200">{{n-a this.extension.current_bundle_version}}</div>
                         </div>
                         <div>
-                            <div class="text-sm font-semibold dark:text-gray-100">Updated</div>
-                            <div class="text-sm dark:text-gray-200">{{this.extension.updatedAt}}</div>
+                            <div class="text-sm font-semibold dark:text-gray-100">{{t "registry-bridge.component.extension-details-modal.updated"}}</div>
+                            <div class="text-sm dark:text-gray-200">{{n-a this.extension.updatedAt}}</div>
                         </div>
                     </div>
                     <div class="space-y-2">
                         <div>
-                            <div class="text-sm font-semibold dark:text-gray-100">Author</div>
-                            <div class="text-sm dark:text-gray-200">{{this.extension.publisher_name}}</div>
+                            <div class="text-sm font-semibold dark:text-gray-100">{{t "registry-bridge.component.extension-details-modal.author"}}</div>
+                            <div class="text-sm dark:text-gray-200">{{n-a this.extension.publisher_name}}</div>
                         </div>
                         <div>
-                            <div class="text-sm font-semibold dark:text-gray-100">Website</div>
-                            <a
-                                class="text-sm dark:text-gray-200"
-                                href={{this.extension.website_url}}
-                                target={{dasherize (concat this.extension.name "-website")}}
-                            >{{this.extension.website_url}}</a>
+                            <div class="text-sm font-semibold dark:text-gray-100">{{t "registry-bridge.component.extension-details-modal.website"}}</div>
+                            {{#if this.extension.website_url}}
+                                <a
+                                    class="text-sm text-blue-400 hover:text-blue-300"
+                                    href={{this.extension.website_url}}
+                                    target={{dasherize (concat this.extension.name "-website")}}
+                                >{{this.extension.website_url}}</a>
+                            {{else}}
+                                <div class="text-sm dark:text-gray-200">-</div>
+                            {{/if}}
                         </div>
                     </div>
+                    <div class="space-y-2">
+                        {{#if this.extension.self_managed}}
+                            <div>
+                                <Badge @status="info" @hideStatusDot={{true}} @helpText={{t "registry-bridge.component.extension-details-modal.self-managed-help-text"}}>{{t
+                                        "registry-bridge.component.extension-details-modal.self-managed"
+                                    }}</Badge>
+                                {{#if @options.viewSelfManagesInstallInstructions}}
+                                    <a href="#" class="text-xs text-blue-400 hover:opacity-50" {{on "click" @options.viewSelfManagesInstallInstructions}}><FaIcon
+                                            @icon="circle-info"
+                                            class="mr-1"
+                                        />How to install</a>
+                                {{/if}}
+                            </div>
+                        {{/if}}
+                    </div>
                 </div>
             </div>
         </div>

package/addon/components/modals/self-managed-install-instructions.hbs

@@ -0,0 +1,40 @@
+<Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
+    <div class="modal-body-container">
+        <p class="text-sm mb-4 text-gray-900 dark:text-gray-200">
+            Begin the installation from the base directory of your Fleetbase instance. For comprehensive instructions, visit the
+            <a href="https://github.com/fleetbase/fleetbase-cli" target="fleetbase-cli" class="text-blue-400 hover:opacity-50">
+                <FaIcon @icon="arrow-up-right-from-square" class="text-xs" />
+                Fleetbase CLI GitHub page</a>.
+        </p>
+        <ol class="self-managed-install-instructions">
+            <li>
+                <div class="flex">
+                    First,
+                    <LinkTo @route="console.extensions.developers.credentials" class="ml-1 text-blue-400 hover:opacity-50">generate a Fleetbase registry credentials token.</LinkTo>
+                </div>
+            </li>
+            <li>
+                <div class="flex flex-col">
+                    <div class="mb-2">Install the Fleetbase CLI globally using npm:</div>
+                    <ClickToCopy @value={{concat "npm i -g @fleetbase/cli"}}><code>npm i -g @fleetbase/cli</code></ClickToCopy>
+                </div>
+            </li>
+            <li>
+                <div class="flex flex-col">
+                    <div class="mb-2">Set your authentication token with the CLI:</div>
+                    <ClickToCopy @value={{concat "flb set-auth {YOUR_TOKEN}"}}><code>flb set-auth {YOUR_TOKEN}</code></ClickToCopy>
+                </div>
+            </li>
+            <li>
+                <div class="flex flex-col">
+                    <div class="mb-2">Finally, install the extension using one of the following commands:</div>
+                    <div>
+                        <ClickToCopy @value={{concat "flb install fleetbase/" @options.extension.slug}}><code>flb install fleetbase/{{@options.extension.slug}}</code></ClickToCopy>
+                        <div class="my-1 pl-2">or</div>
+                        <ClickToCopy @value={{concat "flb install " @options.extension.public_id}}><code>flb install {{@options.extension.public_id}}</code></ClickToCopy>
+                    </div>
+                </div>
+            </li>
+        </ol>
+    </div>
+</Modal::Default>

package/addon/controllers/developers/extensions/edit/monetize.js

@@ -1,7 +1,3 @@
 import Controller from '@ember/controller';
-import { tracked } from '@glimmer/tracking';
 
-export default class DevelopersExtensionsEditMonetizeController extends Controller {
-    @tracked subscriptionModelOptions = ['flat_rate', 'tiered', 'usage'];
-    @tracked billingPeriodOptions = ['daily', 'weekly', 'monthly', 'quarterly', 'yearly'];
-}
+export default class DevelopersExtensionsEditMonetizeController extends Controller {}

package/addon/controllers/developers/payments/index.js

@@ -1,7 +1,10 @@
 import Controller from '@ember/controller';
 import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { task } from 'ember-concurrency';
 
 export default class DevelopersPaymentsIndexController extends Controller {
+    @service fetch;
     @tracked hasStripeConnectAccount = true;
     @tracked table;
     @tracked page = 1;
@@ -37,4 +40,13 @@ export default class DevelopersPaymentsIndexController extends Controller {
             width: '20%',
         },
     ];
+
+    @task *lookupStripeConnectAccount() {
+        try {
+            const { hasStripeConnectAccount } = yield this.fetch.get('payments/has-stripe-connect-account', {}, { namespace: '~registry/v1' });
+            this.hasStripeConnectAccount = hasStripeConnectAccount;
+        } catch (error) {
+            this.hasStripeConnectAccount = false;
+        }
+    }
 }

package/addon/models/registry-extension.js

@@ -63,8 +63,10 @@ export default class RegistryExtensionModel extends Model {
     @attr('array') languages;
     @attr('object') meta;
     @attr('boolean') core_service;
+    @attr('boolean') self_managed;
     @attr('boolean') is_purchased;
     @attr('boolean') is_installed;
+    @attr('boolean') is_author;
     @attr('string', { defaultValue: 'pending' }) status;
 
     /** @dates */

package/addon/routes/developers/payments/index.js

@@ -15,12 +15,7 @@ export default class DevelopersPaymentsIndexRoute extends Route {
         return this.fetch.get('payments/author-received', {}, { namespace: '~registry/v1' });
     }
 
-    async setupController(controller) {
-        try {
-            const { hasStripeConnectAccount } = await this.fetch.get('payments/has-stripe-connect-account', {}, { namespace: '~registry/v1' });
-            controller.hasStripeConnectAccount = hasStripeConnectAccount;
-        } catch (error) {
-            controller.hasStripeConnectAccount = false;
-        }
+    setupController(controller) {
+        controller.lookupStripeConnectAccount.perform();
     }
 }

package/addon/styles/registry-bridge-engine.css

@@ -140,3 +140,34 @@ body[data-theme='dark'] .extension-card-container > .extension-card-body-contain
     margin-left: 2rem;
     margin-bottom: 2rem;
 }
+
+.self-managed-install-instructions {
+    list-style: decimal;
+    color: #000;
+    padding-left: 30px;
+    font-size: 0.85rem;
+    line-height: 1rem;
+}
+
+.self-managed-install-instructions > li {
+    padding-bottom: 1.5rem;
+}
+
+body[data-theme='dark'] .self-managed-install-instructions {
+    list-style: decimal;
+    color: #fff;
+    padding-left: 30px;
+}
+
+.self-managed-install-instructions code {
+    display: flex;
+    font-family: monospace;
+    padding: 0.25rem 0.75rem;
+    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
+    background-color: #1f2937;
+    border: 1px #374151 solid;
+    color: #86efac;
+    border-radius: 0.5rem;
+    font-size: 0.75rem;
+    line-height: 1rem;
+}

package/addon/templates/developers/payments/index.hbs

@@ -1,34 +1,42 @@
 <Layout::Section::Header @title="Payments">
-    <div class="flex flex-row space-x-1">
-        <span class="text-sm text-black dark:text-white font-bold">Total Amount:</span>
-        <span class="text-sm text-black dark:text-white">{{format-currency @model.total_amount "USD"}}</span>
-    </div>
+    {{#if this.hasStripeConnectAccount}}
+        <div class="flex flex-row space-x-1">
+            <span class="text-sm text-black dark:text-white font-bold">Total Amount:</span>
+            <span class="text-sm text-black dark:text-white">{{format-currency @model.total_amount "USD"}}</span>
+        </div>
+    {{/if}}
 </Layout::Section::Header>
 
 <Layout::Section::Body class="overflow-y-scroll h-full">
-    {{#if this.hasStripeConnectAccount}}
-        <Table
-            @rows={{@model.data}}
-            @columns={{this.columns}}
-            @selectable={{false}}
-            @canSelectAll={{false}}
-            @onSetup={{fn (mut this.table)}}
-            @pagination={{true}}
-            @paginationMeta={{@model.meta}}
-            @page={{this.page}}
-            @onPageChange={{fn (mut this.page)}}
-        />
+    {{#if this.lookupStripeConnectAccount.isRunning}}
+        <div class="flex items-center justify-center flex-1 p-4">
+            <Spinner @loadingMessage="Loading monetization settings..." @loadingMessageClass="ml-2 text-black dark:text-white" @wrapperClass="flex flex-row items-center" />
+        </div>
     {{else}}
-        <div class="container">
-            <div class="max-w-3xl mx-auto mt-4">
-                <div class="content">
-                    <div class="flex flex-col items-center justify-center">
-                        <h1 class="text-lg font-semibold mb-1">Your account is not setup to accept payments yet.</h1>
-                        <p class="text-sm mb-2">To accept payments for extensions, you must complete the onboard process via Stripe.</p>
-                        <Button @type="primary" @size="lg" @text="Start payments onboard" @onClick={{transition-to "developers.payments.onboard"}} />
+        {{#if this.hasStripeConnectAccount}}
+            <Table
+                @rows={{@model.data}}
+                @columns={{this.columns}}
+                @selectable={{false}}
+                @canSelectAll={{false}}
+                @onSetup={{fn (mut this.table)}}
+                @pagination={{true}}
+                @paginationMeta={{@model.meta}}
+                @page={{this.page}}
+                @onPageChange={{fn (mut this.page)}}
+            />
+        {{else}}
+            <div class="container">
+                <div class="max-w-3xl mx-auto mt-4">
+                    <div class="content">
+                        <div class="flex flex-col items-center justify-center">
+                            <h1 class="text-lg font-semibold mb-1">Your account is not setup to accept payments yet.</h1>
+                            <p class="text-sm mb-2">To accept payments for extensions, you must complete the onboard process via Stripe.</p>
+                            <Button @type="primary" @size="lg" @text="Start payments onboard" @onClick={{transition-to "developers.payments.onboard"}} />
+                        </div>
                     </div>
                 </div>
             </div>
-        </div>
+        {{/if}}
     {{/if}}
 </Layout::Section::Body>

package/app/components/modals/self-managed-install-instructions.js

@@ -0,0 +1 @@
+export { default } from '@fleetbase/registry-bridge-engine/components/modals/self-managed-install-instructions';

package/composer.json

@@ -1,6 +1,6 @@
 {
     "name": "fleetbase/registry-bridge",
-    "version": "0.0.10",
+    "version": "0.0.12",
     "description": "Internal Bridge between Fleetbase API and Extensions Registry",
     "keywords": [
         "fleetbase-extension",

package/extension.json

@@ -1,6 +1,6 @@
 {
     "name": "Registry Bridge",
-    "version": "0.0.10",
+    "version": "0.0.12",
     "description": "Internal Bridge between Fleetbase API and Extensions Registry",
     "repository": "https://github.com/fleetbase/registry-bridge",
     "license": "AGPL-3.0-or-later",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/registry-bridge-engine",
-    "version": "0.0.10",
+    "version": "0.0.12",
     "description": "Internal Bridge between Fleetbase API and Extensions Registry",
     "fleetbase": {
         "route": "extensions"
@@ -40,7 +40,7 @@
     "dependencies": {
         "@babel/core": "^7.23.2",
         "@fleetbase/ember-core": "^0.2.14",
-        "@fleetbase/ember-ui": "^0.2.20",
+        "@fleetbase/ember-ui": "^0.2.21",
         "@fortawesome/ember-fontawesome": "^2.0.0",
         "@fortawesome/fontawesome-svg-core": "6.4.0",
         "@fortawesome/free-solid-svg-icons": "6.4.0",

package/server/migrations/2024_08_02_072214_add_self_managed_column_to_registry_extensions_table.php

@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('registry_extensions', function (Blueprint $table) {
+            $table->boolean('self_managed')->after('subtitle')->default(0);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('registry_extensions', function (Blueprint $table) {
+            $table->dropColumn('self_managed');
+        });
+    }
+};

package/server/src/Http/Controllers/Internal/v1/RegistryAuthController.php

@@ -40,21 +40,27 @@ class RegistryAuthController extends Controller
             return response()->error('Invalid registry token provided for authentication.', 401);
         }
 
-        // Fetch unauthorized extensions
-        $unauthorizedExtensions = RegistryExtension::where('payment_required', true)
-        ->whereDoesntHave('purchases', function ($query) use ($registryUser) {
-            $query->where('company_uuid', $registryUser->company_uuid);
-        })
-        ->whereHas('currentBundle')
-        ->with('currentBundle')
-        ->get();
-
-        // Map to unathorized to package names
-        $unauthorizedExtensionNames = $unauthorizedExtensions->map(function ($registryExtension) {
-            $composerJson = $registryExtension->currentBundle->meta['composer.json'] ?? [];
-
-            return $composerJson['name'] ?? null;
-        })->filter()->values();
+        // Init unauthorized extensions
+        $unauthorizedExtensionNames = collect();
+
+        // Unless admin the registry user is only allowed access to their extensions
+        if ($registryUser->isNotAdmin()) {
+            // Fetch unauthorized extensions
+            $unauthorizedExtensions = RegistryExtension::where('payment_required', true)
+            ->whereDoesntHave('purchases', function ($query) use ($registryUser) {
+                $query->where('company_uuid', $registryUser->company_uuid);
+            })
+            ->whereHas('currentBundle')
+            ->with('currentBundle')
+            ->get();
+
+            // Map to unathorized to package names
+            $unauthorizedExtensionNames = $unauthorizedExtensions->map(function ($registryExtension) {
+                $composerJson = $registryExtension->currentBundle->meta['composer.json'] ?? [];
+
+                return $composerJson['name'] ?? null;
+            })->filter()->values();
+        }
 
         // Done
         return response()->json([

package/server/src/Http/Controllers/Internal/v1/RegistryController.php

@@ -6,6 +6,7 @@ use Fleetbase\Http\Controllers\Controller;
 use Fleetbase\Http\Resources\Category as CategoryResource;
 use Fleetbase\Models\Category;
 use Fleetbase\RegistryBridge\Models\RegistryExtension;
+use Illuminate\Http\Request;
 
 class RegistryController extends Controller
 {
@@ -51,4 +52,49 @@ class RegistryController extends Controller
 
         return response()->json($installedExtensions);
     }
+
+    /**
+     * Lookup and retrieve package information based on the provided package name.
+     *
+     * This method handles a request to lookup a package by its name. It utilizes the `RegistryExtension::lookup` method to find the
+     * corresponding registry extension. If no extension is found or if the extension does not have valid package or composer data,
+     * an error response is returned.
+     *
+     * If a valid extension and its associated bundle are found, the function extracts the package and composer names from the
+     * `package.json` and `composer.json` metadata. These names are then returned in a JSON response.
+     *
+     * @param Request $request the incoming HTTP request containing the 'package' input parameter
+     *
+     * @return \Illuminate\Http\JsonResponse a JSON response containing the package and composer names if found, or an error message otherwise
+     */
+    public function lookupPackage(Request $request)
+    {
+        $packageName       = $request->input('package');
+        $registryExtension = RegistryExtension::lookup($packageName);
+        if (!$registryExtension) {
+            return response()->error('No extension found by this name for install');
+        }
+
+        if (!$registryExtension->currentBundle) {
+            return response()->error('No valid package data found for this extension install');
+        }
+
+        $packageJson = $registryExtension->currentBundle->meta['package.json'];
+        if (!$packageJson) {
+            return response()->error('No valid package data found for this extension install');
+        }
+
+        $composerJson = $registryExtension->currentBundle->meta['composer.json'];
+        if (!$composerJson) {
+            return response()->error('No valid package data found for this extension install');
+        }
+
+        $packageJsonName  = data_get($packageJson, 'name');
+        $composerJsonName = data_get($composerJson, 'name');
+
+        return response()->json([
+            'npm'      => $packageJsonName,
+            'composer' => $composerJsonName,
+        ]);
+    }
 }

package/server/src/Models/RegistryExtension.php

@@ -15,6 +15,7 @@ use Fleetbase\Traits\HasMetaAttributes;
 use Fleetbase\Traits\HasPublicId;
 use Fleetbase\Traits\HasUuid;
 use Fleetbase\Traits\Searchable;
+use Illuminate\Support\Str;
 use Spatie\Sluggable\HasSlug;
 use Spatie\Sluggable\SlugOptions;
 
@@ -57,6 +58,7 @@ class RegistryExtension extends Model
         'stripe_product_id',
         'name',
         'subtitle',
+        'self_managed',
         'payment_required',
         'price',
         'sale_price',
@@ -90,6 +92,7 @@ class RegistryExtension extends Model
      * The attributes that should be cast to native types.
      */
     protected $casts = [
+        'self_managed'          => 'boolean',
         'payment_required'      => 'boolean',
         'on_sale'               => 'boolean',
         'subscription_required' => 'boolean',
@@ -121,6 +124,7 @@ class RegistryExtension extends Model
         'publisher_name',
         'is_purchased',
         'is_installed',
+        'is_author',
     ];
 
     /**
@@ -413,6 +417,14 @@ class RegistryExtension extends Model
         return data_get($this, 'company.name');
     }
 
+    /**
+     * Determines if the current company session is the author of the extension.
+     */
+    public function getIsAuthorAttribute(): bool
+    {
+        return $this->company_uuid === session('company');
+    }
+
     /**
      * Finds a RegistryExtension by package name in the associated currentBundle.
      *
@@ -433,6 +445,39 @@ class RegistryExtension extends Model
         })->first();
     }
 
+    /**
+     * Lookup a registry extension based on the given package name.
+     *
+     * This method attempts to find a `RegistryExtension` that matches the provided package name. It checks multiple fields including
+     * `uuid`, `public_id`, and `slug`. If the package name starts with 'fleetbase/', it also attempts to match the slug extracted from the package name.
+     *
+     * Additionally, the method checks for the existence of a related `currentBundle` where the `package.json` or `composer.json` metadata
+     * matches the provided package name.
+     *
+     * @param string $packageName the name, UUID, public ID, or slug of the package to lookup
+     *
+     * @return RegistryExtension|null returns the found `RegistryExtension` instance or `null` if no match is found
+     */
+    public static function lookup(string $packageName): ?RegistryExtension
+    {
+        return static::where('status', 'published')->where(function ($query) use ($packageName) {
+            $query->where('uuid', $packageName)
+                  ->orWhere('public_id', $packageName)
+                  ->orWhere('slug', $packageName);
+
+            // Check for fleetbase/ prefix and match slug
+            if (Str::startsWith($packageName, 'fleetbase/')) {
+                $packageSlug = explode('/', $packageName)[1] ?? null;
+                if ($packageSlug) {
+                    $query->orWhere('slug', $packageSlug);
+                }
+            }
+        })->orWhereHas('currentBundle', function ($query) use ($packageName) {
+            $query->where('meta->package.json->name', $packageName)
+                  ->orWhere('meta->composer.json->name', $packageName);
+        })->with(['currentBundle'])->first();
+    }
+
     /**
      * Determines if the current extension instance is ready for submission.
      *

package/server/src/Models/RegistryExtensionBundle.php

@@ -688,7 +688,7 @@ class RegistryExtensionBundle extends Model
                 ]);
 
                 // minimal latency
-                usleep(500 * rand(2, 4));
+                usleep(50 * rand(1, 3));
             }
         }
     }
@@ -708,7 +708,7 @@ class RegistryExtensionBundle extends Model
                 ]);
 
                 // minimal latency
-                usleep(500 * rand(2, 4));
+                usleep(50 * rand(1, 3));
             }
         }
     }

package/server/src/routes.php

@@ -12,7 +12,8 @@ use Illuminate\Support\Facades\Route;
 | is assigned the "api" middleware group. Enjoy building your API!
 |
 */
-
+// Lookup package endpoint
+Route::get(config('internals.api.routing.prefix', '~registry') . '/v1/lookup', 'Fleetbase\RegistryBridge\Http\Controllers\Internal\v1\RegistryController@lookupPackage');
 Route::prefix(config('internals.api.routing.prefix', '~registry'))->middleware(['fleetbase.registry'])->namespace('Fleetbase\RegistryBridge\Http\Controllers')->group(
     function ($router) {
         /*

package/translations/en-us.yaml

@@ -9,6 +9,16 @@ registry-bridge:
     about: About
     about-extension: About {extensionName}
   component:
+    extension-details-modal:
+      extension: Extension
+      author: Author
+      overview: Overview
+      details: Details
+      version: Version
+      updated: Updated
+      website: Website
+      self-managed: Self Managed
+      self-managed-help-text: A self-managed extension is designed for users who host Fleetbase on their own servers, outside of the cloud/SaaS environment. These extensions require manual installation and configuration. If you are using Fleetbase as a self-hosted instance, you can use these extensions to add additional features. However, they are not available for cloud/SaaS users.
     extension-pending-publish-viewer:
       content-panel-title: Extensions Pending Publish
       focused-extension-title: >
@@ -116,4 +126,6 @@ registry-bridge:
         extension-id: Extension ID
         extension-id-help-text: The unique identifier for this extension.
         bundles: Bundles
-        upload-new-bundle: Upload new Bundle
+        upload-new-bundle: Upload new Bundle
+        self-managed: Self Managed
+        self-managed-help-text: Enable this option if your module is intended for self-hosted instances only. By selecting this, the module will not be available for installation on the cloud/SaaS version of Fleetbase and must be manually installed by the user on their own server.