import { EncryptedMetadataManager, MetadataEntry } from "@saleor/app-sdk/settings-manager"; import { Client, gql } from "urql"; import { FetchAppDetailsDocument, FetchAppDetailsQuery, UpdateMetadataDocument, } from "../../../generated/graphql"; gql` mutation UpdateAppMetadata($id: ID!, $input: [MetadataInput!]!) { updatePrivateMetadata(id: $id, input: $input) { item { privateMetadata { key value } } } } `; gql` query FetchAppDetails { app { id privateMetadata { key value } } } `; export async function fetchAllMetadata(client: Client): Promise { const { error, data } = await client .query(FetchAppDetailsDocument, {}) .toPromise(); if (error) { return []; } return data?.app?.privateMetadata.map((md) => ({ key: md.key, value: md.value })) || []; } export async function mutateMetadata(client: Client, metadata: MetadataEntry[], appId: string) { const { error: mutationError, data: mutationData } = await client .mutation(UpdateMetadataDocument, { id: appId, input: metadata, }) .toPromise(); if (mutationError) { throw new Error(`Mutation error: ${mutationError.message}`); } return ( mutationData?.updatePrivateMetadata?.item?.privateMetadata.map((md) => ({ key: md.key, value: md.value, })) || [] ); } export const createSettingsManager = (client: Client, appId: string) => { /* * EncryptedMetadataManager gives you interface to manipulate metadata and cache values in memory. * We recommend it for production, because all values are encrypted. * If your use case require plain text values, you can use MetadataManager. */ return new EncryptedMetadataManager({ // Secret key should be randomly created for production and set as environment variable encryptionKey: process.env.SECRET_KEY!, fetchMetadata: () => fetchAllMetadata(client), mutateMetadata: (metadata) => mutateMetadata(client, metadata, appId), }); };