Your code should work if you change `.set` to `.add`.  Cloud Firestore will then issue a new ID for that document.  If you want to specify the document ID, then you&#39;ll need to do this...

## Set a book with a given ID
    db.collection(&#39;users&#39;).doc(this.username).collection(&#39;booksList&#39;).doc(myBookId).set({
      password: this.password,
      name: this.name,
      rollno: this.rollno
    })

This page details how to [Add data to Cloud Firestore][1]

## Add a book

    db.collection(&#39;users&#39;).doc(this.username).collection(&#39;booksList&#39;).add({
      password: this.password,
      name: this.name,
      rollno: this.rollno
    })

  [1]: https://firebase.google.com/docs/firestore/manage-data/add-data


I am moving my config from setup.py to setup.cfg and having issues setting up the `entry_points` parameter. At the moment I am using a hybrid approach which works, however, I would like to move the `entry_points` to setup.cfg.

From 

    def setup_package():
        setup(version=get_version(),
              entry_points={&#39;console_scripts&#39;:[&#39;app=my_package.app.run:cli&#39;],})

to

```cfg
[metadata]
name = my-package
description = my-package
license = unlicensed
long-description = README.md
platforms = any
classifiers =
  Programming Language :: Python

[options]
zip_safe = False
packages = my_package,  my_package.app
include_package_data = True
package_dir =
  = .
tests_require = pytest; pytest-cov

[entry_points]
console_scripts =
  my-package = my_package.app.run:cli
```

How to set up entry_points in setup.cfg

My docker compose configs look like this:

docker-compose.yml

```yaml
version: &#39;3.5&#39;

services:
    nginx:
        ports:
            - 8080:8080
```

docker-compose.prod.yml

```yaml
version: &#39;3.5&#39;

services:
    nginx:
        ports:
            - 80:80
```

Now, when I run command: `docker-compose -f docker-compose.yml -f docker-compose.prod.yml up` the nginx exposes on host machine two ports: `8000` and `80`, because it merges ports properties:

```yaml
version: &#39;3.5&#39;

services:
    nginx:
        ports:
            - 8080:8080
            - 80:80
```

Is there a way to override it? I want to expose only port `80`.

docker compose override a ports property instead of merging it

there is no documentation about how add sub collection in a document in firestore,
how to add a sub collection by using a web app?
[even tried like this but didn&#39;t worked][1].
how can i add a sub collection in apps by using code?
is there any way to do it or it will be better to use firebase real time database?
if it so, please let me know how to do it in firebase as well[i want to add like this][2]
[i did this][3] but iam getting an error like this [the error says this][4]


  [1]: https://i.stack.imgur.com/gqtVl.png
  [2]: https://i.stack.imgur.com/OGhws.png
  [3]: https://i.stack.imgur.com/JHmTE.png
  [4]: https://i.stack.imgur.com/zhcGz.png

how to add sub collection to a document in firestore?

<p>there is no documentation about how add sub collection in a document in firestore,
how to add a sub collection by using a web app?
<a href="https://i.stack.imgur.com/gqtVl.png" target="_blank" rel="noopener noreferrer">even tried like this but didn't worked</a>.
how can i add a sub collection in apps by using code?
is there any way to do it or it will be better to use firebase real time database?
if it so, please let me know how to do it in firebase as well<a href="https://i.stack.imgur.com/OGhws.png" target="_blank" rel="noopener noreferrer">i want to add like this</a>
<a href="https://i.stack.imgur.com/JHmTE.png" target="_blank" rel="noopener noreferrer">i did this</a> but iam getting an error like this <a href="https://i.stack.imgur.com/zhcGz.png" target="_blank" rel="noopener noreferrer">the error says this</a></p>



I want to be able to click on a check box and test that an element is no longer in the DOM in Cypress. Can someone suggest how you do it?

&lt;!-- language: js --&gt;

    //This is the Test when the check box is clicked and the element is there
    cy.get(&#39;[type=&quot;checkbox&quot;]&#39;).click();
    cy.get(&#39;.check-box-sub-text&#39;).contains(&#39;Some text in this div.&#39;)

I want to do the opposite of the test above. So when I click it again the div with the class should not be in the DOM.

Cypress: Test if element does not exist

I have a React component (React v15.5.4) that you can pass other components to:

    class CustomForm extends React.Component {
      ...
      render() {
        return (
          &lt;div&gt;
              {this.props.component}
          &lt;/div&gt;
        );
      }
    }

And I have a different component that uses it:

    class SomeContainer extends React.Component {
      ...
      render() {
        let someObjectVariable = {someProperty: &#39;someValue&#39;};
        return (
          &lt;CustomForm 
             component={&lt;SomeInnerComponent someProp={&#39;someInnerComponentOwnProp&#39;}/&gt;}
             object={someObjectVariable}
          /&gt;
        );
      }
    }

Everything renders fine, but I want to pass **someObjectVariable** prop to the child component inside **CustomForm** (in this case that&#39;ll be **SomeInnerComponent**), since in the actual code you can pass several components to it instead of just one like the example.

Mind you, I also need to pass **SomeInnerComponent** its own props.

Is there a way to do that?

React - How to pass props to a component passed as prop

I have an ES6 module that exports two constants:

    export const foo = &quot;foo&quot;;
    export const bar = &quot;bar&quot;;

I can do the following in another module:

    import { foo as f, bar as b } from &#39;module&#39;;
    console.log(`${f} ${b}`); // foo bar

When I use NodeJS modules, I would have written it like this:

    module.exports.foo = &quot;foo&quot;;
    module.exports.bar = &quot;bar&quot;;

Now when I use it in another module can I somehow rename the imported variables as with ES6 modules?

    const { foo as f, bar as b } = require(&#39;module&#39;); // invalid syntax
    console.log(`${f} ${b}`); // foo bar

How can I rename the imported constants in NodeJS modules?


Can I use alias with NodeJS require function?

How Should I await for `bot.sendMessage()` inside of loop?   
Maybe I Need `await Promise.all` But I Don&#39;t Know How Should I add to `bot.sendMessage()`

**Code:**

    const promise = query.exec();
    promise.then(async (doc) =&gt; {
        let count = 0;
        for (const val of Object.values(doc)) {
            ++count;
            await bot.sendMessage(msg.chat.id, `&#128172; ${count} and ${val.text}`, opts);
        }
    }).catch((err) =&gt; {
        if (err) {
            console.log(err);
        }
    });
**Error:**

    [eslint] Unexpected `await` inside a loop. (no-await-in-loop)



Unexpected `await` inside a loop. (no-await-in-loop)

Full disclosure: I&#39;d qualify myself as having intermediate JavaScript knowledge. So this is slightly above my experience level at this time.

I&#39;ve got a Google Chrome Extension that does an AJAX request for a local `file:///` as soon as a page loads. After I get the response back from the request I use the returned code in several functions later on in my code. Most of the time I get the response back before my code that needs it runs. But sometimes I don&#39;t and everything breaks.

Now, I assume I could just throw all of the relevant code inside of the `xhr.onload` below. But that seems really inefficient? I have a lot of moving parts that rely on the response and it seems bad to put them all in there.

I&#39;ve perused several articles related to async/await and I&#39;m having trouble grasping the concept. I&#39;m also not 100% positive I&#39;m looking at this the right way. Should I even be considering using async/await?

Here is the code for my AJAX request.


      var xhr = new XMLHttpRequest();
      xhr.open(&quot;GET&quot;, url, true);
      xhr.onload = function(e) {
        code = xhr.response;
      };
      xhr.onerror = function () {
        console.error(&quot;** An error occurred during the XMLHttpRequest&quot;);
      };
      xhr.send();


Let&#39;s say I&#39;ve got a bunch of functions that need to fire afterwards later on in my code. Right now they just look like:

    function doTheThing(code) {
      // I hope the response is ready.
    }

What&#39;s the best way to approach this? FYI, the `Fetch` API isn&#39;t an option. 

Here&#39;s a high level view of how my code is structured.


    // AJAX request begins.
    
    // ...

    // A whole bunch of synchronous code that isn&#39;t dependant on 
    // the results of my AJAX request. (eg. Creating and appending
    // some new DOM nodes, calculating some variables) I don&#39;t want
    // to wait for the AJAX response when I could be building this stuff instead.
    
    // ...

    // Some synchronous code that is dependant on both my AJAX 
    // request and the previous synchronous code being complete.
    
    // ...

    // Some more synchronous code that needs the above line to 
    // be complete.

In JavaScript how do I/should I use async/await with XMLHttpRequest?

What might be causing the error `Error: EACCES: permission denied, access &#39;/usr/local/lib/node_modules&#39;`?

    npm ERR! path /usr/local/lib/node_modules
    npm ERR! code EACCES
    npm ERR! errno -13
    npm ERR! syscall access
    npm ERR! Error: EACCES: permission denied, access &#39;/usr/local/lib/node_modules&#39;
    npm ERR!  { Error: EACCES: permission denied, access &#39;/usr/local/lib/node_modules&#39;
    npm ERR!   errno: -13,
    npm ERR!   code: &#39;EACCES&#39;,
    npm ERR!   syscall: &#39;access&#39;,
    npm ERR!   path: &#39;/usr/local/lib/node_modules&#39; }
    npm ERR! 
    npm ERR! Please try running this command again as root/Administrator.
    
    npm ERR! A complete log of this run can be found in:
    npm ERR!     /Users/macbookmd101/.npm/_logs/2018-02-21T16_26_08_421Z-debug.log



Error: EACCES: permission denied, access &#39;/usr/local/lib/node_modules&#39;

I am trying to use a Node.JS application to make and receive API requests. It does a get request to another server using Axios with data it receives from an API call it receives. The second snippet is when the script returns the data from the call in. It will actually take it and write to the console, but it won&#39;t send it back in the second API.

    function axiosTest() {
        axios.get(url)
            .then(function (response) {
                console.log(response.data);
                // I need this data here ^^
                return response.data;
            })
            .catch(function (error) {
                console.log(error);
            });
    }

...

    axiosTestResult = axiosTest(); 
    response.json({message: &quot;Request received!&quot;, data: axiosTestResult});

I&#39;m aware this is wrong, I&#39;m just trying to find a way to make it work. The only way I can seem to get data out of it is through console.log, which isn&#39;t helpful in my situation.

Returning data from Axios API

In a webpack 3 configuration I would use the code below to create separate `vendor.js` chunk:

&lt;!-- language: javascript --&gt;

    entry: {
        client: [&#39;./client.js&#39;],
        vendor: [&#39;babel-polyfill&#39;, &#39;react&#39;, &#39;react-dom&#39;, &#39;redux&#39;],
    },

    output: {
      filename: &#39;[name].[chunkhash].bundle.js&#39;,
      path: &#39;../dist&#39;,
      chunkFilename: &#39;[name].[chunkhash].bundle.js&#39;,
      publicPath: &#39;/&#39;,
    },

    plugins: [
        new webpack.HashedModuleIdsPlugin(),
        new webpack.optimize.CommonsChunkPlugin({
          name: &#39;vendor&#39;,
        }),
        new webpack.optimize.CommonsChunkPlugin({
          name: &#39;runtime&#39;,
        }),
    ],

With all the changes I&#39;m not sure how to do it with Webpack 4. I know that `CommonChunksPlugin` was removed, so there is a different way to achieve that. I&#39;ve also read [this tutorial](https://gist.github.com/sokra/1522d586b8e5c0f5072d7565c2bee693) but I&#39;m still not sure about extracting runtime chunk and properly defining `output` property.

**EDIT:**
Unfortunately, I was experiencing issues with the most popular answer here. Check out [my answer](https://stackoverflow.com/a/48986526/4443323).

Webpack 4 - create vendor chunk

I am having issues installing  **Cordova** and **Ionic**.
At first I couldn&#39;t because of what seems to be a corrupted installation, that led me to uninstall NodeJS - Cordova - Ionic. &lt;br /&gt;
&lt;br /&gt;Now, I&#39;ve reinstalled NodeJS, without issues but when it comes to the famous line : &lt;br /&gt;
`npm install -g cordova ionic`, I&#39;ve got this error : &lt;br /&gt; 
`npm ERR! write after end`
then everytime I try to install cordova ionic, I&#39;ve got the same error for a different package ... &lt;br/&gt; Here are errors I get :

    C:\Windows\System32&gt;npm install -g cordova ionic
    npm ERR! write after end    
    npm ERR! A complete log of this run can be found in:
    npm ERR!     d:\Profiles\cjolliet\AppData\Roaming\npm-cache\_logs\2018-03-07T09_31_22_439Z-debug.log    
    C:\Windows\System32&gt;npm install -g cordova ionic
    npm ERR! code ETARGET
    npm ERR! notarget No matching version found for ansi-styles@^3.2.1
    npm ERR! notarget In most cases you or one of your dependencies are requesting
    npm ERR! notarget a package version that doesn&#39;t exist.
    npm ERR! notarget
    npm ERR! notarget It was specified as a dependency of &#39;chalk&#39;
    npm ERR! notarget    
    npm ERR! A complete log of this run can be found in:
    npm ERR!     d:\Profiles\cjolliet\AppData\Roaming\npm-cache\_logs\2018-03-07T09_40_04_399Z-debug.log    
    C:\Windows\System32&gt;
    C:\Windows\System32&gt;npm install -g cordova ionic
    npm ERR! code ETARGET
    npm ERR! notarget No matching version found for supports-color@^5.3.0
    npm ERR! notarget In most cases you or one of your dependencies are requesting
    npm ERR! notarget a package version that doesn&#39;t exist.
    npm ERR! notarget
    npm ERR! notarget It was specified as a dependency of &#39;chalk&#39;
    npm ERR! notarget    
    npm ERR! A complete log of this run can be found in:
    npm ERR!     d:\Profiles\cjolliet\AppData\Roaming\npm-cache\_logs\2018-03-07T09_44_05_319Z-debug.log

If any of you can help me, it would be very appreciate ;-) Have a nice day...

EDIT 1 : after installing some packages and trying again, I&#39;ve got this now : 

    npm install -g cordova ionic
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\path-is-absolute-86a430cb\package.json&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\parseurl-f42ab09d\package.json&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\path-is-absolute-86a430cb\index.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\opn-07c4c2dd\package.json&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\os-tmpdir-c1eaefc0\package.json&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\parse-glob-106d32b7\package.json&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\parseurl-f42ab09d\README.md&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\path-is-absolute-86a430cb\license&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\opn-07c4c2dd\index.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\os-tmpdir-c1eaefc0\index.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\parse-glob-106d32b7\README.md&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\parseurl-f42ab09d\LICENSE&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\superagent-4d7c9590\lib\agent-base.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\path-is-absolute-86a430cb\readme.md&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\os-tmpdir-c1eaefc0\license&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\opn-07c4c2dd\license&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\parse-glob-106d32b7\LICENSE&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\parseurl-f42ab09d\index.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\superagent-4d7c9590\lib\client.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\opn-07c4c2dd\readme.md&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\os-tmpdir-c1eaefc0\readme.md&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\parse-glob-106d32b7\index.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\parseurl-f42ab09d\HISTORY.md&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\opn-07c4c2dd\xdg-open&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\inquirer-b71d51ab\lib\utils\events.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\inquirer-b71d51ab\lib\utils\paginator.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\inquirer-b71d51ab\lib\utils\readline.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\inquirer-b71d51ab\lib\utils\screen-manager.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\readdirp-34d428ea\test\bed\root_dir2\root_dir2_file1.ext1&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\inquirer-b71d51ab\lib\utils\utils.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\readdirp-34d428ea\test\bed\root_dir2\root_dir2_file2.ext2&#39;
    npm WARN tar ENOENT: no such file or directory, lstat &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\cordova-lib-a64e9936\src\cordova\metadata&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\qs-095a6ca4\lib\formats.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\qs-095a6ca4\lib\index.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\qs-095a6ca4\lib\parse.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\qs-095a6ca4\lib\stringify.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\qs-095a6ca4\lib\utils.js&#39;
    npm WARN tar ENOENT: no such file or directory, lstat &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\cordova-app-hello-world-60bb7e30\template_src\res\icon\blackberry10&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\tiny-lr-cf15ff1c\src\client.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\tiny-lr-cf15ff1c\src\index.js&#39;
    npm WARN tar ENOENT: no such file or directory, open &#39;d:\Profiles\cjolliet\AppData\Roaming\npm\node_modules\.staging\tiny-lr-cf15ff1c\src\server.js&#39;
    npm ERR! code EINTEGRITY
    npm ERR! Verification failed while extracting readable-stream@^2.0.5:
    npm ERR! sha512-vuYxeWYM+fde14+rajzqgeohAI7YoJcHE7kXDAc4Nk0EbuKnJfqtY9YtRkLo/tqkuF7MsBQRhPnPeyjYITp3ZQ== integrity checksum failed when using sha512: wanted sha512-vuYxeWYM+fde14+rajzqgeohAI7YoJcHE7kXDAc4Nk0EbuKnJfqtY9YtRkLo/tqkuF7MsBQRhPnPeyjYITp3ZQ== but got sha512-tK0yDhrkygt/knjowCUiWP9YdV7c5R+8cR0r/kt9ZhBU906Fs6RpQJCEilamRJj1Nx2rWI6LkW9gKqjTkshhEw==. (25689 bytes)

Error: npm ERR! write after end

I am trying out the new Firebase/Crashlytics setup and seem to run into a weird issue.

- I have one Android code base with multiple product flavors and each flavor is a separate individual app. 
- all of these apps are registered in Fabric (from the past)
- all of these apps are added in Firebase
- All linking between the two seems ok (from Fabric side as well as from Firebase side, it says that it is all linked up)
- I removed the Fabric API key from the manifest file and added the appropriate plugins/dependencies etc. to both gradle files

I try to send a test crash report as per Firebase instructions.

1. I receive it perfectly fine on one of the product flavors, so I assume all works well. 
However,
2. the rest of the product flavors do not send the crash report and I get this error in log:

&gt; E/Fabric: Failed to retrieve settings from https://settings.crashlytics.com/spi/v2/platforms/android/apps/package name/settings



Failed to retrieve settings from https://settings.crashlytics.com/spi/v2/platforms/android/apps/

How can you delete a Document with all it&#39;s collections and nested subcollections? (inside the functions environment)

In the RTDB you can `ref.child(&#39;../someNode).setValue(null)` and that completes the desired behavior.

I can think of two ways you could achieve the desired delete behavior, both with tremendously ghastly drawbacks.

1. Create a &#39;Super&#39; function that will spider every document and delete them in a batch.
This function would be complicated, brittle to changes, and might take a lengthy execution time.


2. Add &#39;onDelete&#39; triggers for each Document type, and make it delete any direct subcollections. You&#39;ll call delete on the root document, and the deletion calls will propagate down the &#39;tree&#39;. This is sluggish, scales atrociously and is costly due to the colossal load of function executions.

Imagine you would have to delete a &#39;GROUP&#39; and all it&#39;s children. It would be deeply chaotic with #1 and pricey with #2 (1 function call per doc)

    groups &gt; GROUP &gt; projects &gt; PROJECT &gt; files &gt; FILE &gt; assets &gt; ASSET
                                                       &gt; urls &gt; URL
                                        &gt; members &gt; MEMBER
                   &gt; questions &gt; QUESTION &gt; answers &gt; ANSWER &gt; replies &gt; REPLY
                                          &gt; comments &gt; COMMENT
                   &gt; resources &gt; RESOURCE &gt; submissions &gt; SUBMISSION
                                          &gt; requests &gt; REQUEST
                                  


Is there a superior/favored/cleaner way to delete a document and all it&#39;s nested subcollections?

It ought to be possible considering you can do it from the console.



Delete a Document with all Subcollections and Nested Subcollections in Firestore

With the latest [Firebase Update](https://firebase.google.com/support/releases#march_20_2018) callable functions were introduced. My question is whether [this new way](https://firebase.google.com/docs/functions/callable) is faster than the [&quot;old&quot; http triggers](https://firebase.google.com/docs/functions/http-events) and if it is more secure.

I have no expertise in this field, but I think the HTTP vs HTTPS might make a difference.

This is interesting to me because if the *callable functions* are faster, they have that advantage, but their disadvantage lies in the nature of flexibility: They cannot be reached by other sources.

If the *callable functions* have no advantages in terms of speed or security I do not see a reason to switch it up.

Are Callable Cloud Functions better than HTTP functions?

I have a snippet of code which I copied from Firestore example:

    Widget _buildBody(BuildContext context) {
        return new StreamBuilder(
          stream: _getEventStream(),
          builder: (context, snapshot) {
            if (!snapshot.hasData) return new Text(&#39;Loading...&#39;);
            return new ListView(
              children: snapshot.data.documents.map((document) {
                return new ListTile(
                  title: new Text(document[&#39;name&#39;]),
                  subtitle: new Text(&quot;Class&quot;),
                );
              }).toList(),
            );
          },
        );
      }

But I get this error

    type &#39;List&lt;dynamic&gt;&#39; is not a subtype of type &#39;List&lt;Widget&gt;&#39;

What goes wrong here?


type &#39;List&lt;dynamic&gt;&#39; is not a subtype of type &#39;List&lt;Widget&gt;&#39;

After authenticating i&#39;m trying to lookup a user document at /users/&lt;id&gt;, then i&#39;d like to update the document with data from auth object as well some custom user properties.  But I&#39;m getting an error that the update method doesn&#39;t exist.  Is there a way to update a single document?  All the firestore doc examples assume you have the actual doc id, and they don&#39;t have any examples querying with a where clause.  

    firebase.firestore().collection(&quot;users&quot;).where(&quot;uid&quot;, &quot;==&quot;, payload.uid)
      .get()
      .then(function(querySnapshot) {
          querySnapshot.forEach(function(doc) {
              console.log(doc.id, &quot; =&gt; &quot;, doc.data());
		      doc.update({foo: &quot;bar&quot;})
          });
     })

How to update a single firebase firestore document

I use **Ubuntu 16.04** and I&#39;d like to know how I check the `vue.js` **version** used by my project.

How do I do that?

How to check a projects vue.js version?

I know this question has been asked. But I have no idea how to use the code in vuejs. I tried a lot but without any results.
I also added my code.
Can some one please help me? This is my code.
Thanks

**html**

    &lt;template&gt;
    &lt;div class=&quot;fileUpload&quot;&gt;
        &lt;b-container fluid&gt;
           
            &lt;h4&gt;Image Overview&lt;/h4&gt;
            &lt;b-button @click=&quot;$refs.fileInput.click()&quot; class=&quot;btn-right&quot;&gt;Select an image&lt;/b-button&gt;

            &lt;b-table @row-clicked=&quot;viewImage&quot; striped hover :items=&quot;images&quot; :fields=&quot;image_fields&quot;&gt;&lt;/b-table&gt;

            &lt;input style=&quot;display: none&quot; ref=&quot;fileInput&quot; type=&quot;file&quot; @change=&quot;fileSelected&quot; enctype=&quot;multipart/form-data&quot;&gt;
            &lt;b-button variant=&quot;success&quot; class=&quot;btn-right&quot; @click=&quot;uploadImage&quot; method=&quot;post&quot;&gt;Upload image&lt;/b-button&gt;


        &lt;/b-container&gt;
    &lt;/div&gt;
&lt;/template&gt;



**js**

    &lt;script&gt;
    export default {
        name: &#39;listImage&#39;,
        data() {
            return {
                selectedFile: null,
                images: [],
                image_fields: [&#39;id&#39;, &#39;name&#39;],
                total_images: 1               
            }
        },
        methods: {
            fileSelected(evt) {
                evt.preventDefault()
                console.log(evt);
                this.selectedFile = evt.target.files[0]
            },
            uploadImage() {
                var data = new FormData();
                data.append(&#39;image&#39;, this.selectedFile, this.selectedFile.data)
                var token = sessionStorage.getItem(&#39;token&#39;)
                const config = {
                    headers: {
                        &#39;Content-Type&#39;: &#39;multipart/form-data&#39;
                    }
                }
                window.API.post(&#39;https://110.10.56.10:8000/images/?token=&#39; + token, data, config)
                    .then(response =&gt; this.$router.push(&#39;/listImage&#39;))
                    .catch((error) =&gt; {
                        console.log(JSON.stringify(error))
                    })
            }
        }
    }
&lt;/script&gt;
    


Preview an image before it is uploaded VUEjs

I configured `&#39;i-tab-pane&#39;: Tabpane` but report error，the code is bellow:

    &lt;template&gt;
      &lt;div class=&quot;page-common&quot;&gt;
        &lt;i-tabs&gt;
          &lt;i-tab-pane label=&quot;wx&quot;&gt;
            content
          &lt;/i-tab-pane&gt;
        &lt;/i-tabs&gt;
      &lt;/div&gt;
    &lt;/template&gt;
    
    &lt;script&gt;
    
      import {
        Tabs,
        Tabpane
      } from &#39;iview&#39;
    
      export default{
        name:&quot;data-center&quot;,
        data(){
          return {msg: &#39;hello vue&#39;}
        },
        components: {
          &#39;i-tabs&#39; : Tabs,
          &#39;i-tab-pane&#39;: Tabpane
        }
      }
    &lt;/script&gt;




Error traceback：

    [Vue warn]: Unknown custom element: &lt;i-tab-pane&gt; - did you register the component correctly? For recursive components, make sure to provide the &quot;name&quot; option.
    
    found in
    
    ---&gt; &lt;DataCenter&gt; at src/views/dc/data-center.vue
           &lt;Index&gt; at src/views/index.vue
             &lt;App&gt; at src/app.vue



---

I have tried in the `main.js` to global configuration：

    Vue.component(&quot;Tabpane&quot;, Tabpane);
    
but still do not work.
How to resolve this issue?    


did you register the component correctly? For recursive components, make sure to provide the &quot;name&quot; option

List item
---------

    &lt;ul&gt;
     &lt;li&gt;language&lt;/li&gt;
     
       &lt; v-if= &quot;tree()&quot;&gt; //which tag I may use or any other process
        &lt;li&gt;home&lt;/li&gt;
        &lt;li&gt;about&lt;/li&gt;
       &lt;&gt;
       &lt; v-else&gt; //which tag I may use or any other process
        &lt;li&gt;accounts&lt;/li&gt;
        &lt;li&gt;listing&lt;/li&gt;
       &lt;&gt;
    &lt;/ul&gt;&#39;


In the `V-if` which html tag i may use or any other `vue.js` process to work with this.

How to use v-if and v-else without any html tag or else

What is the exact difference between fetch and async data. The official documentation says the following:

&gt; **asyncData**
&gt;
&gt; You may want to fetch data and render it on the server-side. Nuxt.js
&gt; adds an asyncData method that lets you handle async operations before
&gt; setting the component data.
&gt;
&gt; **asyncData** is called every time before loading the component (only for
&gt; page components). It can be called from the server-side or before
&gt; navigating to the corresponding route. This method receives the
&gt; context object as the first argument, you can use it to fetch some
&gt; data and return the component data.


----------


&gt; **Fetch**
&gt;
&gt; The fetch method is used to fill the store before rendering the page, it&#39;s 
&gt; like the asyncData method except it doesn&#39;t set the component data.
&gt; The fetch method, if set, is called every time before loading the
&gt; component (only for page components). It can be called from the
&gt; server-side or before navigating to the corresponding route.
&gt; 
&gt; The fetch method receives the context object as the first argument, we
&gt; can use it to fetch some data and fill the store. To make the fetch
&gt; method asynchronous, return a Promise, nuxt.js will wait for the
&gt; promise to be resolved before rendering the component.

----------
Fetch is been used to fill the store with data? But in asyncData is this also possible to commit trough a store? I don&#39;t understand why there are two methods for.

Both methods are running server-side on the initial load, after that when you navigate through the applicatie it runs client side.

Can someone explain me the advantage of use these methods above the other?

Thanks for help.




Difference between Asyncdata vs Fetch

I&#39;m newbie to Firestore. Firestore docs says...

&gt; **Important**: Unlike &quot;push IDs&quot; in the Firebase Realtime Database, Cloud Firestore auto-generated IDs do not provide any automatic ordering. If you want to be able to order your documents by creation date, **you should store a timestamp as a field in the documents.**

Reference: https://firebase.google.com/docs/firestore/manage-data/add-data

So do I have to create key name as `timestamp` in document? Or `created` is suffice to fulfill above statement from Firestore documentation.

    {
    	&quot;created&quot;: 1534183990,
    	&quot;modified&quot;: 1534183990,
    	&quot;timestamp&quot;:1534183990
    }

Add timestamp in Firestore documents

I want to config Firebase Firestore. I followed all the steps, but at the last step, I got the error link below I mention.

After Executing this **pod install** command below error I got

&gt; [!] Automatically assigning platform `ios` with version `11.4` on
&gt; target `testing_gowtham` because no platform was specified. Please
&gt; specify a platform for this target in your Podfile. See
&gt; `https://guides.cocoapods.org/syntax/podfile.html#platform`.


My podfile:

    # Uncomment the next line to define a global platform for your project
    # platform :ios, &#39;9.0&#39;
    
    target &#39;testing_gowtham&#39; do
      # Comment the next line if you&#39;re not using Swift and don&#39;t want to use dynamic frameworks
      use_frameworks!
    
    
      # Pods for testing_gowtham
    
      target &#39;testing_gowthamTests&#39; do
        inherit! :search_paths
        # Pods for testing
      end
    
      target &#39;testing_gowthamUITests&#39; do
        inherit! :search_paths
        # Pods for testing
      end
    
        pod &#39;Firebase/Core&#39;
        pod &#39;Firebase/Firestore&#39;
    end

I saw this https://guides.cocoapods.org/syntax/podfile.html#platform but I did not find which line I need to change .

How to solve this issue?

Content Type	Original Author	Original Content on Stackoverflow
Question	user8167002	View Question on Stackoverflow
Solution 1 - Javascript	Jason Berryman	View Answer on Stackoverflow

how to add sub collection to a document in firestore?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Set a book with a given ID

Add a book

docker compose override a ports property instead of merging it

How to set up entry_points in setup.cfg

Attributions