npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@advanced-rest-client/arc-electron-search-service

v0.1.0-rc0

Published

A package to handle content search in a renderer window

Downloads

4

Readme

ARC Electron content search service

Creates a pop up window that mimics Chrome's search bar.

Usage

$ npm i @advanced-rest-client/arc-electron-search-service

In the main process:

const {ContentSearchService} = require('@advanced-rest-client/arc-electron-search-service/main');
const {ArcPreferences} = require('@advanced-rest-client/arc-electron-preferences');
const startupOptions = {}; // Application start up options.
const prefs = new ArcPreferences();

// Required step, add common instance of preferences manager
ContentSearchService.prefsManager = prefs;
// Required step, listen for menu actions
ContentSearchService.listen(emmiter);

The emmiter is any object that emmits menu-action even with first argument to be application:find and second argument is the window object. ARC electron has menu manager that does this.

In the renderer process:

const {WindowSearchService} = require('@advanced-rest-client/arc-electron-search-service/renderer');
const service = new WindowSearchService();
service.listen();

The listen() function listens for electron's menu-action event. Event with application:find name will be handled by the service and add search window to the current window (from which the menu action was invoked).

This module works with Advanced REST Client application. It uses @advanced-rest-client/arc-electron-sources-manager to determine source of the web components import file for search window (hence use of preferences manager).

Search file import contains HTML imports for the web components used in window. Import file content should be as follows:

<link rel="import" href="bower_components/polymer/polymer-element.html">
<link rel="import" href="bower_components/shadycss/apply-shim.html">
<link rel="import" href="bower_components/polymer/lib/elements/custom-style.html">
<link rel="import" href="bower_components/polymer/lib/elements/dom-bind.html">
<link rel="import" href="bower_components/font-roboto-local/roboto.html">
<link rel="import" href="bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="bower_components/arc-icons/arc-icons.html">
<link rel="import" href="bower_components/paper-input/paper-input.html">
<link rel="import" href="bower_components/iron-a11y-keys/iron-a11y-keys.html">
<link rel="import" href="bower_components/iron-overlay-behavior/iron-overlay-behavior.html">
<link rel="import" href="bower_components/iron-resizable-behavior/iron-resizable-behavior.html">
<link rel="import" href="bower_components/iron-flex-layout/iron-flex-layout.html">

File location can be set in startup options in searchFile property.

Set startup options when initializing the app:

...
ContentSearchService.prefsManager = prefs;
ContentSearchService.startupOptions = {
  searchFile: path.join(__dirname, 'search-imports.html')
};
ContentSearchService.listen();