Comments (40)
Stopped working in Chrome OS as well, 64.0.3282.190.
When you open the app, does it just show spin icon?
from chromedeveditor.
I have taken it upon myself to fix this issue because I love this app and do not want it to see the same fate as arc welder
from chromedeveditor.
As soon as I finish my personal projects, (Or get bored), I will make an attempt to have it pass the content security policies.
from chromedeveditor.
@nmcain Nice find! The Google Archive account says "All projects here are completely frozen, though feel free to fork and continue using them on your own."
Want to create a fork that removes the loading screen code?
from chromedeveditor.
Chrome Dev Editor is my favorite Code Editor on Chrome OS. There are plenty of Javascript Apps that I've been develop with it. Sad it's not working anymore :(
from chromedeveditor.
Hey guys, I may have found a fix. Maybe.
A Chrome extension needs to use the CSP compliant script. The CSP compliant scripts are automatically generated by pub build with the extension dart.precompiled. There is also an option 'csp: true' for the Polymer transformer which must be set when Polymer is used. There is also a transformer in the chrome.dart package which does this automatically on pub build.
from chromedeveditor.
from chromedeveditor.
I used a old chrome version and it works fine. I think the latest update some how crashed something.
from chromedeveditor.
Is there anyway we can patch this issue ?
from chromedeveditor.
I'm trying to get the log but I can't figure it where does it stored. Seems /var/log only shows android apps logs
from chromedeveditor.
@nmcain Yeah, ARC Welder was amazing when it came out. It's a shame that it's no longer with us.
from chromedeveditor.
@nmcain do you find a fix though?
There's actually a good alternative called Quantum https://chrome.google.com/webstore/detail/quantum/hmnlklahndgbhdoclhdnoafhafbhmnkm
from chromedeveditor.
I found a fix: I removed the code for the loading screen because the chrome update removed the function where the loader goes away when the page is done loading.
from chromedeveditor.
@nmcain Nice, could you point to us where the loading screen code is? Thanks
from chromedeveditor.
@nmcain Well done yes please tell us where we need to do the change?
from chromedeveditor.
from chromedeveditor.
@rafi16jan Quantum looks cool, but it's ChromeOS only? I'd like to use the same IDE on all my development platforms...
from chromedeveditor.
I wonder if the code can be used to make a decent Flutter based IDE.
This would run on all desktops, Chrome and even mobiles.
https://github.com/google/flutter-desktop-embedding
from chromedeveditor.
I understand that this thread is almost two months old, but it's still open, and I don't see a definitive solution.
So.. I'm pretty naive when it comes to big projects like this.. I understand most code languages, and I'd love to be able to use Chrome Dev Editor. I've read through this thread a few times, as well as the spark.dart file as @nmcain mentioned, but I can't seem to find the correct portion of the code to delete or edit in order to remove the loading screen, which is what the majority of this thread seemed to accept as the solution. However @darthwalsh also mentioned it may be a good idea to create a fork that removes the loading screen code. If that exists, then a simple link to the fork would be great to see.
Best Regards - Richie
from chromedeveditor.
I also have the issue.
The DevTools Log shows:
spark_polymer.html:363 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource: 'wasm-eval'". Either the 'unsafe-inline' keyword, a hash ('sha256-zszB8rWNmzzEpQZ4kDLMJXlSIzMDfBnWIaDamOW5/dk='), or a nonce ('nonce-...') is required to enable inline execution.
[Deprecation] /deep/ combinator is no longer supported in CSS dynamic profile.It is now effectively no-op, acting as if it were a descendant combinator. /deep/ combinator will be removed, and will be invalid at M65. You should remove it. See https://www.chromestatus.com/features/4964279606312960 for more details.
spark_polymer.html_bootstrap.dart.js:69258 Uncaught DOMException: Failed to execute 'createShadowRoot' on 'Element': Shadow root cannot be created on a host which already hosts a shadow tree.
at SparkSelector.dart.Element.createShadowRoot$0 (chrome-extension://pnoffddplpippgcfjdhbmhkofpnaalpg/spark_polymer.html_bootstrap.dart.js:116085:79)
at SparkSelector.dart.Polymer.shadowFromTemplate$1 (chrome-extension://pnoffddplpippgcfjdhbmhkofpnaalpg/spark_polymer.html_bootstrap.dart.js:144836:21)
at SparkSelector.dart.Polymer.parseDeclaration$1 (chrome-extension://pnoffddplpippgcfjdhbmhkofpnaalpg/spark_polymer.html_bootstrap.dart.js:144807:23)
at SparkSelector.dart.Polymer.parseDeclarations$1 (chrome-extension://pnoffddplpippgcfjdhbmhkofpnaalpg/spark_polymer.html_bootstrap.dart.js:144799:16)
at SparkSelector.dart.Polymer._makeElementReady$0 (chrome-extension://pnoffddplpippgcfjdhbmhkofpnaalpg/spark_polymer.html_bootstrap.dart.js:144774:14)
at SparkSelector.dart.Polymer.bindFinished$0 (chrome-extension://pnoffddplpippgcfjdhbmhkofpnaalpg/spark_polymer.html_bootstrap.dart.js:144961:21)
at Object._processBindings (chrome-extension://pnoffddplpippgcfjdhbmhkofpnaalpg/spark_polymer.html_bootstrap.dart.js:188332:10)
at Object._cloneAndBindInstance (chrome-extension://pnoffddplpippgcfjdhbmhkofpnaalpg/spark_polymer.html_bootstrap.dart.js:188135:9)
at Object._cloneAndBindInstance (chrome-extension://pnoffddplpippgcfjdhbmhkofpnaalpg/spark_polymer.html_bootstrap.dart.js:188129:11)
at TemplateBindExtension.createInstance$2 (chrome-extension://pnoffddplpippgcfjdhbmhkofpnaalpg/spark_polymer.html_bootstrap.dart.js:188655:21)
spark_polymer.html_bootstrap.dart.js:155107 UnknownJsTypeError
_handleUncaughtException @ spark_polymer.html_bootstrap.dart.js:155107
spark_polymer.html_bootstrap.dart.js:155112 TypeError: Cannot set property 'textContent' of null
at KeyBindingManager._updateName$1 (spark_polymer.html_bootstrap.dart.js:160839)
at SparkPolymer.initAceManager$0 (spark_polymer.html_bootstrap.dart.js:155232)
at Spark_init___closure.dart.Spark_init___closure.call$1 (spark_polymer.html_bootstrap.dart.js:155864)
at StaticClosure.dart._rootRunUnary (spark_polymer.html_bootstrap.dart.js:103971)
at _CustomZone.dart._CustomZone.runUnary$2 (spark_polymer.html_bootstrap.dart.js:107323)
at _Future__propagateToListeners_handleValueCallback.call$0 (spark_polymer.html_bootstrap.dart.js:104966)
at Object._Future__propagateToListeners (spark_polymer.html_bootstrap.dart.js:104873)
at _Future._completeWithValue$1 (spark_polymer.html_bootstrap.dart.js:104757)
at _Future__asyncComplete_closure0.dart._Future__asyncComplete_closure0.call$0 (spark_polymer.html_bootstrap.dart.js:104952)
at StaticClosure.dart._rootRun (spark_polymer.html_bootstrap.dart.js:103962)
_handleUncaughtException @ spark_polymer.html_bootstrap.dart.js:155112
The source list for Content Security Policy directive 'script-src' contains an invalid source: ''wasm-eval''. It will be ignored.
spark_polymer.html:1 The source list for Content Security Policy directive 'script-src' contains an invalid source: ''wasm-eval''. It will be ignored.
from chromedeveditor.
I just found CDE and became interested in development for Chrome OS. Won't work in Chrome 67 on Linux either :(
from chromedeveditor.
Chrome Dev Editor was cool while it worked, but there's a few other tools you can try now:
If you have a new Chromebook and want to try some new dev-channel features, the new Linux app feature would let you use linux tools for web development: https://www.xda-developers.com/apollo-lake-chromebooks-acer-asus-lenovo-dell-linux-app/
One other way to develop on a Chromebook is to use the Android app support to run Termux through a bash emulator: https://blog.lessonslearned.org/building-a-more-secure-development-chromebook/
from chromedeveditor.
@darthwalsh
Thank you for the suggestions. So the app is not for me, but for another person who has a chromebook. I have a normal PC running Linux. I just want to develop for their chromebook, but develop on my Linux box. I was looking at just doing Android app development because it seems that is where chomebooks are heading.
from chromedeveditor.
@nightsky30 yeah you're better to develop Android Apps than Chrome Apps now, it will be deprecated in favor of Desktop PWA (but extensions still available). But if you're already know web development you should just start develop with PWA frameworks like Polymer, React, Vue, etc.. It works on every browser and OS or even you can put it on a WebView
from chromedeveditor.
@rafi16jan cool, thank you. I'll try looking into PWAs instead.
from chromedeveditor.
I have gotten it to run on windows with nw.js 0.25.4, which uses an older version of chromium from before the security update that broke CDE. It works completely. I will upload a google drive link ASAP. While I am at it, I will try to fix that transparent menu.
PS It works on crossover on Chrome OS
from chromedeveditor.
@nmcain Android CrossOver or Linux CrossOver? And CrossOver only works on Intel based Chromebooks...
from chromedeveditor.
@nmcain Hello. Could you please point me in the correct direction to where that to-be-deleted code is? I am on windows, so linux or chrome-os alternatives are not an option for me. Thanks
from chromedeveditor.
Yeah it turns out it was not a code problem, it was the fact that it used inline scripts or something to violate the chrome security policy. But there were issues in the loading screen and the /deep/ combinator. Nw.js does run on windows, and I have packaged an installer for windows, If you want it I will put it here.
from chromedeveditor.
Yes please @nmcain
from chromedeveditor.
https://drive.google.com/file/d/1prWZ8kGsy8BytTzsbyyuGLyE_B7Yf-r0/view?usp=sharing
from chromedeveditor.
Thank you!
from chromedeveditor.
I'm on Chrome OS and I figured out a way to inspect an app. What code do I delete?
from chromedeveditor.
No code really, I thought it was that issue, but it is actually the chrome security policy. On windows, I would recommend the Google drive Link I posted with an old build of nw.js
from chromedeveditor.
Ah, I see. I guess there's no hope for Chrome OS users, then.
from chromedeveditor.
The application does not load. You have been in the charging screen for a long time.
from chromedeveditor.
always loading
can auther fix it ?
from chromedeveditor.
Unfortunately, no. It is no longer under development, you could fork it and attempt to fix all of the security issues yourself, but this has got to be the second most irritating code I have ever looked at.
from chromedeveditor.
now i have to use Text editor my repo
from chromedeveditor.
That might work! CSP has changed a lot since v64, though.
from chromedeveditor.
Related Issues (20)
- paste functionality doesn't have shortcut
- Enhancement - each open folder should have a separate color for their tabbed files.
- Publishing no longer works...
- How ken I use https running mode?
- Error compiling file
- Please, for the love of God
- Failure to Get polymer packages on CDE 0.23.3550
- Menu Broken HOT 1
- UI bug HOT 3
- the menu is overlapping everything and its select options are not actionable by mouse HOT 2
- Publishing to Chrome Web Store its working there?
- Please verify that you are signed in to Chrome @chromedeveditor HOT 1
- Push to Origin doesn't work
- move robotservice to index side
- Still the Best editor, HOT 3
- "Hamburger menu" in the top left is transparent when clicked and do not take mouse input
- Burger menu options can't be clicked HOT 2
- Menu Transparent and unclickable HOT 2
- Notty10 app is
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from chromedeveditor.