How to develop and test Svelte components - es6-modules

Svelte 3 FAQ states that testing Svelte (components) isn't really thought out, yet - that there's no template or workflow to follow.
I found EmilTholin's svelte-spinner to be the best such, and gave it a try. However, in the example side, it pulls in the Spinner component from npm, instead of using the component under development.
My take is here: https://github.com/akauppi/svelte-spinner
I've tried to set it up for:
- testability
- fast change-to-demo cycle (no npm publishing involved)
Would someone with Svelte or module experience care to help? The remaining piece is that my Spinner component isn't found by the application.
Also other comments on the design / choices are welcome. Maybe we can get a pattern that works well for development, demoing, testing and publishing of components, using Svelte 3.

Was able to solve the acute problem - just reading the warnings and maybe update of npm dependencies helped.
Anyhow, since there are no established ways of testing/developing Svelte-made components, I'm leaving this entry visible in the hope that someone would share insights as to good practices on using Svelte.

Related

Simple pilist prototype pollution dependabot alert

I’m working on a JavaScript/typescript project and I have used the github provided code scanner CI. Until one day I found a warning popping up saying:”simple-plist v1.3.0 was discovered to contain a prototype pollution vulnerability via .parse().” I thought updating the package should fix it but github says there was not patched version. I’m just wondering should I ignore this warning or should I do something about it? Even know they said this is a critical vulnerability 9.8/10.bit
Any help will be appreciated!

Most reliable JSON viewer/editor module for AngularJS

I now need to add a feature on the app I'm building a json editor. I would like to know which module have you tried before that you think is stable and worked really well.
The source data is already in json format which I receive from an API call. I already have a button which will call $scope.viewJson() but I'm still missing which json editor module I should use. I saw this today but not sure if there is another few ones that are better - https://github.com/rodikh/angular-json-editor
I'm the author of https://github.com/rodikh/angular-json-editor.
It's basically a directive wrapper for jdorn's json-editor. His project is very popular and in active development. Both it, and my wrapper are safe to use.
If you have any feature requests or issues with my wrapper, feel free to submit an issue on github and I'll try my best to resolve them.
The best one (to my mind, but anyone is free to disagree my opinion) is formly
formly site
formly github
formly documentation
PROS :
complete (you can make beautiful and unique forms : templates are some kind like unlimited)
well documented
easy to implement
CONS :
you have to design your own builder (it is not a problem to my mind)
i know this question is old.. but i was looking for this for quite for some time.
and i found this editor 's tutorial: Ace builds
Ace builds tutorial
i found maximum above editor unmaintained.
you can check its github repo here
ace build GitHub repo
i hope it saves someone's time.

Dart2JS compiler exception when minify is used on google_maps package

I have been building a web application with Dart and AngularDart upon Google Maps. I noticed a problem since the begin of the process even though I tested the development Dart sdk, and today the latest dart sdk (version 1.0.0.10_R30798) and still face the problem.
Firstly the packages I am using are shadow_dom, google_maps and AngularDart.
When I build my application WITH --no-minify option it works great, even in all the browsers after fiddling around with shadow_dom for a week (I should add the shadow_dom script BEFORE everything else to work properly).
The problem is that when I build normally (minify) or even directly using Dart2JS compiler with the --minify option the application does not run and I get an exception.
Above you can see the two cases, where in the first the application loads the google maps correctly and in the second picture the google maps are not loaded and I get that exception.
More importantly is that if I use a 3rd party minifier to minify the original main.dart.js file (the unminified) it works perfectly fine.
Thank you
The 2.x version of google_maps package has removed the dependency on dart:mirrors and is only based on dart:js. So the minification problem should come from another part of your code.
Moreover I just tested the map-simple example with --minify and it works.
Usually this can be solved with the #MirrorsUsed annotation if it's 3rd-party code that is affected.
It's easier with your own code where you just have to add #reflectable to the affected functions/methods/fields to ensure they are retained.
It may be hard to find what functions/methods/fields should be included when the names are minified.
Maybe you can gain some knowledge by looking at the stack trace.
Minification usually drops code that is not referenced anywhere.
In Polymer this is because polymer expressions {{ expr }} in HTML are not yet considered.
If you invoke parts of the code only by reflection this is also not recognized.
I have no experience with regard to Angular and minification.
This is just generic advice about problems with minification through pub build.

jQMobi documentation mirror

Just got started and running with jqMobi, which is now called 'intel's application framework' (cheesy name eh)
Along with intel's porting to their new site, they forgot to put the full docs online (at least I can't find it). Now there's only minimal documentation, like the getting started. I'd like to get on with it.
Anyone knows where the (full) docs are hosted? I really hate to go look for another framework again.
The documentation is all there. The only thing they did not add was the "testdrive", which is just the kitchen sink sample found in github
In my opinion the docs are somewhat scattered, but there's some helpful stuff if you can find it. I keep bookmarks for these links. There are some links from those that get you to more stuff.
http://html5dev-software.intel.com/documentation/jqmobiapis/index.html
http://app-framework-software.intel.com/documentation.php?r=9057
http://developer.html5dev-software.intel.com/
http://www.html5dev-software.intel.com/documentation/
Actually they split off where appMobi is a cloud services company to support apps, and Intel took the part to build the apps. So you may still need/want appMobi. Their docs are on their site of course. There is still some duplication on the appMobi site.
Technically I don't think jqMobi is the same thing as the Intel App Framework, but at the same time I have a hard time understanding what's called what anymore. I'm sure they'll clear this up over time. I hope they find names that can be useful tags on stackoverflow.com!

Zotonic- where can a quickstart be found

I have been to the zotonic docs, but well, they have not really been helpful because everything is in bits and pieces over there. I am an averagely good erlang programmer and i guess what i need is a full example of a web site or web app, however simple, but from ground up. Usually, an example built ground up would be used to illustrate all the basic concepts of a library. Forexample, how is a site arranged ? how and where do i put these files ? what does this config mean ? which options are there for this task ? e.t.c.
Zotonic looks great on the outside and i would love to dive into it. It looks like the only Erlang easy-way of building a web site and managing a web site using erlang.Question: Has anyone come across a full-fledged Zotonic-built web site or web app, whose source he can share or a tutorial coming from ground up, especially for Erlang programmers, that can get one really started ? Something similar to this Django introduction Also, are there any builds for Zotonic that can install on a windows Server ?
I'm developing (in my spare time, which hasn't been much lately) a project/issue tracker in zotonic. Code is available here: https://github.com/kaos/trackz and a demo site running the code here: http://trackz.astekk.se/
It's in it's early stages, so it won't be too hard to follow the progress from scratch by looking at the commits made, to that end, it's not much to look at either, yet.
It is developed against 0.8.x, so it probably won't be without issues to run it on 0.9-dev.
I also have some articles about zotonic internals (how to write modules for zotonic) and other related topics here: http://blog.astekk.se/en/by_keyword/318/zotonic
Hope this fills in at least some of your questions :)
Hint:
Study the data model and directory structure. Once you grok that, the rest will come easy.