Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Oct 26 2017 18:46
    @mathisonian banned @krpx_division_twitter
  • Sep 22 2017 18:27
    @rreusser banned @krpx_group_twitter
Matthew Conlen
@mathisonian
img { display: block; margin: 0 auto; }
hi @acrefoot happy to talk thru in more detail depending on your use case but here's the high level:
you should think about in two different cases, authoring an idyll doc or reading an idyll doc
in authoring an idyll doc what typically happens is that you are developing it on your local machine (essentially running a local server via nodejs to compile all the pieces of the document together)
in this case the only user inputs would be what you (or your collaborators) are writing, and the security issues would be similar to collaborating on any software tool over github
when you publish the doc, everything is compiled to a static bundle of HTML, JS, and CSS
so as a reader i am using the browser sandbox to trust that no malicious code is being executed on my machine
Matthew Conlen
@mathisonian
we don't natively support arbitrary user code input running on a server at any point
so the downside is that it isn't supporting computation kernals a la jupyter (although you could build this on top if motivated) but the upside is security is the same as any static webpage
acrefoot
@acrefoot
Matthew, thank you! That's very clear, and makes a lot of sense. It sounds like serving published docs from untrusted users requires the same risk as running untrusted third-party javascript code, and that's where I should focus my security reasoning and auditing. I'm glad that there's nothing running server-side to worry about--that makes it a lot easier. Any heavy computation might be possible via lots of cleverness with webassembly, but even then will be extremely limited. Anyhow, my current needs are leagues away from those worries. Thanks again!
Matthew Conlen
@mathisonian
if anyone is interested, we are looking for volunteer user testers to help us polish a new idyll authoring tool and guide our development roadmap: https://forms.gle/wrHnwb3fXwuTwfiN8
Birgit Pauli-Haack
@bph_twitter
Is it's possible to create a pie chart like this with idyll. http://pauli.systems/clientprojects/salah/piechart-idea-3Dchart.png
Matthew Conlen
@mathisonian
not possible with the built in components @bph_twitter but if you know of a javascript library that can produce that kind of graphic i can help show how to integrate it with idyll
Birgit Pauli-Haack
@bph_twitter
Thanks, @mathisonian, I'll do some more research then....
bttgcm
@bttgcm
Hi, I am quite a beginner in scripting, how can I calculate something from input variables? meaning:
[Range min:0 max:10 value:A /]
[Range min:0 max:10 value:B/]
[Display value:A*B /] <<<this line is wrong
Thanks
Matthew Conlen
@mathisonian
hey @bttgcm you can put it in backticks:
[Range min:0 max:10 value:A /]
[Range min:0 max:10 value:B/]
[Display value:`A*B` /]
bttgcm
@bttgcm
@mathisonian many thanks. One last question, is there additional documentation aside that one from https://idyll-lang.org? and on your website?
Matthew Conlen
@mathisonian

hey @bttgcm that's the main source of documentation.

markup syntax: https://idyll-lang.org/docs/syntax
tutorials for various common things: https://idyll-lang.org/tutorials
components: https://idyll-lang.org/docs/components

if you're looking for something specific there may be blogs or similar things that people have written about it, i can point you in the right direction if it exists

Dan Marshall
@danmarshall
Hello @mathisonian and everyone, I'm considering using Idyll in conjunction with Gatsby. I see that the last mention of Gatsby in this chat was a few years ago, and I know Gatsby has gone through major versions since then. Let me know if this a silly idea :)
Matthew Conlen
@mathisonian
hey @danmarshall - sorry i missed this (gitter notifications have been spotty recently for some reason)
i personally haven't tried it myself but i think must be do-able. all of idyll's parts are modular so you can take what you need to integrate with something like gatsby. the question is how much glue code you'll end up writing
typically the only thing that i miss when using idyll as an api rather than using the CLI is that the cli gives you some code optimizations in terms of figuring out what components are used in your article and only bundling the necessary stuff. a first pass might be to see if you can integrate without that as proof of concept, then add it in (can also be done via api)
the main thing you likely need is the runtime, which takes in markup (or an AST if you prefer to compile the markup yourself) and turns it into live javascript https://idyll-lang.org/docs/publishing/embedding
Matthew Conlen
@mathisonian
i'm curious to here how it is to try to work with gatsby
i don't actually know what gatsby gives you... i'm kind of assuming its something like nextjs, which is what i have written some sites in (and that plays fine w idyll)
let me know if i'm way off and this is not the right level of abstraction and we can investigate further
Dan Marshall
@danmarshall
Thanks @mathisonian ! Now that I've looked at Next.js I am strongly considering using that instead of Gatsby
Matthew Conlen
@mathisonian
np @danmarshall! if you have questions about that my blog has some examples with next - e.g. passing in a string of markup https://github.com/mathisonian/mathisonian.github.io/blob/master/pages/writing/apparatus.js or from a file https://github.com/mathisonian/mathisonian.github.io/blob/master/pages/writing/a-short-note-on-debuggers.js
Matthew Conlen
@mathisonian
one other good example - the idyll docs: https://idyll-lang.org/docs
we're hosting it on vercel which seems to work pretty well and is pretty performant. the only thing i can't figure out how to do is get it to read the idyll file from the file system rather than shoving it in a string
curious to hear where you end up @danmarshall i think with a little more polish we could get a really nice reusable setup
Johanna E
@johanna-einsiedler
Hi!
I am also quite new to Idyll but really loving it so far - thanks a lot for putting this out!
I was wondering, with the Annotation component is there a way to combine it with a Graphic? I.e. if I hover over a word that a picture is shown?
Matthew Conlen
@mathisonian
hi @johanna-einsiedler, welcome!
unfortunately the annotation component only displays text at the moment, but this seems like a pretty reasonable feature request, it would be good to support
would you mind opening an issue on Github so it has visibility and we can track progress? https://github.com/idyll-lang/idyll/issues/new?assignees=&labels=&template=feature_request.md
Johanna E
@johanna-einsiedler
Thanks a lot @mathisonian!
I see - yes great suggestion, I will open an issue :)
Johanna E
@johanna-einsiedler
Sorry for bothering you so much - but is there a way I can specify that my chart axis should be displayed as a date (and not e.g. 1,900 instead of 1900)?
I am a complete newbie to web development (coming more from the data science side), so my apologies if this is a stupid question.
Matthew Conlen
@mathisonian
@johanna-einsiedler are you using vega lite or the built in [Chart /] for this?
bttgcm
@bttgcm
@mathisonian One more question: I am trying to add a SVG as a background. Is there a tutorial available somewhere? Thank you
gregid
@gregid
Hi, is there a way to generate static/pdf printout of the idyll article - I could use pdf printer from the browser but I am looking for having more control, e.g. specifying page breaks?
suhr
@suhr:matrix.org
[m]
Is there a way to profile Idyll somehow?
jnaiman
@jnaiman
Hi all! In my continuing capacity to break the vega-lite module, I've got a new error:
image.png
version lists:
├── d3@4.13.0
├── gh-pages@3.2.3
├── idyll-d3-component@2.1.0
├── idyll-vega-lite@2.1.0
├── idyll@4.10.4
├── react-dom@16.14.0
├── react@16.14.0
├── vega-lite@5.1.1
└── vega@5.20.2
any tips most appreciated!
(oh and I've tried with the most up-to-date version of idyll as well, same error)