WeVoteCordova | Twitter : @ WeVote | Frontend Framework library

by wevote JavaScript Version: Current License: No License

X-Ray Key Features Code Snippets Community Discussions(10)Vulnerabilities Install Support

kandi X-RAY | WeVoteCordova Summary

WeVoteCordova is a JavaScript library typically used in User Interface, Frontend Framework applications. WeVoteCordova has no bugs, it has no vulnerabilities and it has low support. You can download it from GitHub.

Apache Cordova allows one to take their pre-existing JavaScript WebApp, bundle it with some additional Cordova JavaScript and native code, and build an app for iOS or Android that can be released as an app in the App Store or Play Store. Cordova works perfectly well with React apps. For a very simple app, you literally just drop it into Cordova and go, for more complex apps (like ours) there are some changes to be made. See Cordova JavaScript Differences. We use a very thin Apache Cordova wrapper to encapsulate the We Vote React WebApp. The WeVoteCordova side is so thin, that all it contains is Apache Cordova, some Documentation, and the iOS and Android config (and possibly a small amount of native code). All of the JavaScript and React code, and the libraries that they rely on, remains in the WeVote WebApp. This Cordova App has two build targets, iOS and Android, and they each wrap an identical bundle.js that is compiled by the We Vote WebApp project.

Support

Quality

Security

License

Reuse

Support

WeVoteCordova has a low active ecosystem.

It has 1 star(s) with 6 fork(s). There are 2 watchers for this library.

It had no major release in the last 6 months.

There are 5 open issues and 50 have been closed. On average issues are closed in 118 days. There are no pull requests.

It has a neutral sentiment in the developer community.

The latest version of WeVoteCordova is current.

Quality

WeVoteCordova has no bugs reported.

Security

WeVoteCordova has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

License

WeVoteCordova does not have a standard license declared.

Check the repository for any license declaration and review the terms closely.

Without a license, all rights are reserved, and you cannot use the library in your applications.

Reuse

WeVoteCordova releases are not available. You will need to build from source code and install.

Installation instructions, examples and code snippets are available.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of WeVoteCordova

Get all kandi verified functions for this library.

WeVoteCordova Key Features

No Key Features are available at this moment for WeVoteCordova.

WeVoteCordova Examples and Code Snippets

No Code Snippets are available at this moment for WeVoteCordova.

Community Discussions

Trending Discussions on Frontend Framework

ERROR: function jsonb_array_elements_text(jsonb[]) does not exist

Is there any way to crop videos in JavaScript with a crop box, without using React or Vue?

How to connect Django Rest API to a html CSS JS frontend

Override CORS policy in java springboot

How do I move an image background inside of a container, without moving the container itself?

How to host a React app in Nodejs without using Express?

image tag - how to put on an ICON (not string - NOT URL) in case of url failure?

Javascript Dynamic Data binding code not working

Frontend framework change

Can ReactJS run without node in Symfony 5.3 using their Webpack Encore Bundle

QUESTION

ERROR: function jsonb_array_elements_text(jsonb[]) does not exist

Asked 2022-Apr-11 at 15:51

Having a hard time traversing and querying elements from a jsonb[] row.

...

ANSWER

Answered 2022-Apr-09 at 06:24

In PostgreSQL all jsonb array functions only for using JSONB types, not JSONB[].

First-way you can use unnest function to convert arrays to rows, after then you can use jsonb_array_elements.
Second-way change type JSONB[] to JSON in your table. Don't worry, you can still insert your JSON string data which is written above into JSONB field without any problems. Inside the JSON and JSONB strings, we can use arrays using formatted strings. Jsonb array functions only for arrays written inside JSON string.

Source https://stackoverflow.com/questions/71803700

QUESTION

Is there any way to crop videos in JavaScript with a crop box, without using React or Vue?

Asked 2022-Mar-11 at 15:51

I was trying to crop videos with cropper.js, but from what I understand that it is impossible and only works for photos. I've looked everywhere for resources to do such, but I couldn't find anything. If you don't know what I am talking about I would like something like this https://codesandbox.io/s/react-easy-crop-for-videos-lfhme but uses JavaScript instead of React. The reason I don't want to switch to a frontend framework is because I am using Django for my backend, and am not comfortable with switching to APIs, and using React or Vue, since I am really far into my project. I also want to avoid using a hybrid architecture if possible. If anyone knows of any libraries or repositories I can check out that might help me that would be much appreciated.

Just in case I can use videos in cropper.js here is my source code.

...

ANSWER

Answered 2022-Mar-05 at 20:48

You didn't explain your use case in much detail, but if you just want to crop videos with a few known aspect ratio options, you can do this pretty easily do this with vanilla HTML, CSS, and JavaScript.

HTML:

Source https://stackoverflow.com/questions/71318002

QUESTION

How to connect Django Rest API to a html CSS JS frontend

Asked 2022-Feb-12 at 08:36

I am new to programming and one thing I am very confused about, my boss has told me to create a rest API about an app which I have completed all the signups, login, and other parts. But now I have to create a frontend but all the tutorials on the internet are about create rest API of Django to react or some other frontend framework, is their any tutorial on YouTube about connecting to a html CSS JavaScript on frontend to Rest API. thanks.

...

ANSWER

Answered 2022-Feb-12 at 08:36

If you don't want a frontend just follow the official django tutorial to learn how to serve html/css/js from django.

From there you can either pass the data you need from your api down through the django context, or you can use fetch or something similar to grab it from javascript.

The latter would look like this.

Source https://stackoverflow.com/questions/71090033

QUESTION

Override CORS policy in java springboot

Asked 2022-Jan-30 at 09:32

I am trying to have my frontend server pull an http request from my backend server, but am getting the following error in my browser console:

...

ANSWER

Answered 2021-Nov-05 at 22:27

A quick approach is to add @CrossOrigin (import is org.springframework.web.bind.annotation.CrossOrigin) to your Rest Controller(s).

Source https://stackoverflow.com/questions/69856708

QUESTION

How do I move an image background inside of a container, without moving the container itself?

Asked 2022-Jan-30 at 01:32

I have a container being used to hold a registration form. I tried adding position: relative then using top: combined with a negative integer to move the image, but what happens instead is that the entire container is being moved, rather than the background image. I am using bootstrap as a frontend framework.

...

ANSWER

Answered 2022-Jan-30 at 01:32

The first point is to try not to use negative position value in your CSS code as much as possible. It's kind of dirty code and may cause some issues in styling later!

Why don't you use background-position to set the position of the image background?

as an example:

Source https://stackoverflow.com/questions/70910716

QUESTION

How to host a React app in Nodejs without using Express?

Asked 2021-Dec-19 at 20:00

I know the standard way is to use Express, but i was wondering how i could achieve this without having to use it. I already know how to serve html files using http/https in a common website (without a frontend framework) through nodejs, but when i tried to do the same with index.html from React app, it wouldn't work. I think it's important to mention that i am using react-router. I searched a lot about this but every tutorial would use Express, so i couldn't find help in google.

Here's how i would do with plain html:

...

ANSWER

Answered 2021-Dec-19 at 20:00

Ok, i eventually got it:

Source https://stackoverflow.com/questions/70404577

QUESTION

image tag - how to put on an ICON (not string - NOT URL) in case of url failure?

Asked 2021-Dec-19 at 13:56

I am using React.js as Frontend framework,

I have an icon from antd, and I want to put it in the 'alt' prop of an image tag, so in case that the url I pass there will be null - it will go to put the icon there.

I tried using 'alt' but it only accepts string. is it possible to put there an icon? (like one from antd?)

to emphasize - I want to add it as - }

as in in an actual icon and NOT AS A URL.

...

ANSWER

Answered 2021-Dec-19 at 12:17

Use the onerror attribute.

From the docs:

Source https://stackoverflow.com/questions/70411258

QUESTION

Javascript Dynamic Data binding code not working

Asked 2021-Dec-15 at 14:08

I am writing code that uses data binding to change the innerHTML of an span to the input of the user, but I can't get it to work. What it should do is show the input on the right side of the input field on both the input fields, but it doesn't. Can someone please help me out.

HTML:

...

ANSWER

Answered 2021-Dec-15 at 13:37

Your main issue is this part:

Source https://stackoverflow.com/questions/70364369

QUESTION

Frontend framework change

Asked 2021-Oct-18 at 14:16

We are a small company, using emberjs as the main frontend framework for our projects. The frontend architect sticks to it like liquid glue sticks to paper, because he doesn't know any other frameworks. The main reason that is forced is the slogan: 'convention over configuration'. And there are reasons like emberjs is faster in larger scale applications. Anyone can reason pro-contra for emberjs, angular, react etc.. (hopefully someone who knows all of them, at least emberjs, and another)? We are having meeting sessions about this, where junior frontend devs try to convince the architect about the other frameworks. In my opinion this should not be a technical issue, all of the frameworks are capable of developing 'larger scale' applications. The real reason should be the recruiting, we would find react/angular devs more easily. Thanks

...

ANSWER

Answered 2021-Oct-18 at 14:16

I was in the same situation and managed to migrate to react+redux toolkit+nextjs.

The way I started my introduction is by explaining what is react. React is a rendering engine. I compared it to glimmer components and ember components. I then explained that most of our components were ember components wich are deprecated and need to be migrated anyway

I then explained that we could just live with ember data, ember cli and react.

Then I showed why ember cli was old and there was this new cool kid embroider that we will need to migrate in the future. I explained what was embroider and how it compared with nextjs. I pointed out that I had experience with react and nextjs but not with embroider.

Then I pitched that Ember Data along with nextjs and react was a viable solution. I also showed that the standard stack with nextjs and react was to use in place of ember data: redux toolkit (you could choose react-query depending on your needs)

At the end of this meeting, people were excited but still had questions. I then had to do different presentations and discussions about architecture and costs. I produced swot analysis, risk analysis, benchmarks on component libraries (we went with zendesk garden), cost of development per feature..

It's a long process but if you take time to discuss. Remove any passion from the discussions and at the end focus on reducing costs, you'll get your migration.. and yeah the fact we were struggling to recruit ember experts helped with my arguments :D

I should write a blog post about that xD

PS: regarding "convention over configuration", you can find this concept applied by nextjs and redux toolkit

Source https://stackoverflow.com/questions/69616110

QUESTION

Can ReactJS run without node in Symfony 5.3 using their Webpack Encore Bundle

Asked 2021-Sep-18 at 09:19

Right now I'm building an application where I use Symfony 5.3 as a full stack framework. So I use twig for my views and vanilla javascript. At first this wasn't a big problem but I had to build a few multi step forms and it's starting to be really annoying. Although I'm new to frontend frameworks I want to give ReactJS a try. After some searching I found Symfony's Encore bundle. The only problem that I have is that the hosting server does NOT have NodeJS installed.

Is it possible to use React (with Encore) without node running?

...

ANSWER

Answered 2021-Sep-18 at 09:18

reactjs app is a list of static js and css files that don't require nodejs to be run, but nodejs is required to build react application

Source https://stackoverflow.com/questions/69233209

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install WeVoteCordova

Change to your base "MyProjects" directory which on the example computer is at /Users/stevepodell/WebstormProject. Clone the WeVoteCordova code. Rename the directory you just created which contains the latest WeVoteCordova software. Install the Apache Cordova software. This is the Cordova command line interface (CLI) that is installed globally on your PC or Mac. First do an uninstall, since any earlier install of the Cordova CLI prior to Version 9, will no longer work. If you have never installed cordova, the uninstall will not do anything (and that is not a problem!). On the example machine that looks like... Most version warnings that installing Cordova might have generated, are unlikely to make any difference. Do not proceed until you are at Cordova V9, or higher. Use cordova create to install a new "empty" instance of the WeVoteCordova (with some minimal scaffolding that our copyFromSaveoff script will remove in an upcoming step). This will create a "Hello World" Cordova app, named WeVoteCordova. cd the WeVoteCordovaSaveoff directory and run npm install. Run the copyFromSaveoff script to copy all the source controlled files from WeVoteCordovaSaveoff to WeVoteCordova. cd to the WeVoteCordova directory and run npm install. At this point we are done with the WeVoteCordovaSaveoff directory, you can delete it whenever you choose to. Add the Cordova iOS and Android platforms directories. Which runs in the terminal like this... Run a script to set up the sym links for iOS and Android and make changes to some build files. In addition to creating the symlinks, this script also makes changes to three Android Gradle (Java/Groovy build scripts) for Firebase Messaging. These symlinks allow us to access the compiled WebApp and have all the necessary components available for the Cordova builds that need to include our WebApp software. If you have installation troubles, you can run buildSymLinks as often as you need to, since the script cleans out conflicting links that might already in place, before adding in the new links. Check that cordova requirements have been met (No errors means success). Run the WeVoteCordova app from XCode. In Xcode, Click File/Open and select /Users/stevepodell/WebstormProjects/WeVoteCordova/platforms/ios/ to open the project in xCode. The final step is to start the simulator. Select a simulator that you would like to see the code executing on. In the example below, we have selected the iPhone 11 Pro Max. Then press the Play (Triangular) button, and a minute or two later you should get the WeVoteCordova app running in a simulator. Note: This screen shot shows the logging with the developer option LOG_RENDER_EVENTS: true, set in the webapp.
Change to your base "MyProjects" directory which on the example computer is at /Users/stevepodell/WebstormProject cd /Users/stevepodell/WebstormProjects
Clone the WeVoteCordova code git clone https://github.com/wevote/WeVoteCordova.git
Rename the directory you just created which contains the latest WeVoteCordova software stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WebstormProjects % mv WeVoteCordova WeVoteCordovaSaveoff stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WebstormProjects %
Install the Apache Cordova software. This is the Cordova command line interface (CLI) that is installed globally on your PC or Mac. First do an uninstall, since any earlier install of the Cordova CLI prior to Version 9, will no longer work. If you have never installed cordova, the uninstall will not do anything (and that is not a problem!). sudo npm uninstall -g cordova sudo npm install -g cordova On the example machine that looks like... stevepodell@Steves-MacBook-Pro WeVoteCordova % sudo npm install -g cordova Password: npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 /usr/local/bin/cordova -> /usr/local/lib/node_modules/cordova/bin/cordova + cordova@9.0.0 added 432 packages from 355 contributors in 14.165s ╭────────────────────────────────────────────────────────────────╮ │ │ │ New patch version of npm available! 6.14.4 → 6.14.5 │ │ Changelog: https://github.com/npm/cli/releases/tag/v6.14.5 │ │ Run npm install -g npm to update! │ │ │ ╰────────────────────────────────────────────────────────────────╯ stevepodell@Steves-MacBook-Pro WeVoteCordova % Most version warnings that installing Cordova might have generated, are unlikely to make any difference. Do not proceed until you are at Cordova V9, or higher. Steves-MacBook-Pro-32GB-Oct-2018:WeVoteCordova stevepodell$ cordova -v 9.0.0 (cordova-lib@9.0.1) Steves-MacBook-Pro-32GB-Oct-2018:WeVoteCordova stevepodell$
Use cordova create to install a new "empty" instance of the WeVoteCordova (with some minimal scaffolding that our copyFromSaveoff script will remove in an upcoming step) This will create a "Hello World" Cordova app, named WeVoteCordova. stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WebstormProjects % cordova create WeVoteCordova us.wevote.wevotecordova WeVoteCordova Creating a new cordova project. stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WebstormProjects %
cd the WeVoteCordovaSaveoff directory and run npm install stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WebstormProjects % cd WeVoteCordovaSaveoff stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordovaSaveff % npm install npm WARN us.wevote.wevotecordova@1.0.1 No repository field. added 84 packages from 65 contributors and audited 84 packages in 2.749s 2 packages are looking for funding run `npm fund` for details found 0 vulnerabilities stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordovaSaveoff %
Run the copyFromSaveoff script to copy all the source controlled files from WeVoteCordovaSaveoff to WeVoteCordova stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordovaSaveoff % node copyFromSaveoff __dirname /Users/stevepodell/WebstormProjects/WeVoteCordovaSaveoff Removed scaffolding directory: WeVoteCordova/www ../WeVoteCordova/www Directory created successfully ./.gitignore copied successfully ./.npmignore copied successfully ./copyFromSaveoff.js copied successfully ./buildSymLinks.js copied successfully package-lock.json copied successfully ./www/index.html copied successfully ./config.xml copied successfully README.md copied successfully ./package.json copied successfully Copied the /res dir from ../WeVoteCordovaSaveoff Copied the /docs dir from ../WeVoteCordovaSaveoff stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordovaSaveoff %
cd to the WeVoteCordova directory and run npm install stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordovaSaveoff % cd ../WeVoteCordova stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % npm install npm WARN us.wevote.wevotecordova@1.0.1 No repository field. added 9 packages from 3 contributors and audited 87 packages in 0.868s 2 packages are looking for funding run `npm fund` for details found 0 vulnerabilities stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % At this point we are done with the WeVoteCordovaSaveoff directory, you can delete it whenever you choose to.
Add the Cordova iOS and Android platforms directories cordova platform add ios@latest android@latest Which runs in the terminal like this... Using cordova-fetch for cordova-ios@latest Adding ios project... Creating Cordova project for the iOS platform: Path: platforms/ios Package: org.wevote.cordova Name: We Vote iOS project created with cordova-ios@6.1.1 Installing "cordova-plugin-app-version" for ios Installing "cordova-plugin-customurlscheme" for ios Installing "cordova-plugin-device" for ios Installing "cordova-plugin-dialogs" for ios Installing "cordova-plugin-facebook4" for ios Running command: pod install --verbose ... Installing "cordova-plugin-inappbrowser" for ios Installing "cordova-plugin-keyboard" for ios Installing "cordova-plugin-safariviewcontroller" for ios Installing "cordova-plugin-screensize" for ios Installing "cordova-plugin-sign-in-with-apple" for ios Installing "cordova-plugin-splashscreen" for ios Installing "cordova-plugin-statusbar" for ios Installing "cordova-plugin-taptic-engine" for ios Installing "cordova-plugin-whitelist" for ios Installing "cordova-plugin-x-socialsharing" for ios Plugin dependency "es6-promise-plugin@4.2.2" already fetched, using that version. Installing "es6-promise-plugin" for ios Installing "cordova-support-android-plugin" for ios Installing "cordova-support-google-services" for ios Installing "cordova.plugins.diagnostic" for ios Dependent plugin "es6-promise-plugin" already installed on ios. Using cordova-fetch for cordova-android@latest Adding android project... Creating Cordova project for the Android platform: Path: platforms/android Package: org.wevote.cordova Name: We_Vote Activity: MainActivity Android target: android-29 Subproject Path: CordovaLib Subproject Path: app Android project created with cordova-android@9.0.0 Installing "cordova-plugin-app-version" for android Installing "cordova-plugin-customurlscheme" for android Installing "cordova-plugin-device" for android Installing "cordova-plugin-dialogs" for android Installing "cordova-plugin-facebook4" for android Subproject Path: CordovaLib Subproject Path: app Installing "cordova-plugin-firebase-analytics" for android Plugin dependency "cordova-support-android-plugin@1.0.2" already fetched, using that version. Installing "cordova-support-android-plugin" for android Plugin dependency "cordova-support-google-services@1.4.1" already fetched, using that version. Installing "cordova-support-google-services" for android Plugin doesn't support this project's cordova-android version. cordova-android: 9.0.0, failed version requirement: <9.0.0 Skipping 'cordova-support-google-services' for android Subproject Path: CordovaLib Subproject Path: app Installing "cordova-plugin-firebase-messaging" for android Plugin dependency "cordova-plugin-firebase-analytics@4.4.1" already fetched, using that version. Dependent plugin "cordova-plugin-firebase-analytics" already installed on android. Plugin dependency "cordova-support-android-plugin@1.0.2" already fetched, using that version. Dependent plugin "cordova-support-android-plugin" already installed on android. Plugin dependency "cordova-support-google-services@1.4.1" already fetched, using that version. Installing "cordova-support-google-services" for android Plugin doesn't support this project's cordova-android version. cordova-android: 9.0.0, failed version requirement: <9.0.0 Skipping 'cordova-support-google-services' for android Subproject Path: CordovaLib Subproject Path: app Installing "cordova-plugin-inappbrowser" for android Installing "cordova-plugin-keyboard" for android Installing "cordova-plugin-safariviewcontroller" for android Subproject Path: CordovaLib Subproject Path: app Installing "cordova-plugin-screensize" for android Installing "cordova-plugin-sign-in-with-apple" for android Installing "cordova-plugin-splashscreen" for android Installing "cordova-plugin-statusbar" for android Installing "cordova-plugin-taptic-engine" for android Installing "cordova-plugin-whitelist" for android Installing "cordova-plugin-x-socialsharing" for android Plugin dependency "es6-promise-plugin@4.2.2" already fetched, using that version. Installing "es6-promise-plugin" for android Subproject Path: CordovaLib Subproject Path: app Dependent plugin "cordova-support-android-plugin" already installed on android. Installing "cordova-support-google-services" for android Plugin doesn't support this project's cordova-android version. cordova-android: 9.0.0, failed version requirement: <9.0.0 Skipping 'cordova-support-google-services' for android Installing "cordova.plugins.diagnostic" for android Subproject Path: CordovaLib Subproject Path: app Dependent plugin "es6-promise-plugin" already installed on android. stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova %
Run a script to set up the sym links for iOS and Android and make changes to some build files In addition to creating the symlinks, this script also makes changes to three Android Gradle (Java/Groovy build scripts) for Firebase Messaging. node buildSymLinks /Users/stevepodell/WebstormProjects/WebApp/build These symlinks allow us to access the compiled WebApp and have all the necessary components available for the Cordova builds that need to include our WebApp software. stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % node buildSymLinks /Users/stevepodell/WebstormProjects/WebApp/build __dirname /Users/stevepodell/WebstormProjects/WeVoteCordova unlink: android index.html unlink: ios index.html rmdir: /Users/stevepodell/WebstormProjects/WeVoteCordova/platforms/android/app/src/main/assets/www/img rmdir: /Users/stevepodell/WebstormProjects/WeVoteCordova/platforms/ios/www/img rmdir: /Users/stevepodell/WebstormProjects/WeVoteCordova/platforms/android/app/src/main/assets/www/css rmdir: /Users/stevepodell/WebstormProjects/WeVoteCordova/platforms/ios/www/css ln ios bundle.js successful ln android css successful ln ios css successful ln android bundle.js successful ln android img successful ln ios img successful ln ios index.html successful ln android index.html successful adding::: android.useAndroidX=true ::: to android/gradle.properties adding::: android.enableJetifier=true ::: to android/gradle.properties adding::: android.enableJetifier=true ::: to android/gradle.properties adding::: classpath 'com.google.gms:google-services:4.3.3' ::: to android/build.gradle adding::: apply plugin: 'com.google.gms.google-services' ::: to android/app/build.gradle adding::: implementation 'com.google.firebase:firebase-analytics:17.5.0' ::: to android/app/build.gradle adding::: implementation 'androidx.browser:browser:1.2.0' ::: to android/app/build.gradle updateGradleProperties changed settings in ./platforms/android/gradle.properties updateProjectBuildGradle added a classpath in ./platforms/android/build.gradle updateAppBuildGradle add an implementation in ./platforms/android/app/build.gradle stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % If you have installation troubles, you can run buildSymLinks as often as you need to, since the script cleans out conflicting links that might already in place, before adding in the new links.
Check that cordova requirements have been met (No errors means success) stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 www % cordova requirements Requirements check results for android: Java JDK: installed 1.8.0 Android SDK: installed true Android target: installed android-Q,android-28,android-27,android-26,android-25,android-24,android-23 Gradle: installed /usr/local/Cellar/gradle/6.3/bin/gradle Requirements check results for ios: Apple macOS: installed darwin Xcode: installed 11.5 ios-deploy: installed 1.10.0 CocoaPods: installed 1.8.4 stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 www %
Run the WeVoteCordova app from XCode. In Xcode, Click File/Open and select /Users/stevepodell/WebstormProjects/WeVoteCordova/platforms/ios/ to open the project in xCode.
The final step is to start the simulator Select a simulator that you would like to see the code executing on. In the example below, we have selected the iPhone 11 Pro Max. Then press the Play (Triangular) button, and a minute or two later you should get the WeVoteCordova app running in a simulator. Note: This screen shot shows the logging with the developer option LOG_RENDER_EVENTS: true, set in the webapp. At this point you have a fully working Cordova iOS build.
ONLY IF NEEDED: (We hope this step is not necessary.) If the Cordova iOS app loads the html page (White "Loading We Vote" on blue), but crashes in a JQuery regex, and logs SyntaxError: Invalid regular expression: range out of order in character class, and never advances to the first React page in the WebApp: In the WebApp, delete /build /node_modules /package-lock.json Then (Still in the WebApp!) npm install npm rebuild node-gyp npm rebuild node-sass npm install npm run prod-singleBundle npm run start-https-singleBundle At this point you "should" have a fully configured WeVoteCordova app running in your simulator. The next step is to connect your new WeVoteCordova directory to Git.
On github.com, fork WeVoteCordova to your account. Navigate to https://github.com/wevote/WeVoteCordova and then click the "Fork" button in the upper right corner. This will create a new directory on Github like ... https://github.com/SailingSteve/WeVoteCordova.git. Execute the following commands from your WeVoteCordova directory on your Mac/PC.
On github.com, fork WeVoteCordova to your account. Navigate to https://github.com/wevote/WeVoteCordova and then click the "Fork" button in the upper right corner. This will create a new directory on Github like ... https://github.com/SailingSteve/WeVoteCordova.git
Execute the following commands from your WeVoteCordova directory on your Mac/PC Remember to substitute the name of your forked remote for "SailingSteve" in the following commands! git init git checkout -b develop git add --all git commit --allow-empty -m "initial commit" git remote add upstream https://github.com/wevote/WeVoteCordova.git git remote add origin https://github.com/SailingSteve/WeVoteCordova.git git remote -v git fetch --all git reset --hard upstream/develop git pull upstream develop git push origin develop --force What it looks like in the terminal: stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % git init Initialized empty Git repository in /Users/stevepodell/WebstormProjects/WeVoteCordova/.git/ stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % git checkout -b develop Switched to a new branch 'develop' stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % git commit --allow-empty -m "initial commit" [develop (root-commit) 192a375] initial commit stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % git remote add upstream https://github.com/wevote/WeVoteCordova.git stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % git remote add origin https://github.com/SailingSteve/WeVoteCordova.git stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % git remote -v origin https://github.com/SailingSteve/WeVoteCordova.git (fetch) origin https://github.com/SailingSteve/WeVoteCordova.git (push) upstream https://github.com/wevote/WeVoteCordova.git (fetch) upstream https://github.com/wevote/WeVoteCordova.git (push) stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % git fetch --all Fetching upstream remote: Enumerating objects: 31, done. remote: Counting objects: 100% (31/31), done. remote: Compressing objects: 100% (22/22), done. remote: Total 3576 (delta 15), reused 15 (delta 9), pack-reused 3545 Receiving objects: 100% (3576/3576), 87.38 MiB | 20.67 MiB/s, done. Resolving deltas: 100% (1570/1570), done. From https://github.com/wevote/WeVoteCordova * [new branch] develop -> upstream/develop * [new branch] master -> upstream/master * [new branch] revert-138-steveCordovaJuly24-340pm -> upstream/revert-138-steveCordovaJuly24-340pm * [new branch] snyk-fix-e50f77af404aad0d747f31f0eb85c3ba -> upstream/snyk-fix-e50f77af404aad0d747f31f0eb85c3ba Fetching origin remote: Enumerating objects: 47, done. remote: Counting objects: 100% (47/47), done. remote: Compressing objects: 100% (4/4), done. remote: Total 60 (delta 44), reused 46 (delta 43), pack-reused 13 Unpacking objects: 100% (60/60), 1.17 MiB | 4.60 MiB/s, done. From https://github.com/SailingSteve/WeVoteCordova * [new branch] develop -> origin/develop * [new branch] master -> origin/master * [new branch] steveCordovaJul22-835pm -> origin/steveCordovaJul22-835pm * [new branch] steveCordovaJuly15-10am -> origin/steveCordovaJuly15-10am * [new branch] steveCordovaJuly22-1005am -> origin/steveCordovaJuly22-1005am * [new branch] steveCordovaJuly22-541pm -> origin/steveCordovaJuly22-541pm * [new branch] steveCordovaJuly24-1250 -> origin/steveCordovaJuly24-1250 * [new branch] steveCordovaJuly24-235pm -> origin/steveCordovaJuly24-235pm * [new branch] steveCordovaJuly24-340pm -> origin/steveCordovaJuly24-340pm * [new branch] steveCordovaJuly24-noon -> origin/steveCordovaJuly24-noon * [new branch] steveCordovaJune28 -> origin/steveCordovaJune28 * [new branch] steveCordovaJune28-3 -> origin/steveCordovaJune28-3 * [new branch] steveCordovaJusly24150pm -> origin/steveCordovaJusly24150pm * [new branch] steveCordovaRemovePlatformsPluginsJuly14 -> origin/steveCordovaRemovePlatformsPluginsJuly14 * [new branch] steveCordovaUpdateFromScratchJune23 -> origin/steveCordovaUpdateFromScratchJune23 * [new branch] steveCorovaJune29-10 -> origin/steveCorovaJune29-10 * [new branch] steveJul23-135pm -> origin/steveJul23-135pm stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % git reset --hard upstream/develop Updating files: 100% (219/219), done. HEAD is now at b1a1334 Merge pull request #139 from wevote/revert-138-steveCordovaJuly24-340pm stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % git pull upstream develop From https://github.com/wevote/WeVoteCordova * branch develop -> FETCH_HEAD Already up to date. stevepodell@Steves-MacBook-Pro-32GB-Oct-2109 WeVoteCordova % You will a have different branch list than in this example.
It's free! It is based on Intellij, so if you have used PyCharm, WebStorm, RubyMine, or IntelliJ it should be instantly familar.

Support

In Apache Cordova, all the real app code is in that bundle.js we make in the WebApp setup, but there are some code changes in the WebApp that are necessary to support cordova.

Find more information at: