<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>62.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightning__RecordPage</target>
    </targets>
    <targetConfigs>
        <targetConfig targets="lightning__RecordPage">
            <property name="greeting" type="String" label="Greeting" />
        </targetConfig>
    </targetConfigs>
</LightningComponentBundle>

import { LightningElement, wire, api } from 'lwc';
import { getRecord } from 'lightning/uiRecordApi';
import NAME_FIELD from '@salesforce/schema/Account.Name';

export default class MyComponent extends LightningElement {
    @api recordId;

    @wire(getRecord, { recordId: '$recordId', fields: [NAME_FIELD] })
    record;

    get accountName() {
        return this.record?.data?.fields?.Name?.value;
    }

    get hasError() {
        return !!this.record?.error;
    }
}

import { LightningElement, wire, api } from 'lwc';
import { getRecord } from 'lightning/uiRecordApi';
import NAME_FIELD from '@salesforce/schema/Account.Name';

export default class MyComponent extends LightningElement {
    @api recordId;
    accountName;
    error;

    @wire(getRecord, { recordId: '$recordId', fields: [NAME_FIELD] })
    wiredRecord({ data, error }) {
        if (data) {
            this.accountName = data.fields.Name.value;
            this.error = undefined;
        } else if (error) {
            this.error = error;
            this.accountName = undefined;
        }
    }
}

get errorMessage() {
    if (!this.error) return '';
    // Wire errors can be { body: { message } } or { message }
    return this.error?.body?.message
        ?? this.error?.message
        ?? 'Unknown error';
}

import { refreshApex } from '@salesforce/apex';

// Store the full wired result (wire to function pattern)
wiredAccountResult;

@wire(getAccounts)
wiredAccounts(result) {
    this.wiredAccountResult = result; // Store provisioned value
    const { data, error } = result;
    if (data) { this.accounts = data; }
    if (error) { this.error = error; }
}

async handleRefresh() {
    await refreshApex(this.wiredAccountResult);
}

<c-child-component
    record-id={recordId}
    onrefresh={handleChildRefresh}>
</c-child-component>

export default class ChildComponent extends LightningElement {
    @api recordId;
}

// Child
@api
refresh() {
    // re-fetch or recalculate
}

// Parent JS
this.template.querySelector('c-child-component').refresh();

handleClick() {
    this.dispatchEvent(new CustomEvent('select', {
        detail: { recordId: this.recordId },
        bubbles: false,    // default: false — stops at parent
        composed: false    // default: false — does not cross Shadow DOM
    }));
}

<!-- Handler name = "on" + event name. Event name must be lowercase, no hyphens. -->
<c-child-component onselect={handleSelect}></c-child-component>

handleSelect(event) {
    const selectedId = event.detail.recordId;
}

<?xml version="1.0" encoding="UTF-8"?>
<LightningMessageChannel xmlns="http://soap.sforce.com/2006/04/metadata">
    <masterLabel>MyChannel</masterLabel>
    <isExposed>true</isExposed>
    <lightningMessageFields>
        <fieldName>recordId</fieldName>
    </lightningMessageFields>
</LightningMessageChannel>

import { LightningElement, wire } from 'lwc';
import { publish, MessageContext } from 'lightning/messageService';
import MY_CHANNEL from '@salesforce/messageChannel/MyChannel__c';

export default class Publisher extends LightningElement {
    @wire(MessageContext) messageContext;

    handlePublish() {
        publish(this.messageContext, MY_CHANNEL, {
            recordId: '001xx000003ABCDEF'
        });
    }
}

import { LightningElement, wire } from 'lwc';
import { subscribe, unsubscribe, MessageContext } from 'lightning/messageService';
import MY_CHANNEL from '@salesforce/messageChannel/MyChannel__c';

export default class Subscriber extends LightningElement {
    @wire(MessageContext) messageContext;
    subscription = null;

    connectedCallback() {
        this.subscription = subscribe(
            this.messageContext,
            MY_CHANNEL,
            (message) => this.handleMessage(message)
        );
    }

    disconnectedCallback() {
        unsubscribe(this.subscription);
        this.subscription = null;
    }

    handleMessage(message) {
        console.log('Received recordId:', message.recordId);
    }
}

import { NavigationMixin } from 'lightning/navigation';

export default class MyComponent extends NavigationMixin(LightningElement) { }

this[NavigationMixin.Navigate]({
    type: 'standard__recordPage',
    attributes: {
        recordId: '001xx000003ABCDEF',
        objectApiName: 'Account',
        actionName: 'view'    // 'view' | 'edit' | 'clone'
    }
});

this[NavigationMixin.Navigate]({
    type: 'standard__objectPage',
    attributes: {
        objectApiName: 'Contact',
        actionName: 'list'
    },
    state: {
        filterName: 'Recent'  // list view API name
    }
});

this[NavigationMixin.Navigate]({
    type: 'standard__navItemPage',
    attributes: {
        apiName: 'CustomTabName'
    }
});

this[NavigationMixin.Navigate]({
    type: 'standard__webPage',
    attributes: {
        url: 'https://example.com'
    }
});

this[NavigationMixin.Navigate]({
    type: 'standard__recordRelationshipPage',
    attributes: {
        recordId: '001xx000003ABCDEF',
        objectApiName: 'Account',
        relationshipApiName: 'Contacts',
        actionName: 'view'
    }
});

connectedCallback() {
    this[NavigationMixin.GenerateUrl]({
        type: 'standard__recordPage',
        attributes: {
            recordId: this.recordId,
            actionName: 'view'
        }
    }).then((url) => {
        this.recordUrl = url;
    });
}