by

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
ultimately idyll generates output that is just a folder of static html/css/js so it should be possible, but i'm not sure i totally understand the setup you have now
drlmnop
@drlmnop
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!
Abednego Mwanza
@AbednegoTM
Just got started learning about how idyll works under the hood . Mostly am reading the code to learn. I would like to know how the idyll-document works. I am experimenting with idyll and react native. I don't know if this is the best place to ask questions along the way.
Matthew Conlen
@mathisonian
@AbednegoTM yes - feel free to ask questions in here. the idyll document is a react component that produces children according to the idyll markup (or idyll AST) that you pass in. essentially its a react component that generates a react tree
hey @drlmnop could you open an issue on github for that? i think it might be using the values vs data property name
Abednego Mwanza
@AbednegoTM
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).
Matthew Conlen
@mathisonian
hey @AbednegoTM
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:
Screen Shot 2020-07-16 at 1.01.46 PM.png
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
Screen Shot 2020-07-16 at 1.03.40 PM.png
it looks for custom components with the name, and if it doesn't find any will fall back to a DOM component
Matthew Conlen
@mathisonian
on line 79 it checks if something is a valid dom component, you'd want to update that logic to check if its a valid react-native component instead i think
and possibly do some translation like div --> view ?
Abednego Mwanza
@AbednegoTM
Thank you @mathisonian that's very helpful , I will let you know how it goes.
EDShapiro
@EDShapiro
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.
EDShapiro
@EDShapiro
My question is on how to create a page preview inside of text popup. Thanks!
Matthew Conlen
@mathisonian
hey @EDShapiro you'll want to create custom component that takes as a property the URL of the page that you want to show
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/
EDShapiro
@EDShapiro
Thank you Matthew, much appreciated.
Kitt
@gerudo7

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.

Matthew Conlen
@mathisonian
@gerudo7 are you able to share some code or a sample repo with the bug?
Kitt
@gerudo7
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" /]
Matthew Conlen
@mathisonian
thanks @gerudo7 - taking a look now
Matthew Conlen
@mathisonian
Screen Shot 2020-08-06 at 5.50.41 PM.png
weird, its loading for me in FF @gerudo7
im on MacOS
going to test in some other browsers
Matthew Conlen
@mathisonian
and i'm guessing there are no errors in the Javascript console when you run that? I would also recommend looking in the "network" tab in developer tools to see if any of the network requests are blocked or failing
Kitt
@gerudo7
Looking in the network tab I found that it wasn't connecting to the source of the iframe at all... Fiddling with the cookie settings seems to have fixed it. Sorry, thank you for your help!
Carl Sutherland
@cesutherland

hi folks :wave:

I've been noodling with web-based notebook/interactive doc libraries for a while (Idyll, ObservableHQ, MDX & MDsveX). I'm wondering, is there an online community for these tools in general?

Matthew Conlen
@mathisonian
hey @cesutherland, welcome
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
Carl Sutherland
@cesutherland
thanks Matthew, I'll check them out!
jnaiman
@jnaiman
tester.png
Hi folks! I'm getting an error when I try to access some of the docs (this was from docs/component/select)
Ricky Reusser
@rreusser
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
Ricky Reusser
@rreusser
(though if it's not broken, then there's nothing here to fix :) )
Matthew Conlen
@mathisonian
@jnaiman should be fixed now