Handle remote autocomplete in embed form

Author: antoine

resources/js/form/Form.ts

@@ -39,11 +39,13 @@ export class Form implements FormData, CommandFormData {
 
     entityKey: string;
     instanceId: string | number;
+    embedKey?: string;
 
-    constructor(data: FormData | EmbedFormData, entityKey: string, instanceId: string | number) {
+    constructor(data: FormData | EmbedFormData, entityKey: string, instanceId: string | number, embedKey?: string) {
         Object.assign(this, data);
         this.entityKey = entityKey;
         this.instanceId = instanceId;
+        this.embedKey = embedKey;
         this.serializedData = this.data;
     }
 

resources/js/form/components/fields/Autocomplete.vue

@@ -57,6 +57,7 @@
                         route('code16.sharp.api.form.autocomplete.index', {
                             entityKey: form.entityKey,
                             autocompleteFieldKey: field.key,
+                            embedKey: form.embedKey,
                             endpoint: field.remoteEndpoint,
                             search: query,
                         }), {

resources/js/form/components/fields/editor/extensions/embed/EditorEmbedModal.vue

@@ -51,7 +51,7 @@
         modalEmbed.value = {
             id,
             embed,
-            form: new Form(embedForm, parentForm.entityKey, parentForm.instanceId),
+            form: new Form(embedForm, parentForm.entityKey, parentForm.instanceId, embed.key),
         }
         modalOpen.value = true;
     }

src/Http/Controllers/Api/ApiFormAutocompleteController.php

@@ -4,18 +4,26 @@
 
 use Code16\Sharp\Exceptions\SharpInvalidConfigException;
 use Code16\Sharp\Form\Fields\SharpFormAutocompleteRemoteField;
+use Code16\Sharp\Http\Controllers\Api\Embeds\HandleEmbed;
 use Code16\Sharp\Utils\Transformers\ArrayConverter;
 use Illuminate\Http\Request;
 use Illuminate\Support\Arr;
 use Illuminate\Support\Facades\Route;
 
 class ApiFormAutocompleteController extends ApiController
 {
-    public function index(string $entityKey, string $autocompleteFieldKey)
+    use HandleEmbed;
+    
+    public function index(string $entityKey, string $autocompleteFieldKey, ?string $embedKey = null)
     {
-        $entity = $this->entityManager->entityFor($entityKey);
-        $form = $entity->getFormOrFail(sharp_normalize_entity_key($entityKey)[1]);
-        $field = $form->findFieldByKey($autocompleteFieldKey);
+        if($embedKey) {
+            $formOrEmbed = $this->getEmbedFromKey($embedKey);
+        } else {
+            $entity = $this->entityManager->entityFor($entityKey);
+            $formOrEmbed = $entity->getFormOrFail(sharp_normalize_entity_key($entityKey)[1]);
+        }
+        
+        $field = $formOrEmbed->findFieldByKey($autocompleteFieldKey);
 
         if ($field === null) {
             throw new SharpInvalidConfigException('Remote autocomplete field '.$autocompleteFieldKey.' was not found in form.');
@@ -26,15 +34,15 @@ public function index(string $entityKey, string $autocompleteFieldKey)
         if ($callback = $field->getRemoteCallback()) {
             $formData = request()->input('formData')
                 ? collect(request()->input('formData'))
-                    ->filter(fn ($value, $key) => in_array($key, $form->getDataKeys()))
-                    ->map(function ($value, $key) use ($form) {
-                        if (! $field = $form->findFieldByKey($key)) {
+                    ->filter(fn ($value, $key) => in_array($key, $formOrEmbed->getDataKeys()))
+                    ->map(function ($value, $key) use ($formOrEmbed) {
+                        if (! $field =  $formOrEmbed->findFieldByKey($key)) {
                             return $value;
                         }
 
                         return $field
                             ->formatter()
-                            ->setDataLocalizations($form->getDataLocalizations())
+                            ->setDataLocalizations($formOrEmbed->getDataLocalizations())
                             ->fromFront($field, $key, $value);
                     })
                     ->toArray()

src/routes/api.php

@@ -93,6 +93,6 @@
     Route::post('/upload', [ApiFormUploadController::class, 'store'])
         ->name('code16.sharp.api.form.upload');
 
-    Route::post('/form/autocomplete/{entityKey}/{autocompleteFieldKey}', [ApiFormAutocompleteController::class, 'index'])
+    Route::post('/form/autocomplete/{entityKey}/{autocompleteFieldKey}/{embedKey?}', [ApiFormAutocompleteController::class, 'index'])
         ->name('code16.sharp.api.form.autocomplete.index');
 });