Web3 Netflix Helping Each Other

Moralis General
#72

How do you do that?

Moralis.Cloud.define(“updateMyList”, async (request) => {
const addrs = request.params.addrs;
const newFav = request.params.newFav;

const user = Moralis.Object.extend("_User");
const query = new Moralis.Query(user);
query.equalTo(“ethAddress”, addrs);

const data = await query.first({ useMasterKey: true });

if (data.attributes.myList) {
const { myList } = data.attributes;
myList.push(newFav);
data.set(“myList”, myList);
} else {
data.set(“myList”, [newFav]);
}

await data.save(null, { useMasterKey: true });
});

Moralis.Cloud.define(“getMyList”, async (request) => {
console.log(“running”);
const addrs = request.params.addrs;
const user = Moralis.Object.extend("_User");
const query = new Moralis.Query(user);
query.equalTo(“ethAddress”, addrs);

const data = await query.first({ useMasterKey: true });

if (data.attributes.myList) {
return data.attributes.myList;
} else {
return [];
}
});

#73

this was already there in the code file, outside src folder cloudcode.js

#74

This code needs to be saved into your moralis sever.

Check this IDE setup for uploading cloud function to the server.
https://v1docs.moralis.io/moralis-dapp/cloud-code/cloud-functions#ide-setup

and you can find your secrets required for the setup under your moralis server settings.
image

#75

[REMOVED SCREENSHOT DUE TO API KEY/SECRET SHOWN]

got this after i ran that command. Not sure how to proceed after this

#76

now try the cloud function in your app. Once the code is saved, you will be able to call the cloud function.

#77

Screen Shot 2022-09-15 at 4.23.11 PM
Screen Shot 2022-09-15 at 4.23.11 PM1102×1000 227 KB

still getting these errors

#78

import React from ‘react’;
import { Link } from “react-router-dom”;
import { useEffect } from ‘react’;
import “./Home.css”;
import { Logo } from ‘…/images/Netflix’;
import { ConnectButton, Icon, TabList, Tab, Button, Modal, useNotification } from “web3uikit”;
import { movies } from ‘…/helpers/library’;
import { useState } from ‘react’;
import { useMoralis } from ‘react-moralis’;

const Home = () => {

const { isAuthenticated, Moralis, account } = useMoralis();
const [visible, setVisible] = useState(false);
const [selectedFilm, setSelectedFilm] = useState();
const [myMovies, setMyMovies] = useState();
const dispatch = useNotification();

useEffect(() => {
async function fetchMyList() {

  try {
    const theList = await Moralis.Cloud.run("getMyList", { addrs: account });

    const filterdA = movies.filter(function (e) {
      return theList.indexOf(e.Name) > -1;
    });

    setMyMovies(filterdA);
    
  } catch (error) {
    console.error(error)
  }
}
fetchMyList();

}, [account]);

const handleNewNotification = () => {
dispatch({
type: “error”,
message: “Please Connect Your Wallet”,
title: “Not Authenticated”,
position: “bottomR”

})

}

#79

these errors are related to a different part of the code.

To fix the second error, make sure you have added the appId and serverUrl in the MoralisProvider to start the server.

You can fix the first error by adding unique key values to the image component which is under Home.
image

#80

i have done that in the index.js file. But doesnt seem to be recognizing it

#81

Screen Shot 2022-09-15 at 5.51.18 PM
Screen Shot 2022-09-15 at 5.51.18 PM704×276 29 KB

#82

Your server (qdogsfooe7zj) still doesn’t have this getMyList cloud function saved so that’s why calling it won’t work.

You need to specify a folder (either a full path, or relative path to where you run the command) with moralis-admin-cli watch-cloud-folder ..., not a file (cloudcode.js).

You can check your existing cloud code from the Cloud Functions page in server settings (from Moralis admin panel) - refresh the page after you upload any changes.

#83

I am unable to understand the path,

MacBook-Pro-4:Netflix-Starter adenvaz$ moralis-admin-cli watch-cloud-folder --moralisApiKey mviuAMPn2Aev3nU --moralisApiSecret N7R7gCOlZcwCmwv --moralisSubdomain qdogsfooe7zj.usemoralis.com --autoSave 1 --moralisCloudfolder /Netflix-Starter/cloudcode.js

Is it the path to cloud code or some other folder?

#84

The path is to the folder/directory where your cloudcode.js file is. So from your example, it is /Netflix-Starter/ without cloudcode.js as mentioned (if Netflix-Starter is inside the working directory when you run this command). Otherwise just specify a full path to the Netflix-Starter folder.

#85

The terminal is already within the Netflix starter folder. So when i run MacBook-Pro-4:Netflix-Starter adenvaz$ moralis-admin-cli watch-cloud-folder --moralisApiKey mviuAMPn2Aev3nU --moralisApiSecret N7R7gCOlZcwCmwv --moralisSubdomain qdogsfooe7zj.usemoralis.com --autoSave 1 --moralisCloudfolder cloudcode.js

I get this
ncc: Version 0.29.2
ncc: Compiling file index.js into CJS
Changes Uploaded Correctly

But nothing works still

#86

Again, you need to specify the directory, not the file that contains the cloud code. Don’t include cloudcode.js in the command.

If you are at Netflix-Starter as your terminal directory (that has the cloudcode.js file inside it), then use this command:

moralis-admin-cli watch-cloud-folder --moralisApiKey mviuAMPn2Aev3nU --moralisApiSecret N7R7gCOlZcwCmwv --moralisSubdomain qdogsfooe7zj.usemoralis.com --autoSave 1 --moralisCloudfolder ./

If that doesn’t work, go up one directory and then use:

moralis-admin-cli watch-cloud-folder --moralisApiKey mviuAMPn2Aev3nU --moralisApiSecret N7R7gCOlZcwCmwv --moralisSubdomain qdogsfooe7zj.usemoralis.com --autoSave 1 --moralisCloudfolder Netflix-Starter
#87

ApiSecret N7R7gCOlZcwCmwv --moralisSubdomain qdogsfooe7zj.usemoralis.com --autoSave 1 --moralisCloudfolder ./
| Listening folder: ./[SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’] {
line: 1,
column: 1,
annotated: ‘\n’ +
‘./node_modules/@ant-design/colors/dist/index.esm.js:1\n’ +
“import { inputToRGB, rgbToHex, rgbToHsv } from ‘@ctrl/tinycolor’;\n” +
‘^\n’ +
“ParseError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’”
}
[SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’] {
line: 1,
column: 1,
annotated: ‘\n’ +
‘./node_modules/@ant-design/colors/dist/index.esm.js:1\n’ +
“import { inputToRGB, rgbToHex, rgbToHsv } from ‘@ctrl/tinycolor’;\n” +
‘^\n’ +
“ParseError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’”
}
[SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’] {
line: 1,

#88

TypeError: Cannot read properties of undefined (reading ‘length’)
at Glob. (/opt/homebrew/lib/node_modules/moralis-admin-cli/commands/watchCloudFolder.js:96:56)
at Glob.f (/opt/homebrew/lib/node_modules/moralis-admin-cli/node_modules/once/once.js:25:25)
at Glob.emit (node:events:513:28)
at Glob.emit (node:domain:489:12)
at Glob._readdirError (/opt/homebrew/lib/node_modules/moralis-admin-cli/node_modules/glob/glob.js:610:14)
at /opt/homebrew/lib/node_modules/moralis-admin-cli/node_modules/glob/glob.js:553:12
at go$readdir$cb (/opt/homebrew/lib/node_modules/moralis-admin-cli/node_modules/@vercel/ncc/dist/ncc/index.js.cache.js:1:826734)
at FSReqCallback.oncomplete (node:fs:201:23)
| Listening folder: /

#89

./node_modules/@ant-design/colors/dist/index.esm.js:1\n

Where is this use of ant-design coming from or what is in that cloudcode.js? Read this for what cloud functions/cloud code is for. You can’t import libraries like that.

Start with a simple comment inside cloudcode.js e.g. //uploaded to show that you can upload changes.

#90

Hi, All

I am facing an issue, once i click the ‘sign’ button which prompts from metamask, nothing happens, my account also doesn’t connect and no error pops out too. It simply keeps prompting again and again!
Can anyone help please?

#91

Can you check your browser console and your terminal for any errors. Have you put your correct Moralis server details in MoralisProvider?