[HN Gopher] Adaptive Cards
___________________________________________________________________
Adaptive Cards
Author : miguelrochefort
Score : 129 points
Date : 2022-05-20 16:45 UTC (2 days ago)
(HTM) web link (adaptivecards.io)
(TXT) w3m dump (adaptivecards.io)
| bloopernova wrote:
| Unfortunately it didn't work in Linux Firefox :(
| jacknews wrote:
| Is it just me or is the video a word-soup marketing pitch of
| benefits, possibilities etc? 'Open yourself up to content, with
| adaptive cards'.
|
| What does this thing actually do, and how does it work?
| nsriv wrote:
| Perhaps the video is, but your questions are answered in the
| text above the video.
| thermin wrote:
| Seems incredibly like an intentionally style-less, script-less
| version of HTML: a tree structure of blocks, tables, lists etc
| with simple actions like "show", "hide" and "submit form".
| michaelmior wrote:
| Would be great to see _something_ like catch on for other chat
| platforms as well (e.g. Slack, Messenger, etc.). Being able to
| define a UI once for all those would be great.
| hyperrail wrote:
| Webex's Slack-like chat room service uses Adaptive Cards to
| define interactive messages from bots, just like Microsoft
| Teams does.
|
| I do agree with you that it should catch on more and it's
| unfortunate that it hasn't.
| valgaze wrote:
| + 1
|
| ex. You can do something like this:
| https://i.imgur.com/dcbzn3w.gif
|
| I do a lot of thinking about conversation design "tooling"
| for automated agents and I found wrangling Adaptive Cards
| with "dynamic" content was a bit annoying since there's so
| many options. I needed a simple subset of functionality to
| cover most cases and to add features like tappable suggestion
| "chips"
|
| I made little a utility called "Speedycard" which lets you
| "build" Adaptive Cards kinda like this:g
| const myCard = new SpeedyCard() .setTitle('System is
| ') .setSubtitle('If you see this card, everything is
| working')
| .setImage('https://i.imgur.com/VQoXfHn.gif')
| .setInput(`What's on your mind?`)
| .setUrl('https://www.youtube.com/watch?v=3GwjfUFyY6M', 'Take
| a moment to celebrate') .setTable([[`Bot's Date`, new
| Date().toDateString()], ["Bot's Uptime",
| `${String(process.uptime())}s`]])
| .setData({mySpecialData: {a:1, b:2}})
|
| const fullCard = myCard.render() // JSON passed to an
| API/client
|
| While I am convinced about the importance of conversation
| design and being thoughtful about this stuff sometimes it's
| convenient to just have a little form and the user adds their
| data and call it day
|
| Cards source (can use this anywhere): https://github.com/valg
| aze/speedybot/blob/master/src/cards.t...
|
| Experiment optimized for Cloudflare Workers:
| https://www.npmjs.com/package/speedybot-hub
|
| Main Library: https://www.npmjs.com/package/speedybot
| dchuk wrote:
| Interesting, seems similar to what Joel is doing here:
| https://blockprotocol.org
| vladsanchez wrote:
| Coincidence? This all reminds me of
| [https://en.wikipedia.org/wiki/Microformat]
| spankalee wrote:
| This is what HTML is for, and if you look at the schema it has
| many of the same element/container concepts that HTML has.
|
| A subset of HTML designed for easy embedding, possibly removing
| features and quirks and allowing for a smaller and faster runtime
| was the goal of the project that directly preceded and led to
| Flutter. I wish that goal had remained so that we had a cross-
| platform UI runtime that was still lightweight on the web.
| latchkey wrote:
| This concept is patented:
|
| https://patents.justia.com/patent/9285977
|
| https://www.wrap.co/
| nynx wrote:
| Imagine thinking that software patents are legitimate.
| eliseumds wrote:
| Wow, this is very hard to read. It should be illegal to use light
| grey text on a white background.
| Tao332 wrote:
| It's technically black, but the font weight is _ultra_ ultra
| light.
| password4321 wrote:
| Smells new. Anyone willing to recommend how long to wait before
| adopting a new MS technology?
| brokenkebab2 wrote:
| It's not so new, but its MS, and the thing didn't look like a
| popular one, so chances for it to be abandoned are very high, I
| suppose.
| nhance wrote:
| This has been around for several years now at the least
| hyperrail wrote:
| Adaptive Cards have been around since 2016:
| https://github.com/microsoft/AdaptiveCards/graphs/contributo...
|
| It's a healthy project, with multiple development teams within
| Microsoft both using and contributing to it. If you scroll down
| the originally linked homepage, you see 4 Microsoft products
| that have used it, 3 of which are in active development today.
| vyrotek wrote:
| It looks like a lot of documentation is pointing to the wrong
| branch. It took me a minute to understand why I was looking
| at code that hadn't been touched in 2+ years. The docs are
| pointing to the "master" branch but everything has moved to
| the "main" branch.
|
| ex. https://docs.microsoft.com/en-us/adaptive-
| cards/rendering-ca...
| hazz99 wrote:
| I don't believe it's particularly new. Microsoft has thoroughly
| embraced this in the Teams API, so I wouldn't expect it to go
| away soon.
| eternityforest wrote:
| Looks amazing! It's not every day I see a new technology that
| actually stands out. I could see a lot of apps being built
| largely as card galleries.
|
| Also, "Experience Owners" should be nominated for Buzzword of the
| Year. It's so incredibly plastic corporate buzzword-y, but
| actually kind of does give a bit of a buzz when you see it.
| [deleted]
| miguelrochefort wrote:
| I maintain a list of Adaptive Cards projects and resources here:
|
| https://github.com/miguelrochefort/awesome-adaptive-cards
| Gys wrote:
| This reminds me of https://jasonette.com/
|
| Very interesting idea because it can be much more platform
| agnostic then html. Ideally resulting in moving away from the
| html everywhere, which often means including a separate browser
| everywhere and non native UIs.
| jagged-chisel wrote:
| Docs are 404, the Heroku app is nonexistent ... is jasonette
| still alive?
| easrng wrote:
| https://github.com/jasonelle/jasonelle/wiki/History
___________________________________________________________________
(page generated 2022-05-22 23:01 UTC)