@@ -849,24 +849,37 @@ As of v6 of Amplify, you will now import the functional API’s directly from th
849
849
```
850
850
import { ServiceWorker, Cache, Hub, I18n, Logger } from 'aws-amplify';
851
851
852
- // Service Worker const serviceWorker = new ServiceWorker();
853
-
854
- // Cache Cache.setItem(key, value, [options]);
855
-
856
- // Hub (Listening for messages) class MyClass { constructor() { Hub.listen('auth', (data) => { const { payload } = data; this.onAuthEvent(payload);
857
- console.log('A new auth event has happened: ', data.payload.data.username + ' has ' + data.payload.event); }) }
858
-
859
- onAuthEvent(payload) {
860
- // ... your implementation
861
- }
852
+ // Service Worker
853
+ const serviceWorker = new ServiceWorker();
854
+
855
+ // Cache
856
+ Cache.setItem(key, value, [options]);
857
+
858
+ // Hub (Listening for messages)
859
+ class MyClass {
860
+ constructor() {
861
+ Hub.listen('auth', (data) => {
862
+ const { payload } = data;
863
+ this.onAuthEvent(payload);
864
+ console.log('A new auth event has happened: ', data.payload.data.username + ' has ' + data.payload.event);
865
+ })
866
+ }
862
867
868
+ onAuthEvent(payload) {
869
+ // ... your implementation
870
+ }
863
871
}
864
872
865
- // Internationalization I18n.setLanguage('fr');
873
+ // Internationalization
874
+ I18n.setLanguage('fr');
866
875
867
- // Logger const logger = new Logger('foo');
876
+ // Logger
877
+ const logger = new Logger('foo');
868
878
869
- logger.info('info bar'); logger.debug('debug bar'); logger.warn('warn bar'); logger.error('error bar');
879
+ logger.info('info bar');
880
+ logger.debug('debug bar');
881
+ logger.warn('warn bar');
882
+ logger.error('error bar');
870
883
871
884
```
872
885
</Block >
@@ -882,20 +895,37 @@ import {
882
895
ConsoleLogger
883
896
} from 'aws-amplify/utils';
884
897
885
- // Service Worker const serviceWorker = new ServiceWorker();
898
+ // Service Worker
899
+ const serviceWorker = new ServiceWorker();
886
900
887
- // Cache Cache.setItem(key, value, [options]);
901
+ // Cache
902
+ Cache.setItem(key, value, [options]);
888
903
889
- // Hub (Listening for messages) class MyClass { constructor() { Hub.listen('auth', (data) => { const { payload } = data; this.onAuthEvent(payload);
890
- console.log('A new auth event has happened: ', data.payload.data.username + ' has ' + data.payload.event); }) }
904
+ // Hub (Listening for messages)
905
+ class MyClass {
906
+ constructor() {
907
+ Hub.listen('auth', (data) => {
908
+ const { payload } = data;
909
+ this.onAuthEvent(payload);
910
+ console.log('A new auth event has happened: ', data.payload.data.username + ' has ' + data.payload.event);
911
+ })
912
+ }
891
913
892
- onAuthEvent(payload) { // ... your implementation } }
914
+ onAuthEvent(payload) {
915
+ // ... your implementation
916
+ }
917
+ }
893
918
894
- // Internationalization I18n.setLanguage('fr');
919
+ // Internationalization
920
+ I18n.setLanguage('fr');
895
921
896
- // Console Logger const logger = new ConsoleLogger('foo');
922
+ // Console Logger
923
+ const logger = new ConsoleLogger('foo');
897
924
898
- logger.info('info bar'); logger.debug('debug bar'); logger.warn('warn bar'); logger.error('error bar');
925
+ logger.info('info bar');
926
+ logger.debug('debug bar');
927
+ logger.warn('warn bar');
928
+ logger.error('error bar');
899
929
900
930
````
901
931
</Block>
0 commit comments