Change to:

    &quot;program&quot;: &quot;${file}&quot;

For reference this is the full launch.json

    {
      &quot;launch&quot;: {
        &quot;version&quot;: &quot;0.2.0&quot;,
        &quot;configurations&quot;: [
          {
            &quot;name&quot;: &quot;Node.js - Debug Current File&quot;,
            &quot;type&quot;: &quot;node&quot;,
            &quot;request&quot;: &quot;launch&quot;,
            &quot;program&quot;: &quot;${file}&quot;
          }
        ]
      }
    }


For a single file, you can skip the launch.json file entirely. Just click the green arrow in the debugger panel and choose Node as your environment.

From [here][1].


  [1]: https://code.visualstudio.com/docs/introvideos/debugging

Hello i have working no error codes for UITextfield border color change but when using it in Swift 3 dont change textfield border color and dont gives error. I need your help my codes under below. 

    @IBOutlet weak var email: UITextField!
    @IBOutlet weak var pass: UITextField!
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let myColor : UIColor = UIColor.white()
        email.layer.borderColor = myColor.cgColor
        pass.layer.borderColor = myColor.cgColor
        
    
    }
    
     

 Thank you !
 

How set swift 3 UITextField border color?

I wanted to see how a `math.py` function was implemented, but when I opened the file in PyCharm I found that all the functions are empty and there is a simple `pass`. For example:

    def ceil(x): # real signature unknown; restored from __doc__
        &quot;&quot;&quot;
        ceil(x)
    
        Return the ceiling of x as a float.
        This is the smallest integral value &gt;= x.
        &quot;&quot;&quot;
        pass

I guess it is because the functions being used are actually from the C standard library. How does it work? 

Why do some built-in Python functions only have pass?

I am writing javascript and am currently doing simple exercises/programs.  At times, I wish to run my file for testing purposes.  I am aware I could create an `HTML` file and do this within the console.  In Sublime, there exists a way to &quot;build&quot; the current file and immediately see the results (say, whatever is sent to console.log). 

With VS Code, it seems that for every file I want to &quot;build&quot;/debug in this manner, I must manually change the `launch.json` file to reflect the name of the current program.  

I have been researching a way around this, and I learned that there are variables like `${file}` , but when I use that in the `launch.json` &quot;program&quot; attribute, for example: 

    &quot;program&quot;: &quot;${workspaceRoot}/${file}&quot;

with or without the `workspaceRoot` part, I get the following error: 

    Attribute &quot;program&quot; does not exist&quot; (file name here). 

Am I missing a simple way to accomplish this, or must I keep editing `launch.json` every time I want to run the file? 

Thanks in advance! 

Debugging current file in VS Code

I am writing javascript and am currently doing simple exercises/programs. At times, I wish to run my file for testing purposes. I am aware I could create an <code>HTML</code> file and do this within the console. In Sublime, there exists a way to "build" the current file and immediately see the results (say, whatever is sent to console.log).
With VS Code, it seems that for every file I want to "build"/debug in this manner, I must manually change the <code>launch.json</code> file to reflect the name of the current program.
I have been researching a way around this, and I learned that there are variables like <code>${file}</code> , but when I use that in the <code>launch.json</code> "program" attribute, for example:
<pre><code class="hljs language-bash">"program": "${workspaceRoot}/${file}"
</code></pre>
with or without the <code>workspaceRoot</code> part, I get the following error:
<pre><code class="hljs language-arduino">Attribute "program" does not exist" (file name here). 
</code></pre>
Am I missing a simple way to accomplish this, or must I keep editing <code>launch.json</code> every time I want to run the file?
Thanks in advance!

In the chapter on [Designing the State Shape](http://redux.js.org/docs/basics/Reducers.html), the docs suggest to keep your state in an object keyed by ID:

&gt; Keep every entity in an object stored with an ID as a key, and use IDs to reference it from other entities, or lists.

They go on to state

&gt; Think of the app’s state as a database.

I&#39;m working on the state shape for a list of filters, some of which will be open (they&#39;re displayed in a popup), or have selected options. When I read &quot;Think of the app’s state as a database,&quot; I thought about thinking of them as a JSON response as it would be returned from an API (itself backed by a database). 

So I was thinking of it as

  

    [{
        id: &#39;1&#39;,
        name: &#39;View&#39;,
        open: false,
        options: [&#39;10&#39;, &#39;11&#39;, &#39;12&#39;, &#39;13&#39;],
        selectedOption: [&#39;10&#39;],
        parent: null,
      },
      {
        id: &#39;10&#39;,
        name: &#39;Time &amp; Fees&#39;,
        open: false,
        options: [&#39;20&#39;, &#39;21&#39;, &#39;22&#39;, &#39;23&#39;, &#39;24&#39;],
        selectedOption: null,
        parent: &#39;1&#39;,
      }]

However, the docs suggest a format more like

  
    {
       1: { 
        name: &#39;View&#39;,
        open: false,
        options: [&#39;10&#39;, &#39;11&#39;, &#39;12&#39;, &#39;13&#39;],
        selectedOption: [&#39;10&#39;],
        parent: null,
      },
      10: {
        name: &#39;Time &amp; Fees&#39;,
        open: false,
        options: [&#39;20&#39;, &#39;21&#39;, &#39;22&#39;, &#39;23&#39;, &#39;24&#39;],
        selectedOption: null,
        parent: &#39;1&#39;,
      }
    }

In theory, it shouldn&#39;t matter as long as the [data is serializable (under the heading &quot;State&quot;)](http://redux.js.org/docs/Glossary.html).

So I went with the array-of-objects approach happily, until I was writing my reducer.

With the object-keyed-by-id approach (and liberal use of the spread syntax), the `OPEN_FILTER` part of the reducer becomes

    switch (action.type) {
      case OPEN_FILTER: {
        return { ...state, { ...state[action.id], open: true } }
      }

Whereas with the array-of-objects approach, it&#39;s the more verbose (and helper function reliant)

    switch (action.type) {
       case OPEN_FILTER: {
          // relies on getFilterById helper function
          const filter = getFilterById(state, action.id);
          const index = state.indexOf(filter);
          return state
            .slice(0, index)
            .concat([{ ...filter, open: true }])
            .concat(state.slice(index + 1));
        }
        ...



## So my questions are threefold:

1) Is the simplicity of the reducer the motivation for going with the object-keyed-by-id approach? Are there other advantages to that state shape?

and

2) It seems like the object-keyed-by-id approach makes it harder to deal with standard JSON in/out for an API. (That&#39;s why I went with the array of objects in the first place.) So if you go with that approach, do you just use a function to transform it back and forth between JSON format and state shape format? That seems clunky. (Though if you advocate that approach, is part of your reasoning that that&#39;s less clunky than the array-of-objects reducer above?)

and

3) I know Dan Abramov designed redux to theoretically be state-data-structure agnostic (as suggested by [&quot;By convention, the top-level state is an object or some other key-value collection like a Map, but _technically it can be any type_,&quot;](http://redux.js.org/docs/Glossary.html) emphasis mine). But given the above, is it just &quot;recommended&quot; to keep it an object keyed by ID, or are there other unforeseen pain points I&#39;m going to run into by using an array of objects that make it such that I should just abort that plan and try to stick with an object keyed by ID?


State as array of objects vs object keyed by id

I have a config with around 100 rules, and running eslint on my project with all these rules takes around 10 seconds. I&#39;d like to identify the slowest rules and eliminate some of them. How do I do this? Is there any profiler tool for eslint?

Which eslint rules in my config are slow?

I&#39;m trying to add a React map component to my project but run into an error. I&#39;m using Fullstack React&#39;s [blog post][1] as a reference. I tracked down where the error gets thrown in google_map.js line 83:

    function _classCallCheck(instance, Constructor) { 
      if (!(instance instanceof Constructor)) { 
        throw new TypeError(&quot;Cannot call a class as a function&quot;); 
        } 
      }

Here is my map component so far. The page loads just fine (without a map) when I comment out lines 58-60, the last three lines. edit: I made the changes that @Dmitriy Nevzorov suggested and it still gives me the same error.

    import React from &#39;react&#39;
    import GoogleApiComponent from &#39;google-map-react&#39;
    
    export class LocationsContainer extends React.Component {
    	constructor() {
    		super()
    	}
      render() {
      	const style = {
      		width: &#39;100vw&#39;,
      		height: &#39;100vh&#39;
      	}
        return (
          &lt;div style={style}&gt;
          	&lt;Map google={this.props.google} /&gt;
          &lt;/div&gt;
        )
      }
    }
    
    export class Map extends React.Component {
    	componentDidUpdate(prevProps, prevState){
    		if (prevProps.google !== this.props.google){
    			this.loadMap();
    		}
    	}
    	componentDidMount(){
    		this.loadMap();
    	}
    	loadMap(){
    		if (this.props &amp;&amp; this.props.google){
    			const {google} = this.props;
    			const maps = google.maps;
    
    			const mapRef = this.refs.map;
    			const node = ReactDOM.findDOMNode(mapRef);
    
    			let zoom = 14;
    			let lat = 37.774929
    			let lng = 122.419416
    			const center = new maps.LatLng(lat, lng);
    			const mapConfig = Object.assign({}, {
    				center: center,
    				zoom: zoom
    			})
    			this.map = new maps.Map(node, mapConfig)
    		}
    	}
    	render() {
    		return (
    			&lt;div ref=&#39;map&#39;&gt;
    				Loading map...
    			&lt;/div&gt;
    		)
    	}
    }
    
    export default GoogleApiComponent({
      apiKey: MY_API_KEY
    })(LocationsContainer)

And here is where this map component gets routed in main.js:

    import {render} from &#39;react-dom&#39;;
    import React from &#39;react&#39;;
    import Artists from &#39;./components/Artists&#39;
    import { Router, Route, Link, browserHistory } from &#39;react-router&#39;
    import Home from &#39;./components/HomePage&#39;
    import Gallery from &#39;./components/ArtGallery&#39;
    import ArtistPage from &#39;./components/ArtistPage&#39;
    import FavsPage from &#39;./components/FavsPage&#39;
    import LocationsContainer from &#39;./components/Locations&#39;
    
    //Create the route configuration
    render((
      &lt;Router history={browserHistory}&gt;
        &lt;Route path=&quot;/&quot; component={Home} /&gt;
        	&lt;Route path=&quot;locations&quot; component={LocationsContainer} /&gt;
        	&lt;Route path=&quot;artists&quot; component={Artists} /&gt; 
    	    &lt;Route path=&quot;gallery&quot; component={Gallery} /&gt;     
          &lt;Route path=&quot;favorites&quot; component={FavsPage} /&gt;
          &lt;Route path=&quot;:artistName&quot; component={ArtistPage} /&gt;
      &lt;/Router&gt;
    ), document.getElementById(&#39;app&#39;))

  [1]: https://www.fullstackreact.com/articles/how-to-write-a-google-maps-react-component/#the-map-container-component

Getting &quot;Cannot call a class as a function&quot; in my React Project

I have a html file and i run it on localhost. But, this file includes mirror using webcam. Example, how can i run [this html file][1] on localhost? Webcam starting on this example when check to live checkbox. Thanx for your reply.


  [1]: http://myprojectguide.org/p/flash-videoio/test.html

How to run html file on localhost?

I have created a sample index.html file and included the latest jquery (3.1.0) and jquery mobile (1.4.5). 

On the loading page the error console outputed:

&gt; jquery.mobile-1.4.5.js:3337 Uncaught TypeError: Cannot read property &#39;concat&#39; of undefined`

on this line:

    mouseEventProps = $.event.props.concat( mouseHookProps ),

When I tried include jquery-1.11.2 there was no issue. Can any one tell me why?

jquery.mobile 1.4.5 Uncaught TypeError: Cannot read property &#39;concat&#39; of undefined

Unlike in webstorm, I&#39;m unable to comment JSX code out in `.js` files in the Visual Studio Code.

How to comment JSX code out in .js files in VSCode?

Is it possible to show the last folder in the title bar?  If you have multiple instances of VS Code open, it is difficult to distinguish between them from the task bar.  If both instances are open on say a file called &#39;main.ts&#39;, you will see &#39;main.ts&#39; in the taskbar item.

Currently, the title would be `[filename open] - [folder open]` (e.g `main.ts - angular2-training`. Is it possible to invert them to become `[folder open] - [filename open]` (e.g `angular2-training - main.ts`?

showing project folder in title bar for Visual Studio Code

In VSCode, after I do a pull request and delete the branch on GitHub, that branch still shows up in Visual Studio Code. If I select the branch, it gives an Error, as expected. 

How do I remove these now deleted branches from VSCode - can I do it automatically?

Visual Studio Code - remove branches deleted on GitHub that still show in VS Code?

I recently started to use Visual Studio Code on Server Systems where I did not have Studio IDE installed. I like it very much but I&#39;m running into a problem.

When I open a file (used Notepad++ before) the editor detects the encoding and sets it for me. I have many files on windows servers that are still with `windows-1252` but `vscode` just uses `UTF-8` by default.

I know I can `reopen with encoding Western (Windows 1252)` but I often forget it and I have sometimes destroyed some content while saving it.

So I did not find any parameter yet, is there a way to make `vscode` detect the encoding and set it automatically when I open a file?

How to setup Visual Studio Code to detect and set the correct encoding on file open

I&#39;m using: 

 - VS Code v1.3.1
 - node v6.3.1
 - babel-node v6.11.4
 - Windows 10
 
I&#39;m unable to get a stop at a breakpoint with the following launch file. 
The debugger runs and attaches to a port, but when I run the applications with a breakpoint, it doesn&#39;t stop at the breakpoint and runs straight through. 
Anyone that has gotten this to work, please advise. 

    {
        &quot;version&quot;: &quot;0.2.0&quot;,
        &quot;configurations&quot;: [
            {
                &quot;name&quot;: &quot;Launch&quot;,
                &quot;type&quot;: &quot;node&quot;,
                &quot;request&quot;: &quot;launch&quot;,
                &quot;program&quot;: &quot;${workspaceRoot}/src/app.js&quot;,
                &quot;stopOnEntry&quot;: false,
                &quot;args&quot;: [],
                &quot;cwd&quot;: &quot;${workspaceRoot}&quot;,
                &quot;preLaunchTask&quot;: null,
                &quot;runtimeExecutable&quot;: &quot;${workspaceRoot}/node_modules/.bin/babel-node.cmd&quot;,
                &quot;runtimeArgs&quot;: [
                    &quot;--nolazy&quot;
                ],
                &quot;env&quot;: {
                    &quot;NODE_ENV&quot;: &quot;development&quot;
                },
                &quot;externalConsole&quot;: false,
                &quot;sourceMaps&quot;: false,
                &quot;outDir&quot;: null
            },
            {
                &quot;name&quot;: &quot;Attach&quot;,
                &quot;type&quot;: &quot;node&quot;,
                &quot;request&quot;: &quot;attach&quot;,
                &quot;port&quot;: 5858,
                &quot;address&quot;: &quot;localhost&quot;,
                &quot;restart&quot;: false,
                &quot;sourceMaps&quot;: false,
                &quot;outDir&quot;: null,
                &quot;localRoot&quot;: &quot;${workspaceRoot}&quot;,
                &quot;remoteRoot&quot;: null
            },
            {
                &quot;name&quot;: &quot;Attach to Process&quot;,
                &quot;type&quot;: &quot;node&quot;,
                &quot;request&quot;: &quot;attach&quot;,
                &quot;processId&quot;: &quot;${command.PickProcess}&quot;,
                &quot;port&quot;: 5858,
                &quot;sourceMaps&quot;: false,
                &quot;outDir&quot;: null
            }
        ]
    }


Content Type	Original Author	Original Content on Stackoverflow
Question	jdb79	View Question on Stackoverflow
Solution 1 - Javascript	jfriedman	View Answer on Stackoverflow
Solution 2 - Javascript	Ricardo Mayerhofer	View Answer on Stackoverflow
Solution 3 - Javascript	samlandfried	View Answer on Stackoverflow

Debugging current file in VS Code

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Why do some built-in Python functions only have pass?

How set swift 3 UITextField border color?

Attributions