Giter Club home page Giter Club logo

Comments (40)

bigriff avatar bigriff commented on August 17, 2024 9

Stopped working in Chrome OS as well, 64.0.3282.190.

When you open the app, does it just show spin icon?

from chromedeveditor.

nmcain avatar nmcain commented on August 17, 2024 3

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.

nmcain avatar nmcain commented on August 17, 2024 3

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.

darthwalsh avatar darthwalsh commented on August 17, 2024 2

@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.

rafi16jan avatar rafi16jan commented on August 17, 2024 1

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.

CryogenDev avatar CryogenDev commented on August 17, 2024 1

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.

gio1135 avatar gio1135 commented on August 17, 2024

from chromedeveditor.

RoshanLakmal avatar RoshanLakmal commented on August 17, 2024

I used a old chrome version and it works fine. I think the latest update some how crashed something.

from chromedeveditor.

RoshanLakmal avatar RoshanLakmal commented on August 17, 2024

Is there anyway we can patch this issue ?

from chromedeveditor.

rafi16jan avatar rafi16jan commented on August 17, 2024

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.

gio1135 avatar gio1135 commented on August 17, 2024

@nmcain Yeah, ARC Welder was amazing when it came out. It's a shame that it's no longer with us.

from chromedeveditor.

rafi16jan avatar rafi16jan commented on August 17, 2024

@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.

nmcain avatar nmcain commented on August 17, 2024

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.

YaserAlOsh avatar YaserAlOsh commented on August 17, 2024

@nmcain Nice, could you point to us where the loading screen code is? Thanks

from chromedeveditor.

RoshanLakmal avatar RoshanLakmal commented on August 17, 2024

@nmcain Well done yes please tell us where we need to do the change?

from chromedeveditor.

nmcain avatar nmcain commented on August 17, 2024

from chromedeveditor.

darthwalsh avatar darthwalsh commented on August 17, 2024

@rafi16jan Quantum looks cool, but it's ChromeOS only? I'd like to use the same IDE on all my development platforms...

from chromedeveditor.

 avatar commented on August 17, 2024

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.

MyrmidonGit avatar MyrmidonGit commented on August 17, 2024

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.

Noisytoot avatar Noisytoot commented on August 17, 2024

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.

nightsky30 avatar nightsky30 commented on August 17, 2024

I just found CDE and became interested in development for Chrome OS. Won't work in Chrome 67 on Linux either :(

from chromedeveditor.

darthwalsh avatar darthwalsh commented on August 17, 2024

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.

nightsky30 avatar nightsky30 commented on August 17, 2024

@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.

rafi16jan avatar rafi16jan commented on August 17, 2024

@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.

nightsky30 avatar nightsky30 commented on August 17, 2024

@rafi16jan cool, thank you. I'll try looking into PWAs instead.

from chromedeveditor.

nmcain avatar nmcain commented on August 17, 2024

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.

rafi16jan avatar rafi16jan commented on August 17, 2024

@nmcain Android CrossOver or Linux CrossOver? And CrossOver only works on Intel based Chromebooks...

from chromedeveditor.

jakcharvat avatar jakcharvat commented on August 17, 2024

@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.

nmcain avatar nmcain commented on August 17, 2024

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.

jakcharvat avatar jakcharvat commented on August 17, 2024

Yes please @nmcain

from chromedeveditor.

nmcain avatar nmcain commented on August 17, 2024

https://drive.google.com/file/d/1prWZ8kGsy8BytTzsbyyuGLyE_B7Yf-r0/view?usp=sharing

from chromedeveditor.

jakcharvat avatar jakcharvat commented on August 17, 2024

Thank you!

from chromedeveditor.

ijo-amali avatar ijo-amali commented on August 17, 2024

I'm on Chrome OS and I figured out a way to inspect an app. What code do I delete?

from chromedeveditor.

nmcain avatar nmcain commented on August 17, 2024

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.

ijo-amali avatar ijo-amali commented on August 17, 2024

Ah, I see. I guess there's no hope for Chrome OS users, then.

from chromedeveditor.

luis-fonseca avatar luis-fonseca commented on August 17, 2024

The application does not load. You have been in the charging screen for a long time.

from chromedeveditor.

guimeisang avatar guimeisang commented on August 17, 2024

image
always loading
can auther fix it ?

from chromedeveditor.

nmcain avatar nmcain commented on August 17, 2024

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.

guimeisang avatar guimeisang commented on August 17, 2024

now i have to use Text editor my repo

from chromedeveditor.

nmcain avatar nmcain commented on August 17, 2024

That might work! CSP has changed a lot since v64, though.

from chromedeveditor.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.