Pdf is not previewable in Electron-Vue Desktop Application - vue.js

I have used electron-vue to create desktop application. I was trying to preview a pdf in my application. I have tried JsPdf, vue-pdf, iframe etc. But nothing has worked.
I am using Vue 2.5.16 version.
I can download the pdf using jspdf but can't preview it. While importing vue-pdf I got unrecognized token error.
Anyone knows any alternative solution?
Any kind of help is highly appreciable.

electron-vue is very outdated.
it uses electron 2.0.4, now we have electron 9.1.0.
you can read it in the dependencys here.
And from a personal project i know that the pdf bug has fixed in 9.0.
Here you find the Github Issue
So at least try to update the dependencys

Related

Output: "[Warning] Could not find workspace while activating"

I'm getting this error when opening VS Code. Does anyone know what it means? I've done some research but didn't get any relevant information :(
I've tried creating a workflow to see if the error disappeared, but it didn't.
It seems that react native is asking for a workspace to start but is it asking that in the first place? Can I disable react native from running when opening VS Code?
The folder opened when the screenshot above was taken was the folder it opens by default, I believe it's the mac "home" personal folder, and I have a folder called "git" inside of it, with all projects.
Given the date of this posting (2023-02-07), you're probably on version 1.10.0 of the extension. This sounds like this bug report in the microsoft/vscode-react-native GitHub repo: [Bug] Extension activating when it shouldn't #1891.
A fix is coming in version 1.10.1.
But it is taking some time and has not been release yet at the time of this writing 2023-01-31:
we're facing some problems in the last release process, recently we're waiting for new publishing PAT access to republish 1.10.1 again, maybe it will publish on marketplace on next week. We have nightly version for extension in marketplace as well, maybe you can use it now.
For now, you can try installing the nightly version.
Also, note from the extension's readme documentation:
Before going any further make sure that you:
have a working React Native environment.
have the emulator utility available in your PATH if you're developing Android applications.
[...]
Got it, this annoying log came from React Native Tools extension. They specify the requirements in the docs:
In my case, I don't have a specific React Native environment or the emulator PATH is not right.

How to Upgrade React Native Version 0.66.3 to 0.70.6?

Currently, my project running on the 0.66.3 version I need to upgrade to react native version 0.70.6. So I have used to following command
npx react-native upgrade
After running this command showing some error I have attached a screenshot please refer.
I am also trying the manual way using react native helper but some files are not available in my project.
so anyone please tell me how I will upgrade my project version?
After Run npx react-native run-android my build was created successfully but 3 errors showing in the metro bundler. I have attached a screenshot of the metro bundler error.
you can specify a React Native version and pass it as an argument:
npx react-native upgrade 0.70.6
you can also refer this official documentation for this
& it will also helps you if you got any error.
https://reactnative.dev/docs/upgrading
I found by changing react-native - index.js and react-native/Libraries/Text - index.js
Follow this link for output:
https://github.com/facebook/react-native/commit/3f629049ba9773793978cf9093c7a71af15e3e8d
Don't know whether it is the right way or not....
Since upgrading an application can break functionality in your app if you do not know what is needed to be changed. the upgrade is tells you to visit the pages to go through and see what has changed throughout the upgrading process.
Other as that I am just needing more information regarding to what is not working. Since upgrading is more as just running a command, its about reading the documentation and see what part is missing and what they replaced the files with. The missing files could be straight-out deprecated and not working with the new version.
As always check the debugger and read every message throughout and visit all links given and see the documentation regarding the upgrade differences, find out if there are any log files you could look at, and talk with people in your company / group of react-native about this.
"Some files are not available in my project"
This part might just be able to google and see if this is still supported or not in the version it could be phased out, or not supported in the version. that's where versioning comes in to play.
I am unsure what files and which libraries are deprecated based on your Opening Post, this needs more information, to help us, help you.

AIR Google Play Services library classes missing apk

I am working on a test app to test an ane I have built with Google Play Services included. I had things working fine, but recently I updated the version of the Google Play Services library I was using, and now when I built the project in Adobe Flash CC, it seems to be stripping out the Google Play Services classes from the apk. When I decompile the apk I can see they are missing. When I put back the old version of GPlay, I can see it doesn't strip them out.
This post mentions a tool within the AIR needs updating (dx.jar) and this post seems to have the same message. I did update that file but it did not fix the issue.
Thanks!
The problem will be with the AIR SDK. You need to update the dx.jar in your AIR SDK, I've logged an issue with Adobe about this but they haven't updated the build tools as yet so we have to do it manually:
Have a look here for the details: http://airnativeextensions.com/knowledgebase/tutorial/5
It's important that you have a recent version of the Android SDK installed and updated for this to work.
Also rather than packaging the Google Play Libraries into your ANE I suggest you use a shared ANE, like this one:
https://github.com/distriqt/ANE-googleplayservices
Otherwise you can cause conflicts with other ANE's that use the Google Play Library.

Implement pdf.js in Apache Cordova

I am trying to develop an Apache Cordova Application with Visual Studio 2013 for Android, using Typescript. I am unable to display my PDF. My program begins by downloading the PDF file to the Android Device from a website. After this though, I am unaware as to how to use pdf.js to display the downloaded PDF. I tried looking at the examples and implementing them on a HTML file in IE, but I've been unsuccessful with all attempts to display any kind of PDF, so a sample that works, but not on Android is also appreciated.
so a sample that works, but not on Android is also appreciated.
The PDF js hello world : http://mozilla.github.io/pdf.js/examples/learning/helloworld.html You can open it on android too.

PhoneGap Build integrated with Dreamweaver CS6 is different than CS5.5, how can I change the assets/www folder?

I used DW5.5 to build a PhoneGap application before, and it was easy to access all of the files within the app to integrate such things as native API functionallity etc...
But now I am using DWCS6, I cant seem to locate the whole app folder structure. All it does is compiles the app to an .apk file (android) and you download it. Am I missing something here?
I am using jQuery mobile and PhoneGap within Dreamweaver CS6 and just tried to test the native API from phonegap, and just cant seem to get it to work. The examples online show the usage of a cordova.js file (which I know is what used to be called phonegap.js or whatever) but the native fiunctionallty doesnt seem to be working.
Any thoughts?? I have been on it all day now so its likely im missing something simple as my head is fuc***.
Thanks :)
I suspect it is Adobe's way of forcing users to pay for their compilation service. AFAIKT, the ability to compile native apps using external programs like Xcode or Eclipse has been removed. I use Dreamweaver 5.5. The issues with mobile app development have been fraught with problems, but, at least, you could find work arounds. I'm hoping that some enterprising CS6 user will find a good workaround for those of us who don't have $$$$ of dollars to buy adobe products, and then more $$ per month to compile the code. Personally, I'm looking for other options. I saved for months to buy cs5.5 and it has never operated as advertised. I found workarounds for Xcode, but nothing for Android. I do like some things about the design/code piece of Dreamweaver, but all in all, I've been disappointed in the product for mobile development.
Keep us posted on your progress.
Thanks.-Rachel
Have you tried copying the Site files from Dreamweaver Source Folder to Eclipse www/assets folder and running it on Android Emulator. This worked for me, at least for simple Hello World index.html file, but it is not working for 5 page - HTML site developed in Dreamweaver CS6.