[{"data":1,"prerenderedAt":480},["ShallowReactive",2],{"project-38906989":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":35,"aspects":36,"strip":42,"post_text":45,"what":46,"said":70,"maker_in_thread":106,"shape":117,"grid":121,"attempts":443,"same_week":444,"maker_shows":18,"maker_hidden":472,"reader_version":473,"card":474},"38906989","HTMX Playground","A HTMX Playground 100% in the browser","title","Show HN: I made a HTMX Playground 100% in the browser","https:\u002F\u002Flassebomh.github.io\u002Fhtmx-playground\u002F","lassebomh.github.io","bitterblotter",1704675789,2024,482,118,70,3515,2,"legend","dev_tools","code playground","web_app",[24,25,26,27,28],"htmx","playground","django","sandbox","mock server","curious",0.162,{"positive":32,"neutral":33,"mixed":34,"critical":18},6,11,1,20,{"idea":37,"execution":39,"docs":41},{"positive":38,"critical":18},4,{"positive":40,"critical":40},0,{"positive":40,"critical":40},[43,40,40,44,40,40,40,43,40,40,40,40,40,40,40,40,40,44,40,40,43,34,44,44,40,44,40,40,40,44,40,40,40,43,44,43,40,44,34,40],5,3,"I recently dug up an old project in an attempt to improve on it. It's a code sandbox for playing around with HTMX in the browser, that runs a mock server within the sandbox iframe. The server \"framework\" is loosely based on Django, so if you're familiar with Django, you'll immediately understand what's going on.\n\nI recommend clicking through the examples.\n\nGithub repo: https:\u002F\u002Fgithub.com\u002Flassebomh\u002Fhtmx-playground\n\nProbably my favorite part is the lack of HTMX specific code. It's designed to mimic the client and server, but really nothing else. In principle, this means that it is agnostic to wh",{"problem":47,"audience":53,"pricing":53,"motivation":54,"time_to_build":53,"stack":58,"openness":67,"stage":68,"team_size":69},{"value":48,"source":49,"evidence":50},"Lets people try HTMX code and a mock server in the browser without setup","maker",[51],{"id":52},"post",null,{"value":55,"source":49,"evidence":56},"Revived an old project to improve it and learn",[57],{"id":52},[59,63],{"value":60,"source":49,"evidence":61},"HTMX",[62],{"id":52},{"value":64,"source":49,"evidence":65},"Ace Editor",[66],{"id":52},"open_source","launched","unknown",{"praise":71,"objections":72,"requests":77,"questions":86,"alternatives":98},[],[73],{"value":74,"source":49,"evidence":75},"Limited mobile support and no proper error output",[76],{"id":52},[78],{"value":79,"source":80,"evidence":81},"Fix ability to paste JSON and clear network requests","commenter",[82],{"id":83,"by":84,"text":85},"38917037","pacifika","Used it for work today. It works well and will keep using it going forward although I might make a php based version. I did lose my work a few times when I tried to paste the…",[87],{"value":88,"source":80,"evidence":89},"Can it work offline or as a service worker app?",[90,94],{"id":91,"by":92,"text":93},"38908490","aitchnyu","Wonder if there is there anybody who is making an offline app with request-reponse with html(with HTMX) and a virtual server defined in a service worker?",{"id":95,"by":96,"text":97},"38982457","nymanjon","You could use a Service Worker to do this and then have multiple pages in a different tab to be able to navigate around. It would be too difficult to do that. Then you could just…",[99],{"value":100,"source":80,"evidence":101},"Unpoly",[102],{"id":103,"by":104,"text":105},"38911292","broomhall","I'm not sure about HTMX, but this kind of behaviour is what Unpoly https:\u002F\u002Funpoly.com\u002F excels at I played with it recently and it was pretty easy to enhance a completely non-js…",{"comments":43,"answered":40,"key":107},[108,111,114],{"id":109,"text":110},"38908089","Likewise man. In the face of avoiding JS, I think we've both taken one for the team here",{"id":112,"text":113},"38915420","Me when I buy a face mask and immediately ask people to spit in my eyes",{"id":115,"text":116},"38907455","Thanks, and you are very welcome to post it here. Also, if you or anyone else wants to adapt more of the official examples, create an issue with the link, and I'll add them to…",{"commenters":118,"max_depth":32,"maker_replies":43,"first_comment_mins":119,"lifespan_hours":120},76,49,138,[122,126,128,132,135,137,138,141,144,146,150,153,155,158,161,162,165,168,170,173,176,178,181,184,187,190,193,196,199,201,204,207,210,212,214,216,218,221,223,225,228,229,232,234,236,239,242,245,247,250,254,257,259,261,263,266,269,271,274,277,280,282,286,289,294,296,298,300,303,307,310,312,314,316,319,321,324,326,329,331,336,339,342,345,348,350,353,357,361,364,367,370,372,375,377,379,382,387,390,394,396,399,402,405,407,411,413,416,418,422,424,427,429,431,434,437,440],[123,40,43,124,125,40],"38908039","maker\u002Fpositive\u002Fidea","recursivedoubts",[109,40,40,127,11,34],"commenter\u002Fneutral\u002Fnone",[129,40,40,130,131,40],"38911917","other\u002Fneutral\u002Fnone","thisgoesnowhere",[133,40,40,130,134,40],"38915160","chatmasta",[136,40,40,130,125,40],"38915164",[112,40,40,130,11,34],[139,40,40,127,140,40],"38915613","doublerabbit",[142,40,40,127,143,40],"38915977","rideontime",[145,40,40,127,140,40],"38916862",[147,40,44,148,149,40],"38909431","project\u002Fneutral\u002Fidea","quickthrower2",[151,40,40,130,152,40],"38909569","pondidum",[154,40,40,130,149,40],"38909869",[156,40,40,130,157,40],"38910752","sethammons",[159,40,40,130,160,40],"38914211","joshmanders",[103,40,40,130,104,40],[163,40,40,130,164,40],"38912424","spiffytech",[166,40,40,130,167,40],"38912315","naasking",[169,40,40,130,125,40],"38912399",[171,40,40,130,172,40],"38925290","throwaway167",[174,40,40,130,175,40],"38913163","a_c",[177,40,40,130,125,40],"38915190",[179,40,43,124,180,40],"38936526","tomberek",[182,34,40,130,183,40],"38910525","nlstitch",[185,34,40,130,186,40],"38910589","Hendrikto",[188,34,40,130,189,40],"38910691","yellow_lead",[191,34,40,130,192,40],"38911135","danslo",[194,34,40,130,195,40],"38911601","randomgiy3142",[197,34,40,130,198,40],"38912740","8organicbits",[200,34,40,130,157,40],"38910623",[202,34,40,130,203,40],"38911334","infecto",[205,34,40,130,206,40],"38911981","pmarreck",[208,34,40,130,209,40],"38912077","npilk",[211,34,40,130,206,40],"38913167",[213,34,40,130,125,40],"38912418",[215,34,40,130,206,40],"38913178",[217,34,40,130,96,40],"38982554",[219,34,40,130,220,40],"38911915","ricardobeat",[222,34,40,130,125,40],"38912575",[224,34,40,130,96,40],"38982501",[226,18,40,130,227,40],"38907362","philips",[115,18,40,127,11,34],[230,18,40,130,231,40],"38907626","sroerick",[233,18,40,127,11,34],"38907699",[235,18,40,130,231,40],"38907918",[237,18,40,130,238,40],"38909083","jsmeaton",[240,18,40,130,241,40],"38908785","arcanemachiner",[243,18,40,130,244,40],"38910506","SushiHippie",[246,18,40,130,241,40],"38920131",[248,18,40,130,249,40],"38912686","greenie_beans",[251,44,44,252,253,40],"38909221","project\u002Fneutral\u002Fnone","Towaway69",[255,44,40,127,256,40],"38909365","_andrei_",[258,44,40,127,253,40],"38909504",[260,44,40,127,256,40],"38910951",[262,44,40,127,198,40],"38912892",[264,44,40,130,265,40],"38910837","yodon",[267,44,40,130,268,40],"38911490","bbkane",[270,44,40,130,256,40],"38911840",[272,38,40,130,273,40],"38910096","mseidl",[275,38,40,130,276,40],"38910247","adontz",[278,38,40,130,279,40],"38910302","devnull3",[95,43,43,281,96,40],"project\u002Fpositive\u002Fidea",[283,32,44,284,285,40],"38908653","project\u002Fneutral\u002Fexecution","aatd86",[287,32,40,127,288,40],"38909822","eterps",[290,291,34,292,293,40],"38918803",7,"project\u002Fcritical\u002Fidea","johnnylambada",[295,291,40,127,125,40],"38920773",[297,291,40,127,293,40],"38932306",[91,299,44,148,92,40],8,[301,299,44,148,302,40],"38908905","jonahx",[304,299,40,305,306,40],"38908944","commenter\u002Fneutral\u002Fidea","WA",[308,299,40,127,309,40],"38911419","gedy",[311,299,40,305,167,40],"38912470",[313,299,40,127,96,40],"38983086",[315,299,40,127,96,40],"38983068",[317,299,40,127,318,40],"38910848","datadeft",[320,299,40,127,131,40],"38911953",[322,299,44,148,323,40],"38915289","e12e",[325,299,40,127,96,40],"38983099",[327,299,40,130,328,40],"38909087","mozey",[330,299,40,130,96,40],"38983044",[332,333,40,334,335,40],"38908786",9,"other\u002Fneutral\u002Fidea","TobyTheDog123",[337,333,40,130,338,40],"38909550","MrDresden",[340,333,40,334,341,40],"38910235","whstl",[343,333,40,334,344,40],"38910090","EspressoGPT",[346,333,40,334,347,40],"38912003","AtlasBarfed",[349,333,40,130,96,40],"38983152",[83,351,44,352,84,40],10,"project\u002Fmixed\u002Fexecution",[354,33,44,355,356,40],"38909167","project\u002Fneutral\u002Fdocs","greatgib",[358,359,40,130,360,40],"38909978",12,"imetatroll",[362,359,40,334,363,40],"38910751","Joeboy",[365,359,40,130,366,40],"38910814","gday2020",[368,359,40,127,369,40],"38911199","trommlp",[371,359,40,127,167,40],"38912419",[373,359,40,127,374,40],"38912909","loceng",[376,359,40,127,125,40],"38916270",[378,359,40,130,318,40],"38910779",[380,359,40,130,381,40],"38911030","wellmet",[383,384,43,385,386,40],"38911691",13,"project\u002Fpositive\u002Fnone","ametrau",[388,389,43,385,231,40],"38907987",14,[391,392,44,148,393,40],"38910018",15,"yesco",[395,392,40,127,11,34],"38910128",[397,392,44,252,398,40],"38910884","PedroBatista",[400,392,40,130,401,40],"38912099","voicedYoda",[403,392,44,148,404,40],"38912260","jadbox",[406,392,43,281,96,40],"38983233",[408,409,40,334,410,40],"38907881",16,"Solvency",[412,409,40,334,125,40],"38908035",[414,409,40,130,415,40],"38908533","dilyevsky",[417,409,40,130,125,40],"38915253",[419,409,40,420,421,40],"38908731","other\u002Fneutral\u002Fpricing","subtra3t",[423,409,40,130,125,40],"38915236",[425,409,44,148,426,40],"38914848","digging",[428,409,34,292,125,40],"38915199",[430,409,40,127,426,40],"38930276",[432,409,40,130,433,40],"38908043","lagniappe",[435,409,40,334,436,40],"38908500","geenat",[438,409,40,130,439,40],"38911294","diegof79",[441,409,40,130,442,40],"38911814","gardenhedge",[],[445,450,454,458,463,467],{"id":446,"name":447,"points":448,"category":449},"38901504","Nino",810,"productivity",{"id":451,"name":452,"points":453,"category":449},"38876707","time",758,{"id":455,"name":456,"points":457,"category":20},"38915999","Auto Wiki",183,{"id":459,"name":460,"points":461,"category":462},"38905590","scientific.place",165,"learning_science",{"id":464,"name":465,"points":466,"category":462},"38869672","sip-to-webrtc",154,{"id":468,"name":469,"points":470,"category":471},"38902042","Quickwit",145,"data",false,"v2",{"id":475,"name":5,"line":6,"ai":472,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":476,"top":18,"kw":477,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":478,"url":9,"mix":479,"praise":-1,"objection":74,"sub":21},38906989,0.16,[24,25,26,27,28],"5003000500000000030051330300030005350310",[32,33,34,18],1794036647848]