Can an electron application be transformed into a web-based application?

From my understanding:

Electron enables a javascript/html/css application to utilize web technologies within a desktop environment.
I have come across the fact that most web applications can be transformed into a desktop application using electron.
My ultimate aim is to achieve this with either vscode or atom. I am particularly fond of both tools and would love to run them on an Android device.

What I have attempted so far:

atom-in-orbit and here are the steps I took along with the encountered errors:
1. Cloned commit/version 089fa92117f5d0ead54b56ee208a2baa24d9c4e2 of atom due to its definition in line 49 of build.js
2. Tried to build and encountered an "ENOENT"(Previously discussed here) error related to patching on lines 50 and 56 of build.js
3. Manually patched these issues with patches found in patches/src
4. Attempted the build process again only to face another error regarding missing node modules in the atom source code.
5. Tried running the build process in the atom source, as it installs all necessary modules dependent on atom, but encountered an error during apm installation. Details of these particular errors can be viewed here

npm ERR! git clone --template=C:\Users\username\AppData\Roaming\npm-cache\_git-remotes\_templates --mirror

Following this, I did not pursue anything further with atom-in-orbit

To be transparent, I have never developed a web application before and have had minimal exposure to javascript, html, or css for quite some time now.
With vscode, I couldn't even successfully compile it into an electron app initially.

My Questions:

Is it feasible to convert an electron app back into a web app?
How does atom-in-orbit function internally in an attempt to replicate this behavior?
Did I overlook an atom-for-android or vscode-for-android application while conducting my research?
Additionally, could phonegap be utilized for this purpose?
Thank you for any assistance provided!

javascriptandroidvisual-studio-codeelectronatom-editor

Answer №1

It's important to note that the suitability of Electron technology varies depending on the application.

While smaller Electron apps like Todoapp may closely resemble web applications and require minimal tweaking to work in both environments, larger applications such as VSCode or Atom may present more challenges. Porting these massive applications to the web may involve a significant amount of source code modification and troubleshooting. If you're comfortable working with JavaScript, it's definitely possible to accomplish, but be prepared for a potentially difficult journey.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What is the best method to send the HTML button ID to a Python file through Django?

I have the following HTML code snippet that generates dynamic buttons: {% for i in loop_times %} <button type="submit" class="'btn btn-lg" name="{{ i }}" id="{{ i }}" onclick="alert(this.id)" formmethod="post"><a href="{% url 'button ...

javascriptpythonhtmldjango

What are some effective solutions for resolving design problems in Isotope?

When I append the ajax coding, the data is coming fine. However, when I append this style="position: absolute; left: 468px; top: 0px;" css to the new appended data, it is not working. How can I achieve this? Below is my ajax code. Please provide suggestion ...

javascriptphpjqueryajaxappend

Running a JavaScript test using the Mocha framework with an 'import' statement for a JS file

I am familiar with the module.export and require method: Requiring external js file for mocha testing While it is useful when dealing with modules, I find it inconvenient as I now need to test code in a specific file. For example, I have code in a file: ...

javascriptnode.jsunit-testingrequiremocha.js

How can I display a date as dd/mm/yyyy in a datatable column using Javascript or Jquery?

Sorting a date column in a datatable can be tricky, especially when it is formatted as dd/mm/yyyy. The issue arises when the column sorts the dates as strings rather than considering the month. This results in incorrect sorting where the day becomes the pr ...

javascriptjquerydatedatatable

Unraveling the complexities of double-encoded UTF-8 in PHP

Trying to transmit data from an HTML page via Ajax to a PHP page. This is the jQuery code I'm using: $.ajax({ url: "test.php", type: "POST", data: { name: "João" } }).done(function (data) { alert(data); }) When sending ...

phpjavascriptjqueryajaxencoding

Change the <base> element programmatically during server-side rendering

Searching for a way to obtain the base URL for an HTML page, so that relative URL requests from the browser utilize that base. If you are looking for answers, check out this link: Defining root of HTML in a folder within the site root folder When serving ...

javascripthtmlnode.jsexpress

What is the process for assigning specific tags to specific items within an array?

As I navigate through a list of students, I am encountering an issue with my tag functionality. Currently, when a student adds a tag to their container, it is being added to every student's tags instead of just the intended student. How can I modify t ...

javascriptreactjsjsx

Assurances for a function devoid of any output information

Currently, I am in the process of unraveling a complex web of callback-based code for node.js, and it appears that promises may be the solution due to numerous asynchronous database operations. Particularly, my focus is on utilizing Bluebird. I have reach ...

javascriptnode.jspromisebluebird

Generate a new style element, establish various classes, and append a class to the element

Is there a more efficient solution available? $("<style>") .attr("type", "text/css") .prependTo("head") .append(".bor {border:2px dotted red} .gto {padding:10px; font-size:medium}"); $("input:text").addClass("bor gto").val("Enter your t ...

javascriptjquerycss

Exploring the Depths of MongoDB Arrays

Below is the structure of my MongoDB data: { "_id": "QEvgJKERy5xGNLv7J", "title": "test 2", "owner": "HQNGYZvrrdQRwLNvT", "markdown": "sdfasdfdasf adsfadsfasdf", "state": "Draft", "category": [ "Bios & Memoirs", "Classics" ], " ...

javascriptmongodbmeteor

Modifying an object property within a state container array in React using Hooks' useState

As a React beginner, I decided to create a simple Todo app. This app allows users to add tasks, delete all tasks, or delete individual tasks. The Todo Form component consists of an input field and two buttons - one for adding a task and the other for dele ...

javascriptarraysreactjsobjectjsx

What are the best practices for managing methods in asynchronous programming with the use of node.js, Ajax, and MySQL?

I have a query regarding the handling of methods using Node.JS, ajax, and mysql in the provided code snippet. When the client enters the correct username and password, the server should return a "true" value to my front-end (index.html) and redirect to th ...

javascripthtmlnode.jsajaxasynchronous

Using the moment library in Angular to convert date and time can sometimes lead to errors

Whenever I attempt to convert a Gregorian date to a Persian date, the minute value in the conversion ends up becoming an error. For instance, let's say I want to convert this specific date and time to a Persian date: 2020-09-14T16:51:00+04:30 should ...

javascriptangulartypescriptmomentjsjalali-calendar

What caused the failure of the statement oDiv[i].style.z-index = arr[i][3]?

After reviewing arr[i][3], I confirmed it was accurate. However, I encountered an issue with one of the statements. The code snippet is displayed below: for(var i = 0; i<oDiv.length;i++){ arr.push([getAttr(oDiv[i],"left"),getAttr( ...

javascriptarrays

Maintain the current application state within a modal until the subsequent click using Jquery

Due to the challenges faced with drag and drop functionality on slow mobile devices, I am considering implementing a modal approach for moving elements from one place to another. Here is how it would work: When a user clicks on an item, it is visually ma ...

javascriptjquery

The exported NextJS URL isn't functioning properly

Recently, I delved into the world of Next JS by following a tutorial on YouTube by Brad Traversy. In his guidance, I used next export to export the program and ran it using serve -s out -p 8000. While the page loads perfectly on localhost:8000, the issue a ...

javascriptnode.jsreactjsnext.js

Every time I invoke a module, non-global variables are utilized

Within a module.exports file, I am facing an issue where the variables are shared among different instances of the module. Instead, I want each call to the module to have its own set of values for cycle number, original data, new product, etc., similar to ...

javascriptarraysnode.jsmultithreadingvariables

The Onchange event failed to display or conceal the Div

Can someone help me with an issue in my script? Here is my Javascript code: <script type="text/javascript"> $(document).ready(function() { $("#datetimepicker_mask2").change(function() { var date = $("#datetimepicker_mask2").val(); ...

javascriptjqueryajax

Cancel the starting path in Angular 9 and initiate a redirection

I am attempting to change the initial path such as localhost:4200/ so that it displays an error view instead of the home page. I want the home page to only be accessible if you navigate to something like localhost:4200/tag1/tag2. I need to be able to capt ...

javascriptangulartypescriptangular-router

jquery autocomplete utilizing an external json data feed

I am facing an issue with my autocomplete function that was initially working with a local json source. I have decided to move it to an external json file, as my current code is lengthy (16k lines). However, I am struggling to make it work with the externa ...

javascriptjqueryjsonautocomplete