Namespace in lightning component

Question

We have one dev org(without namespace) and one packaging org(with namespace) for developing lightning app. We are trying to access custom field in Lightning helper method as expence__c. It works fine in dev org. But in managed package response returned from the server controller prefixes namespace to given field as namespace__expence__c.

Code tries to access field expence__c which in turn gives field undefined error.

We can't hardcode namespace in code as it won't work in dev org.

We found two solution to this.

1. Add/Remove namespace to field depending on org in Lightning code. (not preferred)

2. Write DTO(data transfer object) class for all objects which we wish to use in Lightning. (need to create multiple DTO classes for those objects)

What is the best way to handle given problem.

Answer 1

Thats a current limitation of the platform .The Javascript file does not get namespace added unlike visualforce pages for managed package .

I wrote a blog post on this .

The best way would be to create a message layer or a wrapper class like your second approach and that avoids the problem .The only caveat is you end up writing bunch of classes .

Answer 2

Here is the full description

Component used in markup ==><yournamespace:myComponent />

Component used in a system attribute ==>

<aura:component extends="yournamespace:myComponent">

<aura:component implements="yournamespace:myInterface">
<aura:component controller="yournamespace.ExpenseController">
<aura:attribute name="expenses" type="yournamespace__Expense__c[]" />
<aura:attribute name="newExpense" type="yournamespace__Expense__c"
       default="{ 'sobjectType': 'yournamespace__Expense__c',
           'Name': '',
           'yournamespace__Amount__c': 0}" />
<aura:handler event="yournamespace:updateExpenseItem" action=… />
<aura:registerEvent type="yournamespace:updateExpenseItem" name=… />
<aura:handler event="yournamespace:updateExpenseItem" action=… />
<aura:dependency resource="markup://yournamespace:myComponent" />
<ltng:require scripts="{!$Resource.yournamespace__resourceName}" styles="{!$Resource.yournamespace__resourceName}" />

etc.

Answer 3

Not sure if this has been solved a different way yet, but we found an elegant way of doing this is returning the SObject as a JSON string then letting JavaScript parse the JSON string. We only need to do this for any method that returns custom objects.

in apex:

@AuraEnabled
public static String getSObject() {
  return JSON.serialize(customSObject).replace('namespaceprefix__', '');
}

in Javascript whatever variable is assigned this value:

data = JSON.parse(data);
fieldValue = data.fieldWithoutNamespacePrefix;