Migrate from Amplify JavaScript v5 to v6

1import { Auth } from 'aws-amplify';
2
3async function signIn() {
4  try {
5    const user = await Auth.signIn(username, password);
6  } catch (error) {
7    console.log('error signing in', error);
8  }
9}
10
11async function signOut() {
12  try {
13    await Auth.signOut();
14  } catch (error) {
15    console.log('error signing out: ', error);
16  }
17}

1import { Analytics } from 'aws-amplify';
2
3Analytics.record({
4  name: 'albumVisit',
5  attributes: {},
6  metrics: { minutesListened: 30 }
7});
8
9Analytics.autoTrack('session', {
10  // REQUIRED, turn on/off the auto tracking
11  enable: true,
12  // OPTIONAL, the attributes of the event, you can either pass an object or a function
13  // which allows you to define dynamic attributes
14  attributes: {
15    attr: 'attr'
16  },
17  // OPTIONAL, the service provider, by default is the Amazon Pinpoint
18  provider: 'AWSPinpoint'
19});

1import { API, graphqlOperation } from 'aws-amplify';
2import { createTodo, updateTodo, deleteTodo } from './graphql/mutations';
3
4const todo = { name: 'My first todo', description: 'Hello world!' };
5
6/* create a todo */
7await API.graphql(graphqlOperation(createTodo, { input: todo }));
8
9/* update a todo */
10await API.graphql(
11  graphqlOperation(updateTodo, {
12    input: { id: todoId, name: 'Updated todo info' }
13  })
14);
15
16/* delete a todo */
17await API.graphql(graphqlOperation(deleteTodo, { input: { id: todoId } }));

1import { Amplify, API } from 'aws-amplify';
2
3/* fetch data */
4function getData() {
5  const apiName = 'MyApiName';
6  const path = '/path';
7  const myInit = {
8    headers: {} // OPTIONAL
9  };
10
11  return API.get(apiName, path, myInit);
12}
13
14(async function () {
15  const response = await getData();
16})();
17
18/* update data */
19async function postData() {
20  const apiName = 'MyApiName';
21  const path = '/path';
22  const myInit = {
23    body: {}, // replace this with attributes you need
24    headers: {} // OPTIONAL
25  };
26
27  return await API.post(apiName, path, myInit);
28}
29
30postData();
31
32/* delete data */
33async function deleteData() {
34  const apiName = 'MyApiName';
35  const path = '/path';
36  const myInit = {
37    headers: {} // OPTIONAL
38  };
39  return await API.del(apiName, path, myInit);
40}
41
42deleteData();

1import { Notifications } from 'aws-amplify';
2
3const { InAppMessaging } = Notifications;
4InAppMessaging.syncMessages();
5
6const sendEvent = (eventName: string) => {
7  InAppMessaging.dispatchEvent({ name: eventName });
8}

1import { Amplify } from 'aws-amplify';
2import { AWSLexV2Provider } from '@aws-amplify/interactions';
3import awsconfig from './aws-exports';
4
5Amplify.configure(awsconfig);
6
7Amplify.addPluggable(new AWSLexV2Provider());
8const interactionsConfig = {
9    Interactions: {
10        bots: {
11            my_v2_bot: {
12                name: "<V2BotName>",
13                aliasId: "<V2BotAliasId>",
14                botId: "<V2BotBotId>",
15                localeId: "<V2BotLocaleId>",
16                region: "<V2BotRegion>",
17                providerName: "AWSLexV2Provider",
18            },
19        }
20    }
21}
22
23Amplify.configure(interactionsConfig);

1import { Amplify, PubSub } from 'aws-amplify';
2import { AWSIoTProvider } from '@aws-amplify/pubsub';
3
4// Apply plugin with configuration
5Amplify.addPluggable(
6  new AWSIoTProvider({
7    aws_pubsub_region: '<YOUR-IOT-REGION>',
8    aws_pubsub_endpoint:
9      'wss://xxxxxxxxxxxxx.iot.<YOUR-IOT-REGION>.amazonaws.com/mqtt'
10  })
11);
12
13// Step 1 - Create IAM policies for AWS IoT (see v5 docs)
14
15// Step 2 - Attach your policy to your Amazon Cognito Identity ID
16
17Auth.currentCredentials().then((info) => {
18  const cognitoIdentityId = info.identityId;
19});
20
21aws iot attach-policy --policy-name 'myIoTPolicy' --target '<YOUR_COGNITO_IDENTITY_ID>'
22
23// Step 3 - Allow Amazon Cognito Authenticated Role to access IoT Services

1import { Storage } from 'aws-amplify';
2
3// Upload a file with access level `public`
4const result = await Storage.put("test.txt", "Hello", {
5  level: 'public',
6});
7
8// Generate a file download url with check if the file exists in the S3 bucket
9const url = await Storage.get('filename.txt', {
10  validateObjectExistence: true
11});

1import { ServiceWorker, Cache, Hub, I18n, Logger } from 'aws-amplify';
2
3// Service Worker 
4const serviceWorker = new ServiceWorker();
5
6// Cache 
7Cache.setItem(key, value, [options]);
8
9// Hub (Listening for messages) 
10class MyClass { 
11  constructor() { 
12    Hub.listen('auth', (data) => { 
13      const { payload } = data; 
14      this.onAuthEvent(payload);  
15 console.log('A new auth event has happened: ', data.payload.data.username + ' has ' + data.payload.event); 
16    }) 
17  }
18
19onAuthEvent(payload) {
20      // ... your implementation
21  }
22}
23
24// Internationalization 
25I18n.setLanguage('fr');
26
27// Logger 
28const logger = new Logger('foo');
29
30logger.info('info bar'); 
31logger.debug('debug bar'); 
32logger.warn('warn bar'); 
33logger.error('error bar');

1import { Amplify, withSSRContext } from 'aws-amplify';
2import { listTodos } from './graphql/queries';
3import awsExports from './aws-exports';
4
5Amplify.configure({ ...awsExports, ssr: true });
6
7const getServerSideProps = async ({ req }) => {
8  const SSR = withSSRContext({ req });
9  const { data } = await SSR.API.graphql({ query: listTodos });
10
11  return {
12    props: {
13      todos: data.listTodos.items
14    }
15  };
16};