• This repository has been archived on 11/Oct/2023
  • Stars
    star
    123
  • Rank 288,519 (Top 6 %)
  • Language
    JavaScript
  • Created over 5 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

The Slack Viewer that looks like TweetDeck

SlackDeck Proto

GitHub release (latest by date) GitHub All Releases

This provides the Slack viewer that looks like TweetDeck.

Image from Gyazo

NOTE: As this is a prototype, we do destructive changes from time to time

Releases

You can download the application here.

  • v0.15.0: Update Style for new Slack UI
  • v0.14.0: Jump the message via link & Fix bugs
  • v0.13.0: Application distribution for macOS & Windows
  • v0.12.0: Fix Channel Settings: adjusted for new slack's URL
  • v0.11.0: Fix Style: adjusted for new slack's css style
  • v0.10.1: Update for security reason
  • v0.10.0: Application distribution for macOS

Features

  • Multiple columns like TweetDeck
  • Multiple workspaces
  • Add/Remove columns by button
  • Selectable CSS styles for each column
  • Customizable settings as JSON
  • Settings are saved and persisted

Requirements

  • Slack Account
  • Electron: v5.x or above

Quick Start

  1. Run npm install to install packages
  2. Rename settings.json.sample to settings.json
  3. Edit url value in settings.json like https://your-private.slack.com/
  4. Run npm start in terminal
  5. Import settings.json

Customize

settings.json includes all the your settings. You can edit these variables bellow.

  • url: Slack's Web URL like https://your-private.slack.com/
  • other_urls: Other workspaces' URL
  • channel_id: Channel's ID. You can get it by ...
    • Open Slack for web. Then go to the channel. The URL's last word is ID
    • Open Slack for desktop. Then right click & copy link on the channel-list.
  • style: CSS style for each column
    • channel-only: only channel's list showing up
    • body-only: only messages showing up
  • width: Width of each column
    • small-tab: recommend to use with channel-only or sidebar-only
    • large-tab: recommend to use with body-only
  • sticky: Stick the first left column

Tips on Use

  • Messages overflow the column
    • use Cmd + - to make the font smallers
  • Channel Switch
    • use Cmd + k to switch channels
    • NOTE: even the style is channel-only, you can't switch channels by pushing buttons
  • Add other workspaces in columns
    • select the workspace in Workspaces on menu bar
  • Jump to the message via link
    • Input URL in Message URL on menubar
  • Reset settings
    • click Settings on menu bar

Build as Application

Build for Mac

  1. Run node build/build-mac.js
  2. In ./dist/mac, you can find slackdeck-proto.app
  3. Double click slackdeck-proto.app and start the app
  4. Import settings.json

Build for Windows

  1. Run node build/build-win.js
  2. In ./dist/, you can find slackdeck-proto Setup.exe
  3. Double click slackdeck-proto Setup.exe and start the app
  4. Import settings.json

Contribute

You can use issues as you like. Not only suggestions but also questions are welcome!

More Repositories

1

point-history

Show the history of points you visited before
Emacs Lisp
49
star
2

phantom-inline-comment

visible but not affect the source code
Emacs Lisp
43
star
3

RexiOry

Chrome Extension that supports offline History & Bookmark fuzzy search
JavaScript
13
star
4

stopwatch

Mode-line stopwatch in Emacs
Emacs Lisp
12
star
5

mini-deck

Mini & Always-on-top TweetDeck Viewer
JavaScript
8
star
6

scrapbox-on-emacs-sample

A simple use case of scrapbox on Emacs
Shell
8
star
7

instant-maximized-window

Instantly maximize a window in Emacs!!
Emacs Lisp
6
star
8

LGTM-Generator-from-Dropbox

Generate LGTM image from your favorite images on Dropbox !
Ruby
6
star
9

electron-desktop-character

A simple desktop character application made by electron
HTML
5
star
10

chat-gpt-ruby

Ruby CLI tool for communicating with ChatGPT
Ruby
3
star
11

cool-copy.el

simple but helpful copy tool
Emacs Lisp
2
star
12

ivy-personal-dictionary

Emacs Lisp
2
star
13

gitlab-mr-from-commit

Open GitLab MR from CLI
Shell
2
star
14

second-sight

Quickly view file-contents without visiting the file
Emacs Lisp
2
star
15

MirrativeDownloader

Shell
1
star
16

emacs_chrome

EmacsใงChromeใ‚’ๆ“ไฝœใ™ใ‚‹ใ‚ˆ๏ผ
AppleScript
1
star
17

rspec-on-iterm.el

Execute Rspec on iTerm2 using Emacs!!
Emacs Lisp
1
star
18

zenrei.el

zenrei client for Emacs
Emacs Lisp
1
star
19

flycheck-flash-mode-line

Flash mode line when flycheck detects errors !!
Emacs Lisp
1
star
20

ruby-block-posframe

ruby-block.el's posframe extension
Emacs Lisp
1
star
21

remind-days-of-this-month

1
star
22

Yotty

chrome extension: quick access to your Google Calendar via Google API!
JavaScript
1
star
23

upload-image-to-scrapbox

You can upload images to your scrapbox project via CLI.
Ruby
1
star
24

spec-jump.el

A simple package for jumping to the spec file.
Emacs Lisp
1
star
25

rails-clap

https://clap-to.herokuapp.com/
Ruby
1
star
26

ConfluenceCommentWider

Chrome extension: Extend the width of inline comments in Confluence.
JavaScript
1
star
27

ec2-terraform

HCL
1
star
28

jp-medical-recept-reader

Emacs: Reader of ใƒฌใ‚ปใƒ—ใƒˆ้›ป็ฎ—ใƒ•ใ‚กใ‚คใƒซ with posframe.
Emacs Lisp
1
star
29

how-many.el

Count how many times the word is used in the project
Emacs Lisp
1
star