[{"data":1,"prerenderedAt":879},["ShallowReactive",2],{"project-25352385":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":29,"sentiment":30,"stance_mix":31,"scored_comments":36,"aspects":37,"strip":48,"post_text":52,"what":53,"said":77,"maker_in_thread":191,"shape":203,"grid":206,"attempts":841,"same_week":842,"maker_shows":18,"maker_hidden":871,"reader_version":872,"card":873},"25352385","Web Data Render (WDR)","This website is valid JSON","title","Show HN: This website is valid JSON","https:\u002F\u002Fwebdatarender.com\u002F","webdatarender.com","gpnt",1607466811,2020,604,229,29,3028,1,"legend","languages","web page data format","library",[24,25,26,27,28],"json","html rendering","data format","quirks mode","web publishing","mixed",-0.121,{"positive":32,"neutral":33,"mixed":34,"critical":35},23,46,7,40,116,{"execution":38,"idea":41,"design":44,"docs":46,"performance":47},{"positive":39,"critical":40},0,9,{"positive":42,"critical":43},22,28,{"positive":18,"critical":45},3,{"positive":39,"critical":39},{"positive":39,"critical":39},[45,45,18,18,49,18,18,49,50,18,49,50,39,45,39,39,39,45,39,18,50,49,39,45,45,50,45,45,18,45,18,18,45,50,50,51,50,45,49,18],2,4,5,null,{"problem":54,"audience":52,"pricing":52,"motivation":64,"time_to_build":52,"stack":68,"openness":74,"stage":75,"team_size":76},{"value":55,"source":56,"evidence":57},"Separating website content from design so the same JSON can be consumed outside the browser","maker",[58,61],{"id":59,"by":11,"text":60},"25354136","I created this tool with a very odd necessity: I hate animations and overlay ;). I would like to have access to the website data directly and build my own interface, but for…",{"id":62,"by":11,"text":63},"25354330","The idea is to separate the data in JSON completely to be consumed outside the browser if needed, but still render correctly in the browser. The traditional javascript framework…",{"value":65,"source":56,"evidence":66},"Maker dislikes animations and overlays and wants direct access to website data to build own interfaces",[67],{"id":59,"by":11,"text":60},[69],{"value":70,"source":71,"evidence":72},"JavaScript","inferred",[73],{"id":62,"by":11,"text":63},"open_source","beta","unknown",{"praise":78,"objections":95,"requests":148,"questions":156,"alternatives":168},[79],{"value":80,"source":81,"evidence":82},"Clever hack, interesting idea","commenter",[83,87,91],{"id":84,"by":85,"text":86},"25353922","cocktailpeanuts","what kind of sorcery is this...",{"id":88,"by":89,"text":90},"25354547","Gollapalli","I love this! You could use this to syndicate blog posts, sort of like RSS, except each entry is JSON and could be viewed as it's own page rendered by it's own renderer (carried…",{"id":92,"by":93,"text":94},"25354047","allenu","I love this. I read through the page source before reading the content of the blog fully to work out what it does. Really simple idea, but clever!",[96,111,122,133],{"value":97,"source":81,"evidence":98},"Not valid HTML; relies on quirks mode which is brittle",[99,103,107],{"id":100,"by":101,"text":102},"25356843","lqet","> For example, this is a valid JSON and web page This is a nice project, but it isn't valid HTML. https:\u002F\u002Fvalidator.w3.org\u002Fnu\u002F?doc=https%3A%2F%2Fwebdatarender.com%2F",{"id":104,"by":105,"text":106},"25354492","bogidon","For those like me who needed a little help... I do not fully understand the browser rendering process (someone who does please chime in), but what I gather about how this is…",{"id":108,"by":109,"text":110},"25354114","ajxs","It's a neat trick using the Browser's Quirks Mode to load JSON that can bootstrap a framework, I'm not sure I really understand the benefit though. In order to actually get to…",{"value":112,"source":81,"evidence":113},"Markdown in JSON is still markup, contrary to the claim",[114,118],{"id":115,"by":116,"text":117},"25353756","ipsum2","I'm confused about: > The JSON must contain only pure information without any concern about design or markup. All the design and markup required to render the page must be inside…",{"id":119,"by":120,"text":121},"25357964","beshrkayali","From what I can see, your JSON still contains \"style\" information in the form of Markdown. So this doesn't really separate information from design. If we're going to accept…",{"value":123,"source":81,"evidence":124},"Does not work in some browsers such as IE11 and possibly Chrome",[125,129],{"id":126,"by":127,"text":128},"25360249","tyingq","IE11 doesn't render anything. Console errors: HTML1527: DOCTYPE expected. Consider adding a valid HTML5 doctype: \"\u003C!DOCTYPE html>\". webdatarender.com (2,0) HTML1513: Extra…",{"id":130,"by":131,"text":132},"25356882","nkjoep","It doesn't work on my Chrome 87.0.4280.88 MacOS. It works on Safari though.",{"value":134,"source":81,"evidence":135},"Solves no clear problem; XSLT or Accept-header negotiation already exist",[136,140,144],{"id":137,"by":138,"text":139},"25354070","amanzi","This is an interesting technical hack, but I have to ask what problem this is aiming to address?",{"id":141,"by":142,"text":143},"25355852","Animats","I think someone just re-invented XSLT.",{"id":145,"by":146,"text":147},"25358428","stephenr","Or you could... you know.. do type negotiation per-request based on the Accept header, and serve the rendered markup sans JSON bullshit to clients requesting markup, and the JSON…",[149],{"value":150,"source":81,"evidence":151},"Test the file:\u002F\u002F and Firefox encoding warning",[152,155],{"id":153,"by":105,"text":154},"25354881","Hey! Yes, however now I notice that this is only when running locally. I took your page, replaced script and css with absolute links, and loaded locally as file:\u002F\u002F",{"id":104,"by":105,"text":106},[157],{"value":158,"source":81,"evidence":159},"Does it depend on JSON key order?",[160,164],{"id":161,"by":162,"text":163},"25354788","trevor-e","The json.org description of an \"object\" is: > An object is an unordered set of name\u002Fvalue pairs. But this site seems to be assuming that the key\u002Fvalue pairs are parsed in their…",{"id":165,"by":166,"text":167},"25369171","SrslyJosh","Relying on the order of keys in an object seems like a bad idea.",[169,177,184],{"value":170,"source":81,"evidence":171},"XSLT",[172,176],{"id":173,"by":174,"text":175},"25353814","habitue","This is a really cool hack. > The JSON must contain only pure information without any concern about design or markup. Wellll.. I mean the json has markdown syntax in it. That's a…",{"id":141,"by":142,"text":143},{"value":178,"source":81,"evidence":179},"Reddit .json endpoints",[180],{"id":181,"by":182,"text":183},"25354494","quineoa","Isn't Reddit like this, in a way? You can append \".json\" at the end and get the data for a page. Others can build their own UI on top of this, if they don't prefer the first…",{"value":185,"source":81,"evidence":186},"JSON resume tooling",[187],{"id":188,"by":189,"text":190},"25354237","spondyl","You know, I once had a resume powered by JSON. It was rendered to a PDF (and HTML) but the syntax was backed by JSON. This was years back and I shudder to even recall the idea. I…",{"comments":32,"answered":192,"key":193},8,[194,197,200],{"id":195,"text":196},"25354612","I don't see this error on FF. Are you seeing this on the console? I put the meta tag to render some special characters without relying on the server, but HTTP header would be a…",{"id":198,"text":199},"25354993","hmm, I didn't find this error locally either. I will try using file:\u002F\u002F. Thanks for the report. Also, if you are interested, the project is on GitHub:…",{"id":201,"text":202},"25354073","Yeah, I thought about using XML\u002FXSLT too, but I think JSON would be more aligned with today's tools. Also, the render could be written in React or Vue, and add all the…",{"commenters":204,"max_depth":34,"maker_replies":32,"first_comment_mins":50,"lifespan_hours":205},152,33,[207,209,212,215,218,220,222,223,224,227,231,234,238,242,245,249,252,256,260,263,267,270,273,276,279,282,284,287,290,293,296,299,301,304,308,311,314,317,319,322,324,327,330,332,335,338,340,343,346,348,351,354,357,360,363,365,367,369,371,374,377,381,384,386,388,389,392,394,397,399,402,405,408,411,414,417,420,423,426,429,432,434,437,440,443,446,448,451,454,456,459,461,464,466,469,471,473,475,477,480,483,487,489,492,494,497,500,504,506,508,510,513,516,518,521,524,526,529,532,535,537,540,542,544,547,550,551,554,556,559,561,564,566,569,572,574,577,580,582,584,586,590,592,595,598,600,604,606,609,612,615,618,620,623,625,628,629,631,633,635,639,643,645,647,650,651,654,656,658,661,663,665,667,669,672,674,676,677,679,683,686,688,691,693,695,699,701,703,705,708,711,713,717,721,725,729,732,735,738,741,746,749,753,757,760,762,766,770,774,777,780,783,785,787,789,793,795,799,802,806,810,814,818,822,826,830,834,837,839],[104,39,45,208,105,39],"project\u002Fneutral\u002Fexecution",[210,39,45,208,211,39],"25354564","pjgalbraith",[213,39,45,208,214,39],"25355700","mstade",[216,39,45,208,217,39],"25355845","jammaloo",[219,39,45,208,211,39],"25368773",[195,39,39,221,11,18],"maker\u002Fneutral\u002Fexecution",[153,39,45,208,105,39],[198,39,39,221,11,18],[225,39,45,208,226,39],"25355767","missblit",[228,39,39,229,230,39],"25356293","commenter\u002Fneutral\u002Fnone","necovek",[232,39,39,229,233,39],"25357790","myfonj",[235,39,18,236,237,39],"25354741","project\u002Fcritical\u002Fidea","greggman3",[239,39,39,240,241,39],"25355233","commenter\u002Fcritical\u002Fidea","Kalium",[243,39,39,240,244,39],"25356655","pwdisswordfish4",[246,39,45,247,248,39],"25355374","project\u002Fneutral\u002Fidea","CGamesPlay",[250,39,18,236,251,39],"25356775","Arnavion",[253,39,45,254,255,39],"25356801","project\u002Fmixed\u002Fidea","ben174",[257,39,39,258,259,39],"25356830","other\u002Fneutral\u002Fnone","quickthrower2",[261,39,18,236,262,39],"25357113","croon",[264,39,39,265,266,39],"25355751","other\u002Fneutral\u002Fidea","BeefWellington",[268,39,39,258,269,39],"25356623","pietroppeter",[271,39,18,236,272,39],"25355964","chrismorgan",[274,39,18,236,275,39],"25356070","lifthrasiir",[277,39,45,208,278,39],"25357829","aidos",[280,39,45,208,281,39],"25360636","bzbarsky",[283,39,45,208,275,39],"25361279",[285,39,39,229,286,39],"25356564","jrockway",[288,39,18,236,289,39],"25356633","Gehinnn",[291,39,39,258,292,39],"25357264","MaxBarraclough",[294,39,18,295,272,39],"25356766","project\u002Fcritical\u002Fexecution",[297,39,39,229,298,39],"25358867","Spivak",[300,39,39,229,272,39],"25360589",[302,39,39,258,303,39],"25357181","Daho0n",[305,39,39,306,307,39],"25357680","commenter\u002Fneutral\u002Fidea","sillysaurusx",[309,39,18,295,310,39],"25357791","ryanbrunner",[312,39,45,208,313,39],"25357831","silvester23",[315,39,45,208,316,39],"25358587","jacob019",[318,39,18,236,272,39],"25357880",[320,39,39,321,307,39],"25357917","commenter\u002Fpositive\u002Fidea",[323,39,18,236,272,39],"25360424",[325,39,18,295,326,39],"25358069","cubic",[328,39,39,229,329,39],"25358818","zeven7",[331,39,39,229,272,39],"25360519",[333,39,18,236,334,39],"25358184","toyg",[336,39,51,337,298,39],"25358800","project\u002Fpositive\u002Fidea",[339,39,51,337,272,39],"25360486",[341,39,51,337,342,39],"25361329","TimTheTinker",[344,39,51,337,345,39],"25361417","93po",[347,39,39,229,272,39],"25362644",[349,39,18,236,350,39],"25358378","peey",[352,39,18,236,353,39],"25360363","sequoia",[355,39,39,306,356,39],"25360841","LockAndLol",[358,39,39,229,359,39],"25361089","TheKarateKid",[361,39,39,258,362,39],"25361511","svachalek",[364,39,39,258,359,39],"25367255",[366,39,18,236,272,39],"25362900",[368,39,39,306,359,39],"25367229",[370,39,18,236,272,39],"25370892",[372,39,18,295,373,39],"25368712","Ayesh",[375,39,51,337,376,39],"25356032","johnx123-up",[378,39,45,379,380,39],"25360884","project\u002Fneutral\u002Fnone","botch_san",[382,39,45,208,383,39],"25356806","globular-toast",[385,39,45,208,233,39],"25357822",[387,39,45,208,281,39],"25360535",[173,18,45,254,174,39],[390,18,39,258,391,39],"25353974","np_tedious",[201,18,39,393,11,18],"maker\u002Fneutral\u002Fdesign",[395,18,51,396,174,39],"25354151","maker\u002Fpositive\u002Fidea",[398,18,39,258,11,18],"25354260",[400,18,39,265,401,39],"25354408","crdrost",[403,18,39,258,404,39],"25354533","fiddlerwoaroof",[406,18,39,258,407,39],"25354872","jerf",[409,18,39,258,410,39],"25356427","oever",[412,18,39,258,413,39],"25356522","bb010g",[415,18,39,258,416,39],"25357414","throwaway890369",[418,18,45,208,419,39],"25356661","int_19h",[421,18,39,258,422,39],"25354313","karlshea",[424,18,39,258,425,39],"25354386","ChrisMarshallNY",[427,18,39,258,428,39],"25354485","soneil",[430,18,39,258,431,39],"25354331","mark_and_sweep",[433,18,39,258,431,39],"25354743",[435,18,39,258,436,39],"25355848","vincnetas",[438,18,39,258,439,39],"25355582","arpa",[441,18,39,258,442,39],"25355849","dylan604",[444,18,39,258,445,39],"25356802","durnygbur",[447,18,39,258,425,39],"25354371",[449,18,39,258,450,39],"25354573","peteretep",[452,18,39,229,453,39],"25354764","ebruchez",[455,18,39,229,425,39],"25356922",[457,18,39,258,458,39],"25355552","Kimitri",[460,18,39,258,214,39],"25355713",[462,18,39,258,463,39],"25355857","DaiPlusPlus",[465,18,39,258,410,39],"25356419",[467,18,39,258,468,39],"25357248","rapnie",[470,18,39,258,419,39],"25356528",[472,18,39,258,425,39],"25356955",[474,18,39,258,410,39],"25357283",[476,18,39,258,419,39],"25356539",[478,18,39,258,479,39],"25354566","iamthepieman",[481,18,39,265,482,39],"25354678","jdeisenberg",[484,18,45,485,486,39],"25354680","project\u002Fneutral\u002Fdesign","ardy42",[488,18,39,229,174,39],"25355927",[490,18,39,258,491,39],"25355550","zelly",[493,18,39,258,439,39],"25355590",[495,18,39,258,496,39],"25355722","rabidrat",[498,18,39,258,499,39],"25355851","mst",[501,18,39,502,503,39],"25355988","other\u002Fcritical\u002Fnone","recursive",[505,18,39,229,419,39],"25356608",[507,18,39,229,503,39],"25359672",[509,18,39,229,491,39],"25363995",[511,18,39,258,512,39],"25356592","otabdeveloper4",[514,18,39,258,515,39],"25357999","lattay",[517,18,39,258,334,39],"25358252",[519,49,18,236,520,39],"25356322","fps_doug",[522,49,51,337,523,39],"25358780","whoomp12342",[525,49,51,337,345,39],"25361452",[527,49,39,528,11,18],"25364136","maker\u002Fneutral\u002Fidea",[530,45,45,208,531,39],"25354987","jstrieb",[533,45,45,208,534,39],"25356598","ohmaigad",[536,45,45,208,531,39],"25356901",[538,50,18,236,539,39],"25354603","minikomi",[541,50,39,528,11,18],"25354625",[543,50,39,229,539,39],"25355264",[545,50,45,247,546,39],"25354784","escherize",[548,50,45,247,549,39],"25355406","bhl",[188,51,39,258,189,39],[552,51,39,258,553,39],"25354298","vlovich123",[555,51,39,258,189,39],"25364032",[557,51,39,258,558,39],"25354333","throwaway2245",[560,51,39,258,189,39],"25364020",[562,51,39,258,563,39],"25354455","rewtraw",[565,51,39,258,189,39],"25363939",[567,51,39,258,568,39],"25357486","gpvos",[570,51,39,258,571,39],"25359322","trevordixon",[181,573,45,247,182,39],6,[575,573,39,258,576,39],"25354556","zdragnar",[578,573,45,247,579,39],"25354614","Felk",[581,573,39,528,11,18],"25354704",[100,34,45,583,101,39],"project\u002Fmixed\u002Fexecution",[585,192,39,528,11,18],"25352431",[587,192,45,588,589,39],"25352940","project\u002Fneutral\u002Fdocs","lrossi",[591,192,39,588,11,18],"25353013",[593,192,45,208,594,39],"25354653","bluehex",[596,192,45,208,597,39],"25353704","achairapart",[599,192,18,295,589,39],"25356938",[601,192,51,602,603,39],"25352943","project\u002Fpositive\u002Fdesign","ilovefood",[605,192,39,528,11,18],"25353054",[607,192,51,337,608,39],"25354353","eyelidlessness",[610,192,39,611,11,18],"25354425","maker\u002Fneutral\u002Fnone",[613,192,45,208,614,39],"25355434","cortesoft",[616,192,45,583,617,39],"25355586","enw",[619,192,39,258,499,39],"25355867",[621,192,39,229,622,39],"25355937","forgotmypw17",[624,192,39,258,499,39],"25357594",[626,192,51,337,627,39],"25361461","ben509",[115,40,18,236,116,39],[630,40,39,528,11,18],"25354239",[632,40,39,306,407,39],"25354890",[634,40,39,528,11,18],"25355058",[636,637,45,247,638,39],"25354772",10,"russellbeattie",[640,641,45,247,642,39],"25355954",11,"jhgg",[644,641,39,258,275,39],"25356065",[137,646,18,236,138,39],12,[648,646,18,236,649,39],"25354119","chii",[59,646,39,528,11,18],[652,646,45,254,653,39],"25354233","szhu",[655,646,39,528,11,18],"25354891",[657,646,45,528,653,39],"25359506",[659,646,45,660,93,39],"25354327","project\u002Fmixed\u002Fdesign",[662,646,39,528,11,18],"25354401",[664,646,45,208,614,39],"25355388",[666,646,39,258,608,39],"25354325",[141,668,18,236,142,39],13,[670,668,45,208,671,39],"25357982","flyx86",[126,673,18,295,127,39],14,[108,675,18,236,109,39],15,[62,675,39,528,11,18],[678,675,18,236,109,39],"25354922",[680,681,18,236,682,39],"25355141",16,"lxe",[119,684,18,685,120,39],17,"project\u002Fcritical\u002Fdesign",[161,687,45,208,162,39],18,[689,687,39,229,690,39],"25354884","ceejayoz",[692,687,39,208,11,18],"25355132",[694,687,39,229,272,39],"25356040",[696,697,39,258,698,39],"25356295",19,"fanick",[88,700,51,337,89,39],20,[702,700,39,306,11,18],"25354961",[145,704,18,236,146,39],21,[706,42,39,258,707,39],"25353978","thomasfromcdnjs",[709,32,51,337,710,39],"25356727","rognjen",[712,32,39,306,11,18],"25364802",[714,715,45,247,716,39],"25358189",24,"znpy",[718,719,51,337,720,39],"25356698",25,"wgx",[722,723,18,236,724,39],"25361823",26,"sonicrocketman",[726,727,45,247,728,39],"25353907",27,"neolog",[730,727,45,247,731,39],"25354689","loa_in_",[733,727,39,229,734,39],"25354810","unnouinceput",[736,43,51,337,737,39],"25358205","bsldld",[739,16,39,258,740,39],"25354781","max_",[742,743,45,744,745,39],"25354123",30,"project\u002Fneutral\u002Fperformance","gwbas1c",[747,743,39,748,11,18],"25354178","project\u002Fpositive\u002Fperformance",[750,751,51,337,752,39],"25354540",31,"bikamonki",[754,755,45,485,756,39],"25358933",32,"tiborsaas",[758,205,51,337,759,39],"25356953","gildas",[92,761,51,337,93,39],34,[763,764,39,265,765,39],"25356930",35,"z3t4",[767,768,51,337,769,39],"25357203",36,"adibalcan",[771,772,45,583,773,39],"25354760",37,"baddate",[775,776,51,337,445,39],"25356794",38,[778,779,18,236,512,39],"25356557",39,[781,35,45,744,782,39],"25356361","raoof",[84,784,51,337,85,39],41,[130,786,18,295,131,39],42,[788,786,39,208,11,18],"25364909",[790,791,45,247,792,39],"25358500",43,"Asmod4n",[165,794,18,295,166,39],44,[796,797,51,337,798,39],"25356521",45,"whereistimbo",[800,33,45,379,801,39],"25355519","User23",[803,804,45,247,805,39],"25354611",47,"crb002",[807,808,18,295,809,39],"25356680",48,"outsomnia",[811,812,39,258,813,39],"25362985",49,"parisianka",[815,816,51,337,817,39],"25357249",50,"tunnuz",[819,820,18,236,821,39],"25358758",51,"minho-comcom-ai",[823,824,45,588,825,39],"25357799",52,"brianzelip",[827,828,18,685,829,39],"25356737",53,"FriedrichN",[831,832,18,236,833,39],"25359007",54,"pixelbreaker",[835,836,18,236,491,39],"25355094",55,[838,836,39,379,11,18],"25355185",[840,836,18,685,491,39],"25355568",[],[843,848,853,858,863,866],{"id":844,"name":845,"points":846,"category":847},"25328622","Boltstream",510,"infrastructure",{"id":849,"name":850,"points":851,"category":852},"25361224","Hystoria",375,"productivity",{"id":854,"name":855,"points":856,"category":857},"25365397","Recipe Search",349,"consumer_social",{"id":859,"name":860,"points":861,"category":862},"25355580","Slices",219,"games",{"id":864,"name":865,"points":861,"category":852},"25358108","Typefully",{"id":867,"name":868,"points":869,"category":870},"25356156","RecipeNLG",189,"learning_science",false,"v2",{"id":874,"name":5,"line":6,"ai":871,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":875,"top":18,"kw":876,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":877,"url":9,"mix":878,"praise":80,"objection":97,"sub":21},25352385,-0.12,[24,25,26,27,28],"3311211241240300030142033433131134454321",[32,33,34,35],1794036599351]