import { inject as service } from '@ember/service';

export default class extends Component {
    @service fetch;
    @service notifications;
    @service currentUser;
}

// Hits /my-extension/widgets, not /int/v1/widgets
this.fetch.get('widgets', {}, { namespace: 'my-extension' });

// With versioning
this.fetch.post('widgets', { name: 'New' }, { namespace: 'my-extension/v1' });

// addon/services/my-extension-api.js
import Service, { inject as service } from '@ember/service';

export default class MyExtensionApi extends Service {
    @service fetch;

    namespace = 'my-extension/v1';

    get(path, query) {
        return this.fetch.get(path, query, { namespace: this.namespace });
    }

    post(path, data) {
        return this.fetch.post(path, data, { namespace: this.namespace });
    }
    // …etc
}

this.store.findRecord('widget', '123');
this.store.query('widget', { status: 'active' });
this.store.createRecord('widget', { name: 'New Widget' }).save();

// addon/adapters/my-extension.js
import ApplicationAdapter from '@fleetbase/ember-core/adapters/application';

export default class extends ApplicationAdapter {
    namespace = 'my-extension/int/v1';
}

// Permission gating
if (this.currentUser.permissions.includes('my-extension view widget')) { … }

// Organization-scoped fetch
this.fetch.get(`my-extension/widgets?company_id=${this.currentUser.companyId}`);

// React to user changes
this.events.subscribe('user:changed', () => { /* refresh local state */ });

this.session.isAuthenticated;          // boolean
this.session.data.authenticated;       // { token, user, type, … }
this.session.data.authenticated.type;  // 'user' | 'customer' | 'driver'

await this.session.invalidate();       // log out
await this.session.authenticate('authenticator:fleetbase', { email, password });
this.session.requireAuthentication(transition, 'auth.login');

if (this.abilities.can('fleet-ops view order')) { … }
if (this.abilities.cannot('storefront delete product')) { … }

{{#if (can "fleet-ops view order")}}
    …
{{/if}}

this.intl.t('my-extension.widgets.created');

{{t "my-extension.widgets.created"}}
{{t "my-extension.widgets.created-by-name" name=user.name}}

this.notifications.success('Saved!');
this.notifications.error('Could not save');
this.notifications.info('Heads up.');
this.notifications.warning('Are you sure?');
this.notifications.clearAll();

// Unpacks { errors: [] } payloads, native Errors, or plain strings
try { … } catch (err) {
    this.notifications.serverError(err, 'Default message if no errors[]');
}

// Programmatic dispatch by type
this.notifications.invoke('success', 'Saved');

this.notifications.success('Saved', {
    autoClear: true,
    clearDuration: 3000,
    cssClasses: 'my-toast',
});

import { inject as service } from '@ember/service';

export default class ActivityFeed extends Component {
    @service socket;
    @service currentUser;

    constructor() {
        super(...arguments);
        this.socket.listen(`company.${this.currentUser.companyId}`, (event) => {
            if (event.type === 'my-extension.widget.created') {
                this.handleNewWidget(event.data);
            }
        });
    }

    willDestroy() {
        super.willDestroy(...arguments);
        this.socket.closeChannels();
    }
}

@service crud;

@action removeWidget(widget) {
    this.crud.delete(widget, {
        title: `Delete ${widget.name}?`,
        onSuccess: () => this.refreshList(),
        onError: (err) => console.error(err),
    });
}

@action removeAllSelected() {
    this.crud.bulkDelete(this.selected, {
        modelName: 'widget',
        onSuccess: () => this.clearSelection(),
    });
}

// addon/routes/application.js
import Route from '@ember/routing/route';
import { inject as service } from '@ember/service';

export default class ApplicationRoute extends Route {
    @service theme;

    activate() {
        this.theme.setRoutebodyClassNames(['my-extension', 'sidebar-collapsed']);
    }
}

this.modalsManager.confirm({
    title: 'Delete Widget',
    body: 'This cannot be undone.',
    confirm: async (modal) => {
        await widget.destroyRecord();
        modal.done();
    },
});

this.events.publish('my-extension:thing-changed', payload);
this.events.subscribe('my-extension:thing-changed', (payload) => { … });

@service appCache;

setLastTab(tab) {
    this.appCache.set('my-extension:last-tab', tab);
}

get lastTab() {
    return this.appCache.get('my-extension:last-tab', 'overview');
}

@service language;
@service intl;

await this.language.setLocale('fr-fr');
this.intl.t('my-extension.widget.created'); // now resolves from fr-fr.yaml

// addon/services/widget-actions.js
import ResourceActionService from '@fleetbase/ember-core/services/resource-action';

export default class WidgetActions extends ResourceActionService {
    modelName = 'widget';
    modelNamePath = 'name';

    fetchOptions = { namespace: 'my-extension/v1' };

    onAfterCreate(widget) {
        this.notifications.success(`Widget ${widget.name} created`);
    }
}

this.loader.show({ loadingMessage: 'Importing…' });
this.loader.hide();

this.urlSearchParams.all();
this.urlSearchParams.get('view');
this.urlSearchParams.set('view', 'details');
this.urlSearchParams.setParamsToCurrentUrl({ view: 'details', id: '123' });

@service hostRouter;

logout() {
    this.hostRouter.transitionTo('auth.login');
}