how to integrate and edit content fragment with Edge delivery services xwalk project?

[rahulda2]

Hi, I am able to integrate content fragment with a normal project by instrumenting it and making it capable of editing in the universal editor, now I want to achieve the same with the xwalk project created using the boilerplate: https://github.com/adobe-rnd/aem-boilerplate-xwalk
I want to include content fragments and edit them using the universal editor itself.

currently, I am including it as : 
component-models.json 
{

"id": "calender-cf"

"fields": [

{

"component": "text",

"valueType": "string",

"name": "city",

"label": "enter the city",

},

{

"component": "text",

"valueType": "string",

"name": "state",

"label": "enter the state",

}

]

}

component-definition.json

{

"title": "calender-cf",

"id": "calender-cf",

"plugins": {

"aem":{

"page": {

"resourceType": "wknd/components/contentfragment"

}

}

}

}
please help me on how it can be achieved

Thank you

cc : @arunpatidar 

[arunpatidar]

Hi @rahulda2 
I'm not sure if this is possible right now, since you can't currently influence source generation in EDS. You might want to try adding a data attribute from the frontend, like you did with the regular project.

[ShaileshBassi]

Hi @rahulda2 

There is no direct way of editing the content fragment within the Universal Editor. 

And can you please add more details what is the exact use case of editing CF directly in CF, I am assuming you must be using the CF via graphQL in your X-Walk application. 

If you wish to use the editing features instead of Content Fragment and there is no use of omni-channel delivery, then in my option you should try the placeholder.(json/html) files which is the feature recommended to use with X-Walk.

Reference - https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/edge-delivery/do...

Thanks

[daniel-strmecki]

Hi @rahulda2,

not sure what type of frontend are you using but I did something similar using Next.js and AEM Pages (not Content Fragments) in this demo: https://www.youtube.com/watch?v=wJx4kLeGVuc

Hope this helps,

Daniel