<h2 dir="auto">Feature request</h2>





<p dir="auto"><strong>What is the expected behavior?</strong><br>
After searching in the "search" bottom panel, only one the workspace files should appear.<br>
After last update it shows both the "workspace file" and the "localhost file".</p>
<p dir="auto"><strong>What is motivation or use case for adding/changing the behavior?</strong><br>
Making the search results more readable and avoid redundant items.<br>
And avoid "this file has not been saved" yellow alert icon that appears in the edited "workspace files" every time you unwillingly edit the "localhost file" instead.</p>
<p dir="auto"><strong>How should this be implemented in your opinion?</strong><br>
It was showing only the workspace one version ago, I think that's fine, but maybe this has a reason that I can't understand, so I think the best way would add an option.</p>
<p dir="auto"><strong>Are you willing to work on this yourself?</strong><br>
yes, sure!</p>
<p dir="auto"><strong>Screenshot</strong><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/422159/55644973-c0f8cb80-57ad-11e9-9ce0-56e0c4d1f730.JPG"><img src="https://user-images.githubusercontent.com/422159/55644973-c0f8cb80-57ad-11e9-9ce0-56e0c4d1f730.JPG" alt="Capture" style="max-width: 100%;"></a></p>
<ul class="contains-task-list">
<li>
<p dir="auto">Operating System: Linux</p>
</li>
<li>
<p dir="auto">Node Version: 12</p>
</li>
<li>
<p dir="auto">NPM Version: 6</p>
</li>
<li>
<p dir="auto">webpack Version: 4</p>
</li>
<li>
<p dir="auto">webpack-dev-server Version: 3</p>
</li>
<li>
<p dir="auto">Browser: Chrome</p>
</li>
<li>
<p dir="auto">[x ] This is a <strong>bug</strong></p>
</li>
<li class="task-list-item">
<p dir="auto"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> This is a <strong>modification</strong> request</p>
</li>
</ul>
<h3 dir="auto">Code</h3>

<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="  output: {
    path: path.resolve(ROOT_PATH, 'dist'),
    publicPath: '0.0.0.0:10005/',
    filename: '[name].bundle.js',
    chunkFilename: '[id].bundle.js'
  },
  devServer: {
    allowedHosts: ['.ec2.pin220.com', '.pinterdev.com'],
    // 0.0.0.0 binds to all interfaces. The public port is 8080 which is served
    // by nginx and proxied to the internal webpack port of 10005.
    host: '0.0.0.0',
    port: 10005,
    hotOnly: true,
    publicPath: '0.0.0.0:10005/'
  }"><pre class="notranslate">  output: <span class="pl-kos">{</span>
    <span class="pl-c1">path</span>: <span class="pl-s1">path</span><span class="pl-kos">.</span><span class="pl-en">resolve</span><span class="pl-kos">(</span><span class="pl-c1">ROOT_PATH</span><span class="pl-kos">,</span> <span class="pl-s">'dist'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-c1">publicPath</span>: <span class="pl-s">'0.0.0.0:10005/'</span><span class="pl-kos">,</span>
    <span class="pl-c1">filename</span>: <span class="pl-s">'[name].bundle.js'</span><span class="pl-kos">,</span>
    <span class="pl-c1">chunkFilename</span>: <span class="pl-s">'[id].bundle.js'</span>
  <span class="pl-kos">}</span><span class="pl-kos">,</span>
  <span class="pl-s1">devServer</span>: <span class="pl-kos">{</span>
    <span class="pl-c1">allowedHosts</span>: <span class="pl-kos">[</span><span class="pl-s">'.ec2.pin220.com'</span><span class="pl-kos">,</span> <span class="pl-s">'.pinterdev.com'</span><span class="pl-kos">]</span><span class="pl-kos">,</span>
    <span class="pl-c">// 0.0.0.0 binds to all interfaces. The public port is 8080 which is served</span>
    <span class="pl-c">// by nginx and proxied to the internal webpack port of 10005.</span>
    <span class="pl-c1">host</span>: <span class="pl-s">'0.0.0.0'</span><span class="pl-kos">,</span>
    <span class="pl-c1">port</span>: <span class="pl-c1">10005</span><span class="pl-kos">,</span>
    <span class="pl-c1">hotOnly</span>: <span class="pl-c1">true</span><span class="pl-kos">,</span>
    <span class="pl-c1">publicPath</span>: <span class="pl-s">'0.0.0.0:10005/'</span>
  <span class="pl-kos">}</span></pre></div>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="if (module.hot) module.hot.accept();

const root = document.getElementById('root');

if (root !== null) {
  ReactDOM.render(&lt;App /&gt;, root);
}
"><pre class="notranslate"><span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-smi">module</span><span class="pl-kos">.</span><span class="pl-c1">hot</span><span class="pl-kos">)</span> <span class="pl-smi">module</span><span class="pl-kos">.</span><span class="pl-c1">hot</span><span class="pl-kos">.</span><span class="pl-en">accept</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

<span class="pl-k">const</span> <span class="pl-s1">root</span> <span class="pl-c1">=</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">getElementById</span><span class="pl-kos">(</span><span class="pl-s">'root'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

<span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-s1">root</span> <span class="pl-c1">!==</span> <span class="pl-c1">null</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
  <span class="pl-v">ReactDOM</span><span class="pl-kos">.</span><span class="pl-en">render</span><span class="pl-kos">(</span><span class="pl-c1">&lt;</span><span class="pl-ent">App</span> <span class="pl-c1">/</span><span class="pl-c1">&gt;</span><span class="pl-kos">,</span> <span class="pl-s1">root</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span></pre></div>
<h3 dir="auto">Expected Behavior</h3>
<p dir="auto">Work</p>
<h3 dir="auto">Actual Behavior</h3>
<p dir="auto">Doesn't work, just says</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[WDS] App hot update...
log.js?1afd:24 [HMR] Checking for updates on the server..."><pre class="notranslate"><code class="notranslate">[WDS] App hot update...
log.js?1afd:24 [HMR] Checking for updates on the server...
</code></pre></div>