Slack Export Viewer (Slorter?)

This is a WIP tool to view exported Slack data.

You can use it to view the data for a channels history in a human readable format.

Try it out here!

Build Yourself

Currently to use it, you need to:

1. Export the data from Slack
2. Run yarn and then yarn dev

TO DO:

• Add in vue-router
• Add in vuex?
• Add a view for a messages reply thread
  • Allow externally linking to a message thread view
• Add linking to a message in the channel view (where ever it is in the history)
• Add in search functionality
  • Tag search (search by mentions/from/in)
  • Search by message text
  • Link to message in channel view
  • (optional) Add search history/suggestions
  • (optional) Add gui for tags on search page
• (optional) Add in a view for a user profile
  • Allow externally linking to a user profile view
• Switch to pre-processing the export and save it as a binary file
  • Unpack binary file instead, regress data structure
    • zip binary file for even more compression (2.2MB export.zip -> 1.1MB export.bin -> 0.3MB export.bin.zip 😗👌)
  • Make sure sensitive data is not exposed (slack exports emails and phone numbers, etc)
  • Have a UI flow for creating the binary, with config options
• Propperly setup types with typescript
• Setup a Linter :/
• Finish message rendering
  • Support ordered lists
  • Support Blockquotes
  • Fix code blocks
  • (optional) Date formatting
  • Support Attachments (link previews and quoting earlier messages)
  • Display (edited) on edited messages
• Add docker config for pre-processing/deploying
• Add a logo/favicon

Items marked with (optional) are not likely to be implemented without external interest.

Vue 3 + Typescript + Vite

This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VSCode + Volar

Type Support For .vue Imports in TS

Since TypeScript cannot handle type information for .vue imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in .vue imports (for example to get props validation when using manual h(...) calls), you can enable Volar's .vue type support plugin by running Volar: Switch TS Plugin on/off from VSCode command palette.