A fun social reader for iOS/macOS using IndieWeb technology
Home Page: https://eddiehinkle.com/2019/05/08/5/article/
License: MIT License
Remark is a fun social reader app built for iOS and macOS in swift. It is currently in progress and is not in a buildable or shippable state. The goal is to be in beta Summer 2019 and release sometime in Fall 2019.
For more information, please see this blog post
If you view the conversation view of a microblog post, it should immediately be marked as read. But if it has a title, it shouldn't be marked as read until you reach the bottom of the scroll view.
When in timeline view you can begin to wonder how many posts are left unread as you scroll down an old channel. It would be nice to see the total number of unread posts
(Originally published at: https://eddiehinkle.com/2018/06/17/10/reply/)
When you are in the timeline you should be able to copy the text of the microblog post using this option
There are a couple types of conversations you would want to follow:
an IndieWeb conversation (this would need to find a way to go both up and down the webmention tree by following in-reply-to and commented posts that can be parsed off of pages). You would probably save this based on the primary post’s url
a micro.blog conversation (using the micro.blog api)
a twitter conversation (using either XRay or granary). Essentially recreating a conversation view like Tweetbot, but allowing you to easily return to that conversation to see new posts)
A great idea from Swentel that he is adding on Android!
More information can be found in Image and Graphics Best Practices WWDC ‘18 Session
(Originally published at: https://eddiehinkle.com/2018/06/08/13/reply/)
In the Channel's settings, you should be able to add and remove feeds to channels
This is related to #82
Currently the timeline view only displays text content from a post, not html content. This is because a label is used to display the text. (this could also potentially help fix parts of #89)
There are a couple directions we could go with this.
My first attempt was to try embedding WKWebView in each post view, and pass the Content HTML in as an HTML string, however that seems to take awhile to load and it's ugly and has issues with it being a scroll view, etc. There may be some better approaches while still using that but I think I've decided to sideline that for awhile.
Another approach is to implement #89 to get images out of the html content, and then convert the HTML content into Attributed Text.
Some links to think through:
https://stackoverflow.com/questions/28124119/convert-html-to-plain-text-in-swift
https://medium.com/theappspace/swift-how-to-convert-html-using-nsattributedstring-8c6ffeb7046f
Besides those, I'm thinking the other option is to only show text content on the timeline view and show HTML on the Full Article view when you swipe right to left.
Some posts have weird new lines and white space because of the output HTML and not intentionally.
In an Article, likely all new lines need to be treated fine. For regular note posts or specialized posting types like Checkins, there should be some normalization of the content before display, remove extra white space at the beginning of a line and removing extra new lines beyond the standard new lines between two paragraphs.
This is based on some of the thoughts from IndiePass/indiepass-ios#72
Have a set of various article lengths (maybe from their own channels) have the user read through the articles and click a button when they are finished. Track the amount of words and the amount of time it takes to read each article.
Probably do two short microposts, three medium length articles and two longer articles. Figure out how many words per minute they read and then use that when calculating how long a post will take to read.
This post will be the root post of a thread of replies, all feedback from the Indigenous app.
In settings if the user has a micro.blog Micropub endpoint, clicking “provide feedback” will create a new post that starts with a mention of my micro.blog username
In settings if the user is not a hosted micro.blog user, the post will be in reply to this initial feedback post so that they can send me a webmention.
In Overcast, you can create Priority Podcasts that when new podcasts from a specific feed come in, they all come in at the top of the feed, before any non-priority ones are listed.
I don't know if this is even possible in Indigenous and/or Microsub. But it seems like an interesting concept. It's kind of like the idea of Facebook's algorithm, except it is controlled by the user. Which is what the IndieWeb is all about.
First issue is how to detect if it’s a snippet since many articles are just microblog posts.
Second issue is how to fetch and parse the url. If It has a format supported by Xray, I’m fine. But I need a fallback for something that isn’t supported by Xray. Something Instagram like.
First I could fetch the entire page and then I could grab only the html inside an
tag. Then I would need to remove any JavaScript or style tags.Use a service like twitter-atom or granary behind the scenes to serve twitter user feeds into a Microsub channel
The goal here is to allow someone to select “Twitter user” and enter a username and to hide the complexity of composing the conversion feed url and then automatically previewing and subscribing to that feed in microsub
For articles, this should be a fairly simple reader view. For microblog posts I would like this to become more of a “conversation” view.
There are a couple ways I would like to do this. One is if the jf2 has the reply to url unfurled, show those details. If not, use X-ray to try unfurling a reply live when you open the view.
Check if there are any embedded replies/likes in the jf2 (right now, I don’t think any Microsub servers even support this).
Once I cache posts from the channels into CoreData, I should be able to query for any posts that are in any timelines and are replies to this post’s URL. That would allow you to see how different friends throughout your channels are responding to each other in this conversation view of a post.
Currently the best possible option would be potentially using Xray against the current post url, and seeing if there are any replies/likes/etc on the current post’s url. I could pull in that data temporarily on the conversation page load.
The conversation view will take a lot of visual cues from Tweetbot’s conversation/detail view
Make the height of post content be 0 if there is nothing there. That enables the photo to line up with the user’s profile photo
Every channel should remember the tableview cell located at the top when viewWillDisapear is called. On viewDidLoad, the TableView should start with the same cell at the top
As described in this issue:
Over here (IndiePass/indiepass-ios#73 (comment)) it was mentioned the idea that a user that hasn't opened a Indigenous in a week might have 500 posts sitting in a channel and that it would be a lot of data to load.
This is actually a very realistic scenario, and one I would like to be able to tackle in Indigenous. My favorite current approach is Tweetbot's "Load Missing Tweets"
How this would work is I would have the last posts I fetched when they previously opened the app (with it I would have that batches "before" token). When the channel is opened a week later, I do the standard timeline fetch with no modifiers, getting the current front posts as well as a before and after token.
What I would like to be able to do is to provide the "before" token from the previous group of posts, and the "after" token from the latest group of posts, and get an integer that provides how many posts exist in-between those two tokens. This would enable me to then provide a "load missing posts" button by using either the before token to get older posts or the after token to get newer posts. Eventually, removing the "Load Missing Posts" button when there are no more posts left. (I'm thinking it would technically load 10-20 posts for every click and provide some metric letting them know how many more posts are missing.
Like in TweetBot
When I click the like button, the app goes ahead and sends a Micropub request to my site. That all works very nice!
Unfortunately, I see nearly no feedback from the button. I liked one post two times this way, and now I visit my homepage every time after I click like, to verify that it worked.
I guess it’s impossible / not right to turn the button red / in an active state (for on the IndieWeb you can like as many times as you want, and the app can’t query the state).
But it can at least jump, show a little spinner, a checkmark, anything to show that it worked. :)
drop one or multiple articles into a floating "action bar" that only appears once you start dragging.
Dropping multiple articles into the bar reveals options to star, read later, or share them at once.
Inspiration for this comes from the apps: Bear (text), lire (rss reader)
A user should be able to choose what they want swipe commands on the timeline to do.
Currently the options I can think of for swipe commands are:
Should this be customizable on a per channel basis???? That might be too fine grained. Right now, I’ll focus on customizable on a per account setting.
Feature request: open all links in reading view in-app instead of launching out to Safari
It would be nice to create a kind of "Profile" pages where you can see the author's name, url, photo and other info from their h-card by clicking on the avatar (similar to micro.blog or twitter)
This ticket is a place to think and track ideas for different views of the channels
You should be able to attach Micropub request attributes to a channel that will always be included by default on any action in that channel.
For example, any responses should have a given category, syndication target, or visibility attached to them.
From the text view format bar, provide an option called "paste as link" that will create a markdown link with the clipboard content inside the link portion () and if possible move the cursor to inside the linked text portion []
Some programming research: https://stackoverflow.com/questions/37870889/how-do-i-add-a-custom-action-to-the-text-selection-edit-menu-in-ios
A wordpress emoji looks like this:
<img src="https://s.w.org/images/core/emoji/2.4/72x72/1f4af.png\" alt="💯" />
I need to detect "core/emoji" and replace it with the alt property.
Posts and channels should be cached in Core Data rather than always having to refetch them.
Currently it's not built to support checking for a for people that use relative urls. All urls are currently expected to be absolute
Mute filters are a helpful feature to temporarily hide posts containing text content that might spoil a popular show/etc.
Eventually some form of “spoiler alert” might be helpful. But for now, just having a mute filter in a reader helps avoid content you might not want to see yet.
The Reader interface should use a collection view instead of a table view. By doing that, we can switch from row view to flow view. The post can than primarily become a photo gallery. When the item is clicked on, it can grow to fill the whole screen
Look at tutorial/ideas here: https://www.phillfarrugia.com/2017/06/19/rebuilding-the-new-app-store-app-today-view/
Add support for destination configuration. From a UI perspective, posting to multiple micropub endpoint versus posting to a single micropub endpoint with multiple destinations should be the same.
indieweb/micropub-extensions#3
The one part to think about is defaults. How should I default the destination? Should it be the first destination in the list or the last destination used? I currently allow someone to set a default Micropub Endpoint, but a default Destination is different. Maybe that’s the answer, maybe if they have more than one destination, I need to allow an option to choose a default destination on the micropub endpoint settings page.
(Originally posted at https://eddiehinkle.com/2018/02/20/12/reply/)
A user might want to filter a channel to remove items with certain attributes such as bookmark-of or in-reply-to
In the channel configuration, there should be a setting to hide posts once they are marked as read
Add the ability to follow from Share sheet
Someone should be on a page and be able to choose “Follow” from that page.
I need to use UIScreen’s UIScreenBrightnessDidChangeNotification.
More info here: https://stackoverflow.com/questions/14719443/does-ios-send-notifications-when-the-system-changes-the-screen-brightness
I do need to research how dark the screen brightness should be before activating dark mode.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
