Related questions

live server not reloading even though it says live reload enabled

2022-05-03 16:23 Cristian Casallas imported from Stackoverflow

There's no error in terminal or in the console, it just don't reload. enter image description here

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum

See also questions close to this topic

  • Creating Sticky Navbar with Drop Down Menu HTML

    I am creating a HTML web page which contains a sticky navbar with drop down menu. However, when I created one, the dropdown menu does not works in the sticky navbar and so goes vise versa. below is the screenshot of both the result of the two codes.

    *image with dropdown menu but without sticky navbar

    *image with sticky navbar but without dropdown menu

    below is the code for "image with dropdown menu but without sticky navbar"

        <!DOCTYPE html>
    <html>
    <head>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-    awesome/4.7.0/css/font-awesome.min.css">
    <style>
    body {margin:0;font-family:Arial}

   .topnav {
    overflow: hidden;
    background-color: #333;
  }

  .topnav a {
    list-style-type: none;
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    position: sticky;
  }



  .active {
    background-color: #04AA6D;
    color: white;
  }

  .topnav .icon {
    display: none;
  }

  .dropdown {
    float: left;
    overflow: hidden;
  }

  .dropdown .dropbtn {
    font-size: 17px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }

  .dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }

  .topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    color: white;
  }

  .dropdown-content a:hover {
    background-color: #ddd;
    color: black;
  }

  .dropdown:hover .dropdown-content {
    display: block;
  }

  @media screen and (max-width: 600px) {
    .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
    .topnav a.icon {
      float: right;
      display: block;
    }
  }

  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
      display: block;
      width: 100%;
      text-align: left;
    }
  }
  </style>
  </head>
  <body>
        <div class="header">
        <h2>Scroll Down</h2>
    <p>Scroll down to see the sticky effect.</p>
  </div>

  <div class="topnav" id="myTopnav">
    <a href="#home" class="active">Home</a>
    <a href="#news">News</a>
    <a href="#contact">Contact</a>
    <div class="dropdown">
      <button class="dropbtn">Dropdown 
        <i class="fa fa-caret-down"></i>
      </button>
      <div class="dropdown-content">
        <a href="#">Link 1</a>
        <a href="#">Link 2</a>
        <a href="#">Link 3</a>
      </div>
    </div> 
    <a href="#about">About</a>
    <a href="javascript:void(0);" style="font-size:15px;" class="icon"     onclick="myFunction()">&#9776;</a>
  </div>

  <div style="padding-left:16px">
    <h2>Responsive Topnav with Dropdown</h2>
    <p>Resize the browser window to see how it works.</p>
    <p>Hover over the dropdown button to open the dropdown menu.</p>
  </div>

  <h3>Sticky Navigation Bar Example</h3>
  <p>The navbar will <strong>stick</strong> to the top when you reach its scroll position.</p>
  <p><strong>Note:</strong> Internet Explorer do not support sticky positioning and Safari         requires a -webkit- prefix.</p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>


  <script>
  function myFunction() {
    var x = document.getElementById("myTopnav");
    if (x.className === "topnav") {
      x.className += " responsive";
    } else {
      x.className = "topnav";
    }
  }
  </script>

  </body>
  </html>

    below is the code for "image with sticky navbar but without dropdown menu"

    <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-    awesome/4.7.0/css/font-awesome.min.css">
<style>


body {
  font-size: 20px;
}
body {margin:0;}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px 20px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}
    
/*======================================================================*/

body {
  background-color:white;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #38444d;
}

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
    
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}


footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}

</style>
</head>
<body>

<div class="header">
  <h2>Scroll Down</h2>
  <p>Scroll down to see the sticky effect.</p>
</div>

<ul>
  <li><a href="#home">Home</a></li>
    <li><a href="#news">News</a></li>
    <li class="dropdown">
      <a href="javascript:void(1)" class="dropbtn">Dropdown</a>
      <div class="dropdown-content">
        <a href="#">Link 1</a>
        <a href="#">Link 2</a>
        <a href="#">Link 3</a>
      </div>
    </li>
</ul>

<h3>Sticky Navigation Bar Example</h3>
<p>The navbar will <strong>stick</strong> to the top when you reach its scroll position.</p>
<p><strong>Note:</strong> Internet Explorer do not support sticky positioning and Safari requires a -webkit- prefix.</p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>


<footer>
  <p>Author: Hege Refsnes<br>
  <a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>


</body>
</html>

    Please i need some help with this as i am new to html and css.

  • Javascript: Change element class if button has a certain value 
    
        <div class="main-div main-div2"> <!-- IF up to date, main-div3 -->
          <button id="update-btn" class="btn update-btn"> 
              Up to date
          </button>
        </div>

    I want to make it so if update-btn has a value of "Up to date", change the div class from "main-div main-div2" to "main-div main-div3". Otherwise, if it's any other value, change it to "main-div main-div2"

    What kind of loop would be good for this Javascript function too if I want it to be checking constantly?

    Thank you.

  • Boostrap vertical sizing with different style width and height

    I am trying to set verticaly icon on profile photo card inside div to be in the middle in white box(div), but dont know why it doesnt works. When I use style="width: 300px; height: 300px; for div square I can center it on horizontaly, but not verticaly :/ Can someone explain me what I am doing wrong?

    Anyway is there any way how to resize bootstrap icons except display-1???

     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    
  <div class="container-sm offset-md">
        <h1 class="p-4 m-4">Nastavení profilu</h1>
        <div class="row">
            <div class="col">
                <div class="card p-4 m-4">
                    Osobní údaje
                    <input type="text" name="name" class="form-control" placeholder="Jméno">
                    <input type="text" name="surname" class="form-control" placeholder="Příjmení">
                    <input type="email" name="email" class="form-control" placeholder="E-Mail">
                    <input type="date" name="name" class="form-control">
                </div>
                
            </div>

            <div class="col-4">
                <div class="card p-4 m-4 bg-light">
                    Profilová fotografie
                    <div class=" square text-center border display-1 m-3 bg-white mx-auto">
                        <i class="bi bi-person-fill align-middle justify-content-center text-secondary"></i>
                    </div>

                    <input type="file" id="customFile" name="file" hidden="">
                        <div class="text-center">
                            <button class="btn btn-success" for="customFile">Nahrát</button>
                            <button type="button" class="btn btn-danger">Smazat</button>
                            
                            <p class="text-muted mt-3 mb-0">Poznámka: Minimální velikost 300px x 300px</p>
                        </div>
                </div>
                
            </div>
        </div>

        <div class="row">
            <div class="col">
                <div class="card p-4 m-4">
                    Změna hesla
                </div>
                
            </div>

            <div class="col">
                <div class="card p-4 m-4">
                    Zobrazit/skrýt podrobnosti
                </div>
            </div>
        </div>
    </div>

  • Is there a way to instead of re-downloading a file simply open the already downloaded file?

    I frequently have to reopen files from a link, or find it somewhere on the downloads folder. It is not that important and far too many downloads to properly save and sort them for when I will or will not need later.

    So is there a way to simply make firefox (or chrome) open the already downloaded file instead downloading it again ?

  • HTML5 video tag fails to display high resolution videos

    I have a simple webpage with a <video> tag. I tried assigning the src attribute of the video tag with URLs of two different videos, both about 2 and a half seconds long:

    The first video has a frame resolution of 3840x2160. JSFiddle: https://jsfiddle.net/u2sgawk7/2/

    The second video has a frame resolution of 4096x2160. JSFiddle: https://jsfiddle.net/u2sgawk7/3/

    I'm encountering a problem with the second video when loading the webpage from Google Chrome on my mobile device (Galaxy S10). The first JSFiddle works perfectly fine on all devices. The second JSFiddle seems to work fine on desktop browsers, but simply displays a blank white screen when I open it on my mobile device (on Google Chrome for example).

    I've tested this functionality using many other video files, and it is clear that the frame resolution is the decisive factor here: the problem occurred with every single video with a resolution of 4096x2160, and only with these videos.

    I tried using this website: https://clideo.com/crop-video, to test whether or not it is even possible to display high resolution videos on mobile. I uploaded the second video (the one that was causing a white screen), and it was successfully displayed using a video tag on that website - both on desktop and on mobile!

    What am I doing wrong? Any help to resolve this would be appreciated.

    Once again just to clarify:

    The issue does not happen on desktop browsers at all.

    The issue does not happen on FireFox on my Galaxy S10.

    The issue happens on every other browser I tried on my Galaxy S10, as well as in Safari on iPhone.

  • It won't let me run selenium code in IntellJ all of a sudden

    I was going to execute my code, which is the one I always execute every day for my tests, but suddenly this error appears and I have hardly found a solution, I don't know if it is possible that you can help me with that, I attach the response from the console

            Starting ChromeDriver 102.0.5005.27 (df4a85108ffad4dca2c409c52f24df7ec0204b91-refs/branch-heads/5005_22@{#4}) on port 33567
    Only local connections are allowed.
    Please see https://chromedriver.chromium.org/security-considerations for suggestions on keeping ChromeDriver safe.
    ChromeDriver was started successfully.
    Exception in thread "main" org.openqa.selenium.SessionNotCreatedException: session not created: This version of ChromeDriver only supports Chrome version 102
    Current browser version is 101.0.4951.54 with binary path C:\Program Files\Google\Chrome\Application\chrome.exe
    Build info: version: '3.141.59', revision: 'e82be7d358', time: '2018-11-14T08:17:03'
    System info: host: 'DESKTOP-V4H61F7', ip: '192.168.56.1', os.name: 'Windows 10', os.arch: 'amd64', os.version: '10.0', java.version: '17.0.2'
    Driver info: driver.version: ChromeDriver
    remote stacktrace: Backtrace:
        Ordinal0 [0x003B2733+2434867]
        Ordinal0 [0x003407A1+1968033]
        Ordinal0 [0x0022C678+837240]
        Ordinal0 [0x0024CAC3+969411]
        Ordinal0 [0x002486DA+952026]
        Ordinal0 [0x00245F91+941969]
        Ordinal0 [0x002790B0+1151152]
        Ordinal0 [0x00278D0A+1150218]
        Ordinal0 [0x00274256+1131094]
        Ordinal0 [0x0024E840+976960]
        Ordinal0 [0x0024F736+980790]
        GetHandleVerifier [0x00623C72+2515426]
        GetHandleVerifier [0x0061702F+2463135]
        GetHandleVerifier [0x0045522A+620442]
        GetHandleVerifier [0x00454016+615814]
        Ordinal0 [0x0034707B+1994875]
        Ordinal0 [0x0034B938+2013496]
        Ordinal0 [0x0034BA25+2013733]
        Ordinal0 [0x00354DE1+2051553]
        BaseThreadInitThunk [0x7632FA29+25]
        RtlGetAppContainerNamedObjectPath [0x77E87A7E+286]
        RtlGetAppContainerNamedObjectPath [0x77E87A4E+238]
    
        at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method)
        at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:77)
        at java.base/jdk.internal.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessorImpl.java:45)
        at java.base/java.lang.reflect.Constructor.newInstanceWithCaller(Constructor.java:499)
        at java.base/java.lang.reflect.Constructor.newInstance(Constructor.java:480)
        at org.openqa.selenium.remote.W3CHandshakeResponse.lambda$errorHandler$0(W3CHandshakeResponse.java:62)
        at org.openqa.selenium.remote.HandshakeResponse.lambda$getResponseFunction$0(HandshakeResponse.java:30)
        at org.openqa.selenium.remote.ProtocolHandshake.lambda$createSession$0(ProtocolHandshake.java:126)
        at java.base/java.util.stream.ReferencePipeline$3$1.accept(ReferencePipeline.java:197)
        at java.base/java.util.Spliterators$ArraySpliterator.tryAdvance(Spliterators.java:1002)
        at java.base/java.util.stream.ReferencePipeline.forEachWithCancel(ReferencePipeline.java:129)
        at java.base/java.util.stream.AbstractPipeline.copyIntoWithCancel(AbstractPipeline.java:527)
        at java.base/java.util.stream.AbstractPipeline.copyInto(AbstractPipeline.java:513)
        at java.base/java.util.stream.AbstractPipeline.wrapAndCopyInto(AbstractPipeline.java:499)
        at java.base/java.util.stream.FindOps$FindOp.evaluateSequential(FindOps.java:150)
        at java.base/java.util.stream.AbstractPipeline.evaluate(AbstractPipeline.java:234)
        at java.base/java.util.stream.ReferencePipeline.findFirst(ReferencePipeline.java:647)
        at org.openqa.selenium.remote.ProtocolHandshake.createSession(ProtocolHandshake.java:128)
        at org.openqa.selenium.remote.ProtocolHandshake.createSession(ProtocolHandshake.java:74)
        at org.openqa.selenium.remote.HttpCommandExecutor.execute(HttpCommandExecutor.java:136)
        at org.openqa.selenium.remote.service.DriverCommandExecutor.execute(DriverCommandExecutor.java:83)
        at org.openqa.selenium.remote.RemoteWebDriver.execute(RemoteWebDriver.java:552)
        at org.openqa.selenium.remote.RemoteWebDriver.startSession(RemoteWebDriver.java:213)
        at org.openqa.selenium.remote.RemoteWebDriver.<init>(RemoteWebDriver.java:131)
        at org.openqa.selenium.chrome.ChromeDriver.<init>(ChromeDriver.java:181)
        at org.openqa.selenium.chrome.ChromeDriver.<init>(ChromeDriver.java:168)
        at org.openqa.selenium.chrome.ChromeDriver.<init>(ChromeDriver.java:123)
        at Selenium.pruebas_activity21.main(CrearOT.java:28)
    
    Process finished with exit code 1

    I hope you can help me with it. It doesn't say any relevant changes, but it seems that any code I'm trying to do can no longer be executed.

  • How to embed YouTube videos to the website without using iframes?

    I have embedded YouTube videos to the website using iframes. The website is fetching videos in real-time which mean whenever the user uploads a new video on YouTube, it is updated on the website too.

    Now there are two reasons I'm looking for iframes alternate.

    1. It makes the website slow. Every time the site is loaded, videos are fetched from YouTube and it is making the website slow.

    2. I'm learning SEO, and I read iframes hurt website SEO performance.

    So, what alternates do I have?

  • Heroku buttons styling issue

    I made an app locally and pushed it on Heroku. The app is working perfectly on Heroku, however on the Homepage I have 2 buttons ( login and register ). When I run my app locally my buttons have some whitespace in between and they are rounded ( I am using tailwind for this). But on Heroku both buttons are not rounded and there is no whitespace in between them. When I inspect the button on Heroku, I see: class:".... rounded-full", which is what I expected and should have made the button rounded. Anyone has any idea what could cause this and how I can solve this ?

    This is how my index.js looks like:

    export default function Login() {
  return(
    <div>
      <Loginbuttons/>
    </div>
   )
}

    and Loginbuttons.js defined as:

    import Link from 'next/link'

export default function Loginbutton(props){
  return (
   <div>
   <div className = 'block'>
    <button
      style={{width:"10%", paddingTop:"15px",   paddingBottom:"15px"}}
      className='mt-10 mb-10 bg-blue-500 hover:bg-blue-700 text-wgvhite font-bold py-2 px-4 rounded-full'>
        <Link href='login' style={{textDecoration: 'none'}}>Login</Link>
    </button>

    <button
      style={{width:"10%", paddingTop:"15px", paddingBottom:"15px"}}
      className='mt-10 mb-10 ml-10 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full'>
        <Link href='register' style={{textDecoration: 'none'}}>Register</Link>
    </button>
  </div>
</div>)}
  • How do i connect to websocket URL from website?

    i'm trying to get the update values from website, i manage to connect but i cant get the values, i dont know if i'm doing anything wrong.

    this is what i'm trying to do, maybe this url is not complete, but i dont know how to get the full URL. when i try to conect i dont recieve anything, i read the coments i will try to send something to this websocket

    webSocket webSocket messages

    EDIT: this is the website: https://cachedownload.europacasino.com/live/desktop/bundles/22.4.1.4/?launch_alias=wwtbamrol_millrol&cat=Roulette%20&gameType=lobby&redirect_time=1651884988615&backUrl=https%3A%2F%2Fcachedownload.europacasino.com%2Flive%2Fdesktop%2F%3Flaunch_alias%3Dwwtbamrol_millrol%26cat%3DRoulette%2520#/

    you need click in this button to show the entry hall

    const WebSocket = require('ws')

const ws = new WebSocket('wss://eurolive-frontend.playtechgaming.com/ws')
ws.onmessage = (event) =>{
  
  console.log(event.data)
}
ws.onerror = (erro)=>{
  console.log(erro)
}```
  • ggpubr can't find 'mean_se' unless ggpubr is attached via library()

    Summary of problem: When I try to add summary stats to a ggpubr plot via the "add" parameter, ggpubr can't find the summary stat functions (example code below). For instance, if I am trying to add error bars with add="mean_se" I get an error message and no error bars.

    Unsatisfactory solution: Attaching ggpubr by calling library(ggpubr) would fix this problem. See this answer.

    Why the above solution is unsatisfactory: I am developing a package, and so would like to avoid attaching other packages via calls to library() - my understanding is that this is best practice, to avoid polluting the namespace with things the user might not have anticipated would get loaded.

    MY QUESTION: Is there some way to get ggpubr to find mean_se without attaching the package?

    Example code (in an .R file in my package):

    make.plot = function(){
  utils::data("iris")
  ggpubr::ggbarplot(
    data = iris,
    x = "Species",
    y = "Sepal.Length",
    add = "mean_se")
}

    Example output:

    > devtools::load_all(".")
# i Loading MyPackage
> make.plot()
# Warning message:
# Computation failed in `stat_summary()`:
# object 'mean_se_' of mode 'function' was not found

    One thing that should work, but doesn't, is passing "ggpubr::mean_se_" as the add argument. This avoids the error message, but produces an incorrect plot. The plot should look like this:

    Desired plot

    But passing "ggpubr::mean_se_" instead produces: enter image description here

    Additional weirdness: If I ever add a call to load ggpubr, build MyPackage with devtools::load_all("."), and run it, then the above code never fails until I quit and reload RStudio, even if I delete the call library(ggpubr) from my package and build it again.

  • package dev: redispatch S3 method

    I have a package where I have S3 methods that, based on some condition needs to re-dispatch from the original method in a way that cannot be immediately solved by S3, S4, or R6.

    Here's a notional package:

    devtools::create("~/newproj")

    Create ~/newproj/R/func.R:

    #' Some function
#'
#' @param obj some object
#' @return something
#' @export
func <- function(obj) UseMethod("func")
#' @export
func.default <- function(obj) message("I am lost")
#' @export
func.character <- function(obj) paste("5 times", obj)
#' @export
func.numeric <- function(obj) 5 * as.numeric(as.character(obj))
#' @export
func.factor <- function(obj) {
  asnum <- suppressWarnings(as.numeric(as.character(obj)))
  cl <- match.call()
  cl[[1]] <- if (anyNA(asnum)) substitute(func.character) else substitute(func.numeric)
  eval.parent(cl)
}

    As inane as that method is, the takeaway is that when the object is a factor, the action taken on it depends on whether it can be number-like or not. In reality, there are a number of candidate S3 methods to be used, and I've always found the use of eval.parent to be somewhat elegant, one reason being that it reduces layers on the stack. (Perhaps this is not worth the squeeze ...)

    Demo:

    devtools::document("~/newproj")
# i Updating newproj documentation
# i Loading newproj
# Writing NAMESPACE
# Writing NAMESPACE
func(5)
# [1] 25
func("a")
# [1] "5 times a"
func(factor("5"))
# [1] 25
func(factor("a"))
# [1] "5 times a"

    This works, but since devtools is permissive in its visibility of unexported functions, I'll load it as a package:

    detach("package:newproj")
devtools::install("~/newproj")
library(newproj)
func(5)
# [1] 25
func('a')
# [1] "5 times a"
func(factor('a'))
# Error in func.character(obj = factor("a")) : 
#   could not find function "func.character"

    Which may not be too surprising, since NAMESPACE is just

    S3method(func,character)
S3method(func,default)
S3method(func,factor)
S3method(func,numeric)
export(func)

    One way to fix this is to :::-reference the functions (since :: doesn't work):

    #' @export
func.factor <- function(obj) {
  asnum <- suppressWarnings(as.numeric(as.character(obj)))
  cl <- match.call()
  cl[[1]] <- if (anyNA(asnum)) substitute(newproj:::func.character) else substitute(newproj:::func.numeric)
  eval.parent(cl)
}

    Which now works:

    detach("package:newproj")
devtools::install("~/newproj")
library(newproj)
func(5)
# [1] 25
func(factor("5"))
# [1] 25
func(factor("a"))
# [1] "5 times a"

    But now, if I R CMD check the package, I get

    > checking dependencies in R code ... NOTE
  There are ::: calls to the package's namespace in its code. A package
    almost never needs to use ::: for its own objects:
    'func.character' 'func.numeric'

    I can perhaps ignore the check NOTE, but I really prefer to clean up notes and such when possible. I'm trying to avoid something like:

    if (anyNA(asnum)) {
  func.character(obj)
} else func.numeric(obj)

    perhaps for the wrong reasons though. Do more elegant solutions exist?

  • How can I change where `live-server` opens without changing my default browser

    I want to change where live-server opens, for example, I like using safari as my default browser, but every time I type live-server in the terminal it will open a window on safari. I know I can type live-server --browser='google chrome' but now I don't want to be typing that whole code to open in Chrome. I want to change it so that when I type live-sever it will open on chrome instead, I know I have to change that in the .json file but I'm not sure where it's located, or how to access it in the terminal. Thank you in advance.

  • npm live-server package is not working. I run this on the PowerShell?

    I try to install the package by this commend "npm install live-server" in my PowerShell. I added a pic of this so it will be clear.

    The error I got

    live-server: File C:\Users\nisan\AppData\Roaming\npm\live-server.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170. At line:1 char:1

    • live-server
    •   + CategoryInfo          : SecurityError: (:) [], PSSecurityException
  + FullyQualifiedErrorId : UnauthorizedAccess**

    PowerShell pic