[SalesForce] way to load every label data and every SObject description data in Lightning Web Component using only Javascript without any Apex

Is there a way to load every label data and every SObject description data using only Javascript without any Apex Server-side code?

How do I import * from @salesforce/schema or @salesforce/label?

I am looking for a way to get all labels or all SObject describe information details to retrieve in LWC at once.

I can see that such syntax is provided by ES6 and is used widely by Salesforce itself, however, it is not possible to use the following syntax in LWC:

 import * as schema from '@salesforce/schema' 
 import * as label from '@salesforce/label'

or this syntax

import {label, schema} from '@salesforce';

since both versions generate error

LWC1512: Missing resource value for @salesforce"

LWC1512: Missing resource value for @salesforce/label

Is there a way to load every label data and every SObject description data using only Javascript without any Apex Server-side code?

By the way, if we look as Salesforce Playground we could notice that

the same syntax is used to import everything from lwc

import * as Engine from 'lwc';

however, if we try to insert such line into any of Lightning Web Component, we would receive the following error

LWC1001: Invalid import. Namespace imports are not allowed on "lwc",
instead use named imports "import { LightningElement } from 'lwc'"
or
LWC1517: Invalid LWC import

Best Answer

An ES6 module is a JavaScript file that explicitly exports variables or functions that other modules can use. Modules make it easier to structure your code without polluting the global scope.

Everything in LWC which is imported and Exported is a ES6 module.

JavaScript files in Lightning web components are ES6 modules. By default, everything declared in a module is local—it’s scoped to the module.

As this is basically es6 and not just LWC, I tried searching import all from es6.

Surprisingly, there are many results, I tried a solution from most accepted and most voted answer that suggested exporting * first and then importing it in new component.

My code which exports all lables in AllLables module

import { LightningElement } from 'lwc';
export * from '@salesforce/label';


export default class AllLables extends LightningElement {

}

when I try saving it, I get this error:

LWC1507: Exporting * from @salesforce/label is not allowed.

Apparently, even if there is the way in ES6, SF is intentionally blocking it, probably for the same reason it does not allow SELECT * in SOQL

You have to use Apex :(

Related Solutions

[SalesForce] Can we See the lwc Module

Edit (2019-05-30): LWC is now open source! https://github.com/salesforce/lwc

Our intent is to open source LWC by the end of the year but it will ultimately come down to resourcing constraints because there's still a lot of work to do!

There's not too much going on in the lwc module. There's basically LightningElement which exposes an API subset of HTMLElement (what we consider the "good parts"). There are also the various decorators (api, track, readonly, wire) and several other APIs that are only usable by our compiler.

To answer your question though, a single file would be the simplest type of module, but a module can contain multiple files since we are able to import and export in the same file. You can event do that with a single line using module redirects.

[SalesForce] Retrieving Geolocation fields from a Lightning web component using getRecord()

added based on comments

It seems there is a bug for importing geolocation fields (able to import other compound fields like BillingCity). So, we can use direct string notation as below.

Geolocation type fields are Compound Fields (like BillingAddress). Two main points to be highlighted from docs is :

Geolocation is a compound field that counts toward your org’s limits as three custom fields: one for latitude, one for longitude, and one for internal use. Support for the compound field (geolocation) versus the field’s components (latitude and longitude) varies depending on the functionality you’re using in Salesforce. For example, you can create list views that show the field and its components, but you can’t select the compound geolocation field in Apex. You can run SOQL queries only on a geolocation field’s components.

Compound fields are accessible only through the SOAP and REST APIs. The compound versions of fields aren’t accessible anywhere in the Salesforce user interface.

Below is the working sample code:

import { LightningElement, wire, api, track } from 'lwc';
import { getRecord } from 'lightning/uiRecordApi';

export default class Poc extends LightningElement {
    @api recordId;

    @wire(getRecord, {
        recordId: '$recordId',
        fields: [ 'Account.Acc_Location__Latitude__s', 'Account.Acc_Location__Longitude__s' ]
    })
    wiredAcc({ data, error }) {
        console.log('Account => ', JSON.stringify(data), JSON.stringify(error));
    }
}

and its output:

{
  "apiName": "Account",
  "childRelationships": {

  },
  "fields": {
    "Acc_Location__Latitude__s": {
      "displayValue": null,
      "value": 1.2345678
    },
    "Acc_Location__Longitude__s": {
      "displayValue": null,
      "value": 2.3456789
    }
  },
  "id": "00128000009j45sAAA",
  "lastModifiedById": "00528000001IIBvAAO",
  "lastModifiedDate": "2019-08-25T14:37:49.000Z",
  "recordTypeInfo": null,
  "systemModstamp": "2019-08-25T14:37:49.000Z"
}

Note that you should ideally use imported fields instead of direct strings in parameter

Best Answer

Related Solutions

[SalesForce] Can we See the lwc Module

[SalesForce] Retrieving Geolocation fields from a Lightning web component using getRecord()

Related Topic