How to convert a Chrome extension widget into a website? - google-chrome

I was reading this article on how to convert website into a google chrome extension [1] and I was wondering how could we achieve the oposite? Like imagine a chrome extension that is a widget where you can fill a form. How can we embed the extension into a website?
We use a private chrome extension that is just a "form" to create Jiras. So now we want to make that form into it's own website but wonder if there's a way to "embed" the current widget into a website so we don't have to maintain two repositories.
Any reference you can share?
[1] http://mytypings.com/converting-website-to-a-google-chrome-extension/

You can access your extension like website by going to chrome-extension://<extension-id>/<your popup page>.html
or use the Plasmo Framework to create Tab Pages you want.

Related

Where can I modify Chrome bookmarks?

I want to code an extension that modifies your bookmarks in Google Chrome. For example, it should expand different sub-sites (e.g. reddit subreddits) when hovering over a bookmark.
Where do I find the bookmark function, though? Like the part that says for example "when hovering over an icon, background goes grey". I'd have to modify exactly those parts.
For what you are referring to, a simple CSS style modification will achieve. To implement an extension into chrome, you will want to start here:
Google Chrome Extension Development
Some resources for you:
Developer Guide - this contains all the extensible chrome APIs
chrome.bookmarks API - this is the API that will interact with and manipulate bookmarks
There are also some resources out there that are helpful for learning how to create a chrome extension. A good starting point may be this:
How to create and publish a chrome extension in 20 minutes

Chrome Extension - Use Another HTML Source

I'm creating a extension and here is what I want to do.
I have site "www.aaa.com" and the extension I developed can read and navigate DOM element by javascript. However, when I click the extension icon, I'd like get and read the HTML source from "www.bbb.com".
The current page is "www.aaa.com", but want to get the source of "www.bbb.com" in the current page.
How can I do this??

Is it possible to generate a Box upload embed widget via the API?

I'd like to programmatically create Box.com upload embed widgets for specific folders for our account. It looks like it is possible to create a shared link: https://box-content.readme.io/#create-a-shared-link-for-a-folder
But I don't see any way do this in the API:
I've looked at the requests the above webpage is sending to create the widget and it looks like I could recreate them, but it would be nice to not have to rely on something that isn't documented. It doesn't look like the widget generation page is using the 2.0 API.
While it is not possible to create a Box Upload widget via the API you can create a Box Embed window via the API (check out the documentation here: https://developers.box.com/box-embed/)
This will give you an iframe that you can embed in your site for users to drag and drop content and upload to Box.

What could be different ways of creating a user interface for a chrome extension?

I am trying to learn what could be the best ways of developing user interface for chrome extension for my application. The 2 approaches that I have come across are i)Using a browser action with default_popup html page or ii) Injecting some component into the page that is loaded in the tab. First approach is pretty straightforward but has some restricted use (like it is destroyed on tab/window switch which is useful in the context of my application). Coming to the second approach, it seems it requires every component which can be injected to be listed under web_accessible_resources. As the extension UI gets complex, this list is bound to increase. But surprisingly, Pocket extension's manifest does not seem to list any js files or html files though it does not use a popup page too. How does it work? Is there any other way of creating the user interface too?
Have you checked on the documentation regarding chrome.windows API? This API will allow you to create new windows and tabs in the browser, so you can create the html content from your extension. All you'll need is declaring the pertinent permissions on the manifest file. You can read more information here: https://developer.chrome.com/extensions/windows

Open file with Tabris and RAP

Evaluating Tabris developed by eclipsesource, I could create a simple application browsing some filestructure from a backend. Now I would like to know how it is possible to open/show a file's content. On the serverside I created a service handler for the download. But opening a shell containing a browser widget with the URL to this service just does nothing but show a blank page. If I use "http://www.google.de" as URL then the browser shows this site.
Any ideas?
Does the service handler render html? Can you open the url from a new browser tab and is it showing your content?
Browsing files with a browser widget feels odd to me. Why not using a JFace TreeViewer to show the file structure?
In the upcoming release in December 2012 (Version 0.9.0), the AppLauncher aka OpenWith will be implemented. This will improve showing file contents with an appropriate app - so you don't heed to display everything in a Browser widget.
See: https://github.com/eclipsesource/tabris/issues/89