Popover in chrome extension using js

See also questions close to this topic

• how to change prettier format for react native

  my code formatting prettier didn't works well for react native, i don't understand where to config it but it works well with flutter

  from this code

        import { View, Text } from 'react-native'
      
      import React from 'react'
      
      export default function App() {
        return (
          <View>
      
      <Text>Apps</Text>   
  </View>
        )
      }
  

  it's formatted to this

  import {
    View,
    Text
  } from 'react-native'
  
  import React from 'react'
  
  export default function App() {
    return ( <
      View >
  
      <
      Text > Apps < /Text>
  
  
      <
      /View>
    )
  }
  
• MarkLogic server-side JavaScript and XQuery

  I am just starting using NoSQL MarkLogic DB and trying to choose for me the best query language to learn and use in future. On server side MarkLogic provides the possibility to use JavaScript API or XQuery API.

  I want to receive an advice. Which language is better to concentrate on and learn? JavaScript or XQuery?
• Bootstrap popover content callback called twice on every second click

  I'm trying to create a feature that will display the popover with manual click event. My goal is to populate the popover and display newest data through ajax call after every click.

  The problem I'm facing is described on the title.

  For example:

  1st click -> call once
  2nd click -> call twice
  3rd click -> call once
  4th click -> call twice
  ... 
  

  The code look like this:

  $popoverButton.popover({
      container: 'body',
      template: `<div></div>`,
      title: 'title',
      content: function () {
          console.log('*');  // this called twice on every second click
          let id = $(this).attr('data-id');
          return initPopover(id);
      },
      html: true,
      trigger: 'manual',
  });
  function initPopover(id) {
      let $popover = $('<div class="popover-body"></div>');
      $popover.attr({'id': 'popover-body-' + id});
      let $spinner = $(`<div class="spinner"><span class="spinner-border"></span></div>`);
      $popover.append($spinner);
      let $sellers = $('<div class="sellers"></div>');
      $popover.append($sellers);
      return $popover;
  }
  

  To open the popover, I declared the click event with these functions:

  $popoverButton.on('click', function () {
          closePopover();
          openPopover($(this));
  });
  closePopover() {
      $popoverButton.popover('hide');  
  }
  openPopover($targetButton) {
      // hide all opened popovers
      $('.popover').popover('hide');  
      $targetButton.popover('show');
      getSellersAndAppendData();
  }
  

  I'm not sure why this happened. Please help.
• Get rid of shadow form popover view controller (Swift)

  I am trying to create number pad in iPad using popover view controller. Everything is achieved but there is a shadow beneath the pop view. I tried to remove that shadow but nothing worked for me. Here is my code which presents pop over view in my view controller.

  let vc = self.storyboard?.instantiateViewController(withIdentifier: "PopOverVC") as? PopOverVC
      vc?.modalPresentationStyle = .popover
      vc?.preferredContentSize = CGSize(width: 280, height: 425)
      vc?.delegate = self
      if let popoverPresentationController = vc?.popoverPresentationController {
          popoverPresentationController.permittedArrowDirections = [.down, .up, .right, .left]
          popoverPresentationController.sourceView = self.view
          popoverPresentationController.sourceRect = txtNumber.frame
          popoverPresentationController.delegate = self
          if let popoverController = vc {
              present(popoverController, animated: false, completion: nil)
          }
      }
  

  

  Can anybody help me removing the shadow? Thanks in advance!!
• How to know if the replaced tab for a previously discarded tab is the same?

  So you discarded a tab and later when you click on the discarded tab , it reloads the page.

  First:

  OnUpdated() gets called with changeInfo.discarded === true

  and on reload:

  1. onUpdated() gets called with changeInfo.discarded === false.
  2. onUpdated() gets called with changeInfo.status === complete.

  How, would I know that the tab in Step 2 is the replacement for the discarded tab. The tab.id has changed by now and the tab.discarded property of the newtab has also been reset. So, ducktyping?
• How can I replace my webRequest blocking with declarativeNetRequest?

  I'm try to migrate my chrome extension to Manifest V3, and having some troubles with webRequest. I don't know how to replace the below source code to declarativeNetRequest. Also, what should I add to my manifest.json to make this work. Because when I read on the Chrome Developers, it mentions some thing about rules, and I don't know what those rules are. Thank you so much for your help

  chrome.webRequest.onHeadersReceived.addListener(info => {
    const headers = info.responseHeaders; // original headers
    for (let i=headers.length-1; i>=0; --i) {
        let header = headers[i].name.toLowerCase();
        if (header === "x-frame-options" || header === "frame-options") {
          headers.splice(i, 1); // Remove the header
        }
        if (header === "content-security-policy") { // csp header is found
            // modifying frame-ancestors; this implies that the directive is already present
            headers[i].value = headers[i].value.replace("frame-ancestors", "frame-ancestors " + window.location.href);
        }
    }
  
    // Something is messed up still, trying to bypass CORS when getting the largest GIF on some pages
    headers.push({
      name: 'Access-Control-Allow-Origin',
      value: window.location.href
    })
    // return modified headers
    return {responseHeaders: headers};
  }, {
      urls: [ "<all_urls>" ], // match all pages
      types: [ "sub_frame" ] // for framing only
  }, ["blocking", "responseHeaders"]);
  

  IMAGE OF THE SOURCE CODE