Hello. When trying to build tables, I get output similar to the example in the docs: https://idyll-lang.org/docs/components/default/table. This also occurs when using standard HTML table tags (in idyll format). Has this been looked into at all/is there more info needed to get the content to display? Thanks!
hey @drlmnop could you open an issue on github for that? i think it might be using the
values vs data property name
Thank you @mathisonian . I have so far made a bit of some progress I will soon be able to render something in react native. I want to focus mostly on how idyll-document distinguishes different elements , because I am sure I would need to render certain elements based on platform (Android / iOS).
let's assume that you're passing an AST to the idyll-document
the AST is a structure like this that specifies how the document is laid out and what components to use:
this is what the compiler outputs when you run
compile(stringOfIdyllMarkup)
notice the
name field, this is how we determine which component/element to render
the
idyll-document needs to go from that name field to a react (dom) component
it looks for custom components with the name, and if it doesn't find any will fall back to a DOM component
and possibly do some translation like div --> view ?
Hey all, first post. I am trying to create an educational idyll multipage and resource to support a physics II course. The page will contain useful mathematical & physics background information to support students. The idea is to create separate pages the contain the mathematical and physics information, but to also embed links on each page to allow for cross-referencing other pages. I would also like these links to popup when a student hovers over the link. So pretty much a wikipage for physics and math, but specific to the way the material is being taught at the university I work for.
you use a react library like https://github.com/gilbarbara/react-floater to do the heavy lifting for you
there's more info on using custom react components here: https://tanalan.github.io/idyll-react-components-tutorial/
Hi all, our team has encountered a strange issue with the iframe tag.
There is one iframe tag (from trinket.io) which doesn't load in Idyll using Firefox - it just generates a blank space the size of the embed. It loads fine in Edge, and it loads fine if I build the page then view the generated index.html with Firefox or create a test page in plain html. Trying to embed an iframe from a different website (desmos) also worked fine running Idyll and viewing the page in Firefox.
Has anyone else experienced a similar issue, or does anyone know who we should talk to? We're having trouble pinning down what the source of the issue is.
Yes, sorry! I replicated the issue making a new Idyll post with only this code:
[meta title:"My Idyll Post" description:"Short description of your project" /]
[Header
fullWidth:true
title:"My Idyll Post"
subtitle:"Welcome to Idyll. Open index.idyll to start writing"
author:"Your Name Here"
authorLink:"https://idyll-lang.org"
date:`(new Date()).toDateString()`
background:"#222222"
color:"#ffffff"
/]
This iframe loads in Edge, but does not load in Firefox or Opera GX.
[iframe src:"https://trinket.io/embed/pygame/429db74106?toggleCode=true" width:"100%" height:"600" allowFullScreen:"true" /]
weird, its loading for me in FF @gerudo7
im on MacOS
going to test in some other browsers
the tools generally have there own chats for discussing specifics related to that technology
but you should check out https://explorabl.es/ as a community of folks who are interested in interactive documents in general
there's also https://futureofcoding.org/ although thats more about programming tools and less about writing / interactive graphics
im not sure where else, i'm sure others in this chat may have ideas
Hi folks! I'm getting an error when I try to access some of the docs (this was from docs/component/select)
Full link: https://idyll-lang.org/docs/component/select
I didn't know this was possible, but people using idyll may be able to find interesting uses for this feature of katex which allows you to add classes/ids to elements of a rendered equation: KaTeX/KaTeX#2082
ah, here's a better summary: https://katex.org/docs/supported.html#html
or it might simplify this code by allowing to explicitly wrap variables: https://github.com/idyll-lang/idyll/blob/ce5f5d440a91901a80541f4f88481b4b9a413fea/packages/idyll-components/src/equation.js#L57
(though if it's not broken, then there's nothing here to fix :) )