Code Editor

1The following NoSuchMethodError was thrown building MyApp(dirty, state: _MyAppState#ad714):
2
3  The method 'map' was called on null.
4  Receiver: null
5  Tried calling: map<Answer>(Closure: (String) => Answer)
6

1The following NoSuchMethodError was thrown building MyApp(dirty, state: _MyAppState#ad714):
2
3  The method 'map' was called on null.
4  Receiver: null
5  Tried calling: map<Answer>(Closure: (String) => Answer)
6import 'package:flutter/material.dart';
7
8
9import './qestion.dart';
10import 'answer.dart';
11
12void main() {
13  runApp(MyApp());
14}
15
16
17
18class MyApp extends StatefulWidget {
19  @override
20  State<StatefulWidget> createState() {
21    return _MyAppState();
22  }
23}
24
25class _MyAppState extends State<MyApp> {
26  var _questionIndex = 0;
27
28  void _answerQuestion() {
29    setState(() {
30      _questionIndex = _questionIndex + 1;
31    });
32    print(_questionIndex);
33    //print('Answer choosen');
34  }
35
36  Widget build(BuildContext context) {
37    var questions = [
38      {
39        'questionText': 'what\'s your favorite color?',
40        'answers': ['red', 'black', 'brown'],
41      },
42      {
43        'questionText': 'what\s your favorite animal ?',
44        'answers': ['lion', 'horse'],
45      },
46    ];
47
48    return MaterialApp(
49      home: Scaffold(
50        appBar: AppBar(
51          title: Text('My First Application'),
52        ),
53        body: Column(
54          children: [
55            Question(
56              questions[_questionIndex]['questionText'],
57            ),
58
59            ...(questions[_questionIndex]['answer'] as List<String>)
60                    . map((answer) {
61                  return Answer(_answerQuestion, answer);
62                }).toList() 
63                [],
64            // RaisedButton(
65            //   child: Text('Answer 2'),
66            //   onPressed: () => {print('it is a =anonymus ans')},
67            // ),
68          ],
69        ),
70      ),
71    );
72  }
73}
74

1The following NoSuchMethodError was thrown building MyApp(dirty, state: _MyAppState#ad714):
2
3  The method 'map' was called on null.
4  Receiver: null
5  Tried calling: map<Answer>(Closure: (String) => Answer)
6import 'package:flutter/material.dart';
7
8
9import './qestion.dart';
10import 'answer.dart';
11
12void main() {
13  runApp(MyApp());
14}
15
16
17
18class MyApp extends StatefulWidget {
19  @override
20  State<StatefulWidget> createState() {
21    return _MyAppState();
22  }
23}
24
25class _MyAppState extends State<MyApp> {
26  var _questionIndex = 0;
27
28  void _answerQuestion() {
29    setState(() {
30      _questionIndex = _questionIndex + 1;
31    });
32    print(_questionIndex);
33    //print('Answer choosen');
34  }
35
36  Widget build(BuildContext context) {
37    var questions = [
38      {
39        'questionText': 'what\'s your favorite color?',
40        'answers': ['red', 'black', 'brown'],
41      },
42      {
43        'questionText': 'what\s your favorite animal ?',
44        'answers': ['lion', 'horse'],
45      },
46    ];
47
48    return MaterialApp(
49      home: Scaffold(
50        appBar: AppBar(
51          title: Text('My First Application'),
52        ),
53        body: Column(
54          children: [
55            Question(
56              questions[_questionIndex]['questionText'],
57            ),
58
59            ...(questions[_questionIndex]['answer'] as List<String>)
60                    . map((answer) {
61                  return Answer(_answerQuestion, answer);
62                }).toList() 
63                [],
64            // RaisedButton(
65            //   child: Text('Answer 2'),
66            //   onPressed: () => {print('it is a =anonymus ans')},
67            // ),
68          ],
69        ),
70      ),
71    );
72  }
73}
74        ...(questions[_questionIndex]['answer'] as List<String>)
75                . map((answer) {
76              return Answer(_answerQuestion, answer);
77            }).toList() 
78

1The following NoSuchMethodError was thrown building MyApp(dirty, state: _MyAppState#ad714):
2
3  The method 'map' was called on null.
4  Receiver: null
5  Tried calling: map<Answer>(Closure: (String) => Answer)
6import 'package:flutter/material.dart';
7
8
9import './qestion.dart';
10import 'answer.dart';
11
12void main() {
13  runApp(MyApp());
14}
15
16
17
18class MyApp extends StatefulWidget {
19  @override
20  State<StatefulWidget> createState() {
21    return _MyAppState();
22  }
23}
24
25class _MyAppState extends State<MyApp> {
26  var _questionIndex = 0;
27
28  void _answerQuestion() {
29    setState(() {
30      _questionIndex = _questionIndex + 1;
31    });
32    print(_questionIndex);
33    //print('Answer choosen');
34  }
35
36  Widget build(BuildContext context) {
37    var questions = [
38      {
39        'questionText': 'what\'s your favorite color?',
40        'answers': ['red', 'black', 'brown'],
41      },
42      {
43        'questionText': 'what\s your favorite animal ?',
44        'answers': ['lion', 'horse'],
45      },
46    ];
47
48    return MaterialApp(
49      home: Scaffold(
50        appBar: AppBar(
51          title: Text('My First Application'),
52        ),
53        body: Column(
54          children: [
55            Question(
56              questions[_questionIndex]['questionText'],
57            ),
58
59            ...(questions[_questionIndex]['answer'] as List<String>)
60                    . map((answer) {
61                  return Answer(_answerQuestion, answer);
62                }).toList() 
63                [],
64            // RaisedButton(
65            //   child: Text('Answer 2'),
66            //   onPressed: () => {print('it is a =anonymus ans')},
67            // ),
68          ],
69        ),
70      ),
71    );
72  }
73}
74        ...(questions[_questionIndex]['answer'] as List<String>)
75                . map((answer) {
76              return Answer(_answerQuestion, answer);
77            }).toList() 
78import 'package:flutter/material.dart';
79
80class Question extends StatelessWidget {
81  // const Question({ Key? key }) : super(key: key);
82  final String questionText;
83  Question(this.questionText);
84
85  @override
86  Widget build(BuildContext context) {
87    return Container(
88      margin: EdgeInsets.all(10),
89      width: double.infinity,
90      child: Text(
91        questionText,
92        style: TextStyle(fontSize: 25),
93        textAlign: TextAlign.center,
94      ),
95    );
96  }
97}
98

1The following NoSuchMethodError was thrown building MyApp(dirty, state: _MyAppState#ad714):
2
3  The method 'map' was called on null.
4  Receiver: null
5  Tried calling: map<Answer>(Closure: (String) => Answer)
6import 'package:flutter/material.dart';
7
8
9import './qestion.dart';
10import 'answer.dart';
11
12void main() {
13  runApp(MyApp());
14}
15
16
17
18class MyApp extends StatefulWidget {
19  @override
20  State<StatefulWidget> createState() {
21    return _MyAppState();
22  }
23}
24
25class _MyAppState extends State<MyApp> {
26  var _questionIndex = 0;
27
28  void _answerQuestion() {
29    setState(() {
30      _questionIndex = _questionIndex + 1;
31    });
32    print(_questionIndex);
33    //print('Answer choosen');
34  }
35
36  Widget build(BuildContext context) {
37    var questions = [
38      {
39        'questionText': 'what\'s your favorite color?',
40        'answers': ['red', 'black', 'brown'],
41      },
42      {
43        'questionText': 'what\s your favorite animal ?',
44        'answers': ['lion', 'horse'],
45      },
46    ];
47
48    return MaterialApp(
49      home: Scaffold(
50        appBar: AppBar(
51          title: Text('My First Application'),
52        ),
53        body: Column(
54          children: [
55            Question(
56              questions[_questionIndex]['questionText'],
57            ),
58
59            ...(questions[_questionIndex]['answer'] as List<String>)
60                    . map((answer) {
61                  return Answer(_answerQuestion, answer);
62                }).toList() 
63                [],
64            // RaisedButton(
65            //   child: Text('Answer 2'),
66            //   onPressed: () => {print('it is a =anonymus ans')},
67            // ),
68          ],
69        ),
70      ),
71    );
72  }
73}
74        ...(questions[_questionIndex]['answer'] as List<String>)
75                . map((answer) {
76              return Answer(_answerQuestion, answer);
77            }).toList() 
78import 'package:flutter/material.dart';
79
80class Question extends StatelessWidget {
81  // const Question({ Key? key }) : super(key: key);
82  final String questionText;
83  Question(this.questionText);
84
85  @override
86  Widget build(BuildContext context) {
87    return Container(
88      margin: EdgeInsets.all(10),
89      width: double.infinity,
90      child: Text(
91        questionText,
92        style: TextStyle(fontSize: 25),
93        textAlign: TextAlign.center,
94      ),
95    );
96  }
97}
98import 'package:flutter/material.dart';
99
100class Answer extends StatelessWidget {
101  //const Answer({ Key? key }) : super(key: key);
102  final Function selectHandler;
103  final String answerText;
104  Answer(this.selectHandler, this.answerText);
105
106  @override
107  Widget build(BuildContext context) {
108    return Container(
109        width: double.infinity,
110        child: RaisedButton(
111          textColor: Colors.black,
112          color: Colors.cyan,
113          child: Text(answerText),
114          onPressed: selectHandler,
115        ));
116  }
117}
118

1apply plugin: "com.android.application"
2
3import com.android.build.OutputFile
4
5
6project.ext.react = [
7    enableHermes: false,  // clean and rebuild if changing
8]
9
10apply from: "../../node_modules/react-native/react.gradle"
11
12
13def enableSeparateBuildPerCPUArchitecture = false
14def enableProguardInReleaseBuilds = false
15def jscFlavor = 'org.webkit:android-jsc:+'
16def enableHermes = project.ext.react.get("enableHermes", false);
17
18android {
19    ndkVersion rootProject.ext.ndkVersion
20
21    compileSdkVersion rootProject.ext.compileSdkVersion
22
23    defaultConfig {
24        applicationId "com.example.app"
25        minSdkVersion rootProject.ext.minSdkVersion
26        targetSdkVersion rootProject.ext.targetSdkVersion
27        versionCode 1
28        versionName "1.0"
29    }
30    splits {
31        abi {
32            reset()
33            enable enableSeparateBuildPerCPUArchitecture
34            universalApk false  // If true, also generate a universal APK
35            include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
36        }
37    }
38    signingConfigs {
39        debug {
40            storeFile file('debug.keystore')
41            storePassword 'android'
42            keyAlias 'androiddebugkey'
43            keyPassword 'android'
44        }
45    }
46    buildTypes {
47        debug {
48            signingConfig signingConfigs.debug
49        }
50        release {
51            // Caution! In production, you need to generate your own keystore file.
52            // see https://reactnative.dev/docs/signed-apk-android.
53            signingConfig signingConfigs.debug
54            minifyEnabled enableProguardInReleaseBuilds
55            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
56        }
57    }
58
59    // applicationVariants are e.g. debug, release
60    applicationVariants.all { variant ->
61        variant.outputs.each { output ->
62            // For each separate APK per architecture, set a unique version code as described here:
63            // https://developer.android.com/studio/build/configure-apk-splits.html
64            // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc.
65            def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
66            def abi = output.getFilter(OutputFile.ABI)
67            if (abi != null) {  // null for the universal-debug, universal-release variants
68                output.versionCodeOverride =
69                        defaultConfig.versionCode * 1000 + versionCodes.get(abi)
70            }
71
72        }
73    }
74}
75
76dependencies {
77
78    implementation fileTree(dir: "libs", include: ["*.jar"])
79    //noinspection GradleDynamicVersion
80    implementation "com.facebook.react:react-native:+"  // From node_modules
81
82    implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
83
84    debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
85      exclude group:'com.facebook.fbjni'
86    }
87
88    debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
89        exclude group:'com.facebook.flipper'
90        exclude group:'com.squareup.okhttp3', module:'okhttp'
91    }
92
93    debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") {
94        exclude group:'com.facebook.flipper'
95    }
96
97    if (enableHermes) {
98        def hermesPath = "../../node_modules/hermes-engine/android/";
99        debugImplementation files(hermesPath + "hermes-debug.aar")
100        releaseImplementation files(hermesPath + "hermes-release.aar")
101    } else {
102        implementation jscFlavor
103    }
104
105
106    implementation project(':react-native-notifications')
107    implementation 'com.google.firebase:firebase-core:16.0.0'
108    implementation 'com.google.android.gms:play-services-ads:19.8.0'
109    implementation "androidx.appcompat:appcompat:1.0.0"
110
111    implementation 'com.facebook.fresco:fresco:2.4.0'
112    implementation 'com.facebook.fresco:animated-gif:2.4.0'
113    implementation 'com.facebook.fresco:webpsupport:2.4.0'
114}
115
116// Run this once to be able to run the application with BUCK
117// puts all compile dependencies into folder libs for BUCK to use
118task copyDownloadableDepsToLibs(type: Copy) {
119    from configurations.compile
120    into 'libs'
121}
122
123apply plugin: 'com.google.gms.google-services'
124
125apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
126

1import { IsString } from 'class-validator';
2
3Class Person {
4  @IsString()
5  #name: string;
6
7  constructor(name: string) {
8    this.#name = name;
9  }
10
11  get name(): string {
12    return this.#name;
13  }
14}
15

1using Plots
2using PlotlyJS
3...
4plotlyjs()
5plot = Plots.plot(dates, y)
6display(plot)
7

1<script lang="ts">
2import { defineComponent, inject, ref } from "vue";
3export default defineComponent({
4  //Some code here
5});
6</script>
7

1<script lang="ts">
2import { defineComponent, inject, ref } from "vue";
3export default defineComponent({
4  //Some code here
5});
6</script>
7<template>
8  <div>
9    <div class="mb-5">
10      <h1>External API</h1>
11      <p>
12        Call Fauna.
13      </p>
14
15      <button class="btn btn-primary m-5" @click.prevent="callApi">
16        Call API
17      </button>
18      <label for="product-name">Product Name:</label>
19      <input
20        type="text"
21        v-model="productValue"
22        id="product-name"
23        name="product-name"
24      /><br /><br />
25      <button class="btn btn-primary m-5" @click.prevent="createProduct">
26        Create Product
27      </button>
28    </div>
29
30    <div class="result-block-container">
31      <div :class="['result-block', executed ? 'show' : '']">
32        <h6 class="muted">Result</h6>
33        {{ JSON.stringify(apiMessage, null, 2) }}
34      </div>
35    </div>
36  </div>
37</template>
38
39<script lang="ts">
40import { defineComponent, inject, ref } from "vue";
41import { query as q, Client } from "faunadb";
42
43export default defineComponent({
44  name: "Api",
45  setup() {
46    let productValue = ref("");
47    let apiMessage = ref(null);
48    let executed = ref(false);
49    const auth = inject("Auth");
50
51    const callApi = async () => {
52      const accessToken = await auth.getTokenSilently();
53      try {
54        const client = new Client({
55          secret: accessToken,
56          domain: "db.us.fauna.com",
57          port: 443,
58          scheme: "https",
59        });
60        const { Paginate, Documents, Collection } = q;
61
62        const data = await client.query(
63          Paginate(Documents(Collection("products")))
64        );
65        console.log(accessToken);
66        console.log(data);
67        apiMessage.value = data;
68        executed.value = true;
69      } catch (e) {
70        console.log(e);
71        apiMessage = `Error: the server responded with '${e.response.status}: ${e.response.statusText}'`;
72      }
73    };
74
75    const createProduct = async () => {
76      const accessToken = await auth.getTokenSilently();
77      try {
78        const client = new Client({
79          secret: accessToken,
80          domain: "db.us.fauna.com",
81          port: 443,
82          scheme: "https",
83        });
84        const { Create, Collection, CurrentIdentity } = q;
85
86        const data = await client.query(
87          Create(Collection("products"), {
88            data: {
89              name: productValue.value,
90              owner: CurrentIdentity(),
91            },
92          })
93        );
94        console.log("productValue data", data);
95      } catch (e) {
96        console.log(e);
97        apiMessage = `Error: the server responded with '${e.response.status}: ${e.response.statusText}'`;
98      }
99    };
100
101    return {
102      callApi,
103      createProduct,
104      apiMessage,
105      executed,
106      productValue,
107    };
108  },
109});
110</script>
111

1<script lang="ts">
2import { defineComponent, inject, ref } from "vue";
3export default defineComponent({
4  //Some code here
5});
6</script>
7<template>
8  <div>
9    <div class="mb-5">
10      <h1>External API</h1>
11      <p>
12        Call Fauna.
13      </p>
14
15      <button class="btn btn-primary m-5" @click.prevent="callApi">
16        Call API
17      </button>
18      <label for="product-name">Product Name:</label>
19      <input
20        type="text"
21        v-model="productValue"
22        id="product-name"
23        name="product-name"
24      /><br /><br />
25      <button class="btn btn-primary m-5" @click.prevent="createProduct">
26        Create Product
27      </button>
28    </div>
29
30    <div class="result-block-container">
31      <div :class="['result-block', executed ? 'show' : '']">
32        <h6 class="muted">Result</h6>
33        {{ JSON.stringify(apiMessage, null, 2) }}
34      </div>
35    </div>
36  </div>
37</template>
38
39<script lang="ts">
40import { defineComponent, inject, ref } from "vue";
41import { query as q, Client } from "faunadb";
42
43export default defineComponent({
44  name: "Api",
45  setup() {
46    let productValue = ref("");
47    let apiMessage = ref(null);
48    let executed = ref(false);
49    const auth = inject("Auth");
50
51    const callApi = async () => {
52      const accessToken = await auth.getTokenSilently();
53      try {
54        const client = new Client({
55          secret: accessToken,
56          domain: "db.us.fauna.com",
57          port: 443,
58          scheme: "https",
59        });
60        const { Paginate, Documents, Collection } = q;
61
62        const data = await client.query(
63          Paginate(Documents(Collection("products")))
64        );
65        console.log(accessToken);
66        console.log(data);
67        apiMessage.value = data;
68        executed.value = true;
69      } catch (e) {
70        console.log(e);
71        apiMessage = `Error: the server responded with '${e.response.status}: ${e.response.statusText}'`;
72      }
73    };
74
75    const createProduct = async () => {
76      const accessToken = await auth.getTokenSilently();
77      try {
78        const client = new Client({
79          secret: accessToken,
80          domain: "db.us.fauna.com",
81          port: 443,
82          scheme: "https",
83        });
84        const { Create, Collection, CurrentIdentity } = q;
85
86        const data = await client.query(
87          Create(Collection("products"), {
88            data: {
89              name: productValue.value,
90              owner: CurrentIdentity(),
91            },
92          })
93        );
94        console.log("productValue data", data);
95      } catch (e) {
96        console.log(e);
97        apiMessage = `Error: the server responded with '${e.response.status}: ${e.response.statusText}'`;
98      }
99    };
100
101    return {
102      callApi,
103      createProduct,
104      apiMessage,
105      executed,
106      productValue,
107    };
108  },
109});
110</script>
111/* eslint-disable */
112declare module '*.vue' {
113  import type { DefineComponent } from 'vue'
114  const component: DefineComponent<{}, {}, any>
115  export default component
116}
117

1<script lang="ts">
2import { defineComponent, inject, ref } from "vue";
3export default defineComponent({
4  //Some code here
5});
6</script>
7<template>
8  <div>
9    <div class="mb-5">
10      <h1>External API</h1>
11      <p>
12        Call Fauna.
13      </p>
14
15      <button class="btn btn-primary m-5" @click.prevent="callApi">
16        Call API
17      </button>
18      <label for="product-name">Product Name:</label>
19      <input
20        type="text"
21        v-model="productValue"
22        id="product-name"
23        name="product-name"
24      /><br /><br />
25      <button class="btn btn-primary m-5" @click.prevent="createProduct">
26        Create Product
27      </button>
28    </div>
29
30    <div class="result-block-container">
31      <div :class="['result-block', executed ? 'show' : '']">
32        <h6 class="muted">Result</h6>
33        {{ JSON.stringify(apiMessage, null, 2) }}
34      </div>
35    </div>
36  </div>
37</template>
38
39<script lang="ts">
40import { defineComponent, inject, ref } from "vue";
41import { query as q, Client } from "faunadb";
42
43export default defineComponent({
44  name: "Api",
45  setup() {
46    let productValue = ref("");
47    let apiMessage = ref(null);
48    let executed = ref(false);
49    const auth = inject("Auth");
50
51    const callApi = async () => {
52      const accessToken = await auth.getTokenSilently();
53      try {
54        const client = new Client({
55          secret: accessToken,
56          domain: "db.us.fauna.com",
57          port: 443,
58          scheme: "https",
59        });
60        const { Paginate, Documents, Collection } = q;
61
62        const data = await client.query(
63          Paginate(Documents(Collection("products")))
64        );
65        console.log(accessToken);
66        console.log(data);
67        apiMessage.value = data;
68        executed.value = true;
69      } catch (e) {
70        console.log(e);
71        apiMessage = `Error: the server responded with '${e.response.status}: ${e.response.statusText}'`;
72      }
73    };
74
75    const createProduct = async () => {
76      const accessToken = await auth.getTokenSilently();
77      try {
78        const client = new Client({
79          secret: accessToken,
80          domain: "db.us.fauna.com",
81          port: 443,
82          scheme: "https",
83        });
84        const { Create, Collection, CurrentIdentity } = q;
85
86        const data = await client.query(
87          Create(Collection("products"), {
88            data: {
89              name: productValue.value,
90              owner: CurrentIdentity(),
91            },
92          })
93        );
94        console.log("productValue data", data);
95      } catch (e) {
96        console.log(e);
97        apiMessage = `Error: the server responded with '${e.response.status}: ${e.response.statusText}'`;
98      }
99    };
100
101    return {
102      callApi,
103      createProduct,
104      apiMessage,
105      executed,
106      productValue,
107    };
108  },
109});
110</script>
111/* eslint-disable */
112declare module '*.vue' {
113  import type { DefineComponent } from 'vue'
114  const component: DefineComponent<{}, {}, any>
115  export default component
116}
117{
118  "name": "replicator",
119  "version": "0.1.0",
120  "private": true,
121  "scripts": {
122    "serve": "vue-cli-service serve --port 3000",
123    "build": "vue-cli-service build"
124  },
125  "dependencies": {
126    "@auth0/auth0-spa-js": "^1.13.6",
127    "@fortawesome/fontawesome-svg-core": "^1.2.32",
128    "@fortawesome/free-solid-svg-icons": "^5.15.1",
129    "@fortawesome/vue-fontawesome": "3.0.0-3",
130    "ansi-html": "^0.0.7",
131    "axios": "^0.21.1",
132    "core-js": "^3.6.5",
133    "element-plus": "^1.0.2-beta.28",
134    "faunadb": "^4.4.1",
135    "glob-parent": "^6.0.2",
136    "set-value": "^4.1.0",
137    "vue": "^3.2.20",
138    "vue-router": "^4.0.11",
139    "vue-template-compiler": "^2.6.14",
140    "vuex": "^4.0.0-0"
141  },
142  "devDependencies": {
143    "@vue/cli-plugin-babel": "^4.5.13",
144    "@vue/cli-plugin-router": "4.5.13",
145    "@vue/cli-plugin-typescript": "^4.5.13",
146    "@vue/cli-plugin-vuex": "~4.5.0",
147    "@vue/cli-service": "^4.5.13",
148    "@vue/compiler-sfc": "^3.0.0",
149    "sass": "^1.32.7",
150    "sass-loader": "7.3.1",
151    "stylus": "^0.54.7",
152    "stylus-loader": "^3.0.2",
153    "typescript": "~3.9.3",
154    "vue-cli-plugin-element-plus": "~0.0.13"
155  }
156}
157