scaffolder: attach form field extensions to page instead

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

plugins/scaffolder-react/src/next/api/ref.ts

@@ -17,7 +17,10 @@
 import { createApiRef } from '@backstage/frontend-plugin-api';
 import { ScaffolderFormFieldsApi } from './types';
 
-/** @alpha */
+/**
+ * @alpha
+ * @deprecated This API is no longer necessary and will be removed
+ */
 export const formFieldsApiRef = createApiRef<ScaffolderFormFieldsApi>({
   id: 'plugin.scaffolder.form-fields',
 });

plugins/scaffolder-react/src/next/api/types.ts

@@ -16,7 +16,10 @@
 
 import { FormFieldExtensionData } from '../blueprints';
 
-/** @alpha */
+/**
+ * @alpha
+ * @deprecated This API is no longer necessary and will be removed
+ */
 export interface ScaffolderFormFieldsApi {
   getFormFields(): Promise<FormFieldExtensionData[]>;
 }

plugins/scaffolder-react/src/next/blueprints/FormFieldBlueprint.tsx

@@ -34,7 +34,10 @@ const formFieldExtensionDataRef = createExtensionDataRef<
  * */
 export const FormFieldBlueprint = createExtensionBlueprint({
   kind: 'scaffolder-form-field',
-  attachTo: { id: 'api:scaffolder/form-fields', input: 'formFields' },
+  attachTo: [
+    { id: 'page:scaffolder', input: 'formFields' },
+    { id: 'api:scaffolder/form-fields', input: 'formFields' },
+  ],
   dataRefs: {
     formFieldLoader: formFieldExtensionDataRef,
   },