A fresh look for the Hackage. Follow us: https://twitter.com/HackageUI

Overview

Hackage UI

Fresh look for the https://hackage.haskell.org/. Work in progress.

Screen Shot 2022-01-19 at 9 14 12 AM

Search

  • Search on Hoogle.
  • Search on Hackage.
  • Full-text search integration on Hackage by Serokell is coming soong.

The search widget is available in forms of:

Screen Shot 2022-01-19 at 9 19 11 AM

  • Try Haskell Spotlight browser extension:

Screen Shot 2022-01-19 at 9 29 25 AM

  • for 🦊 Firefox
  • for Chrome (coming soon)
  • for Safari (coming soon)

Changelog

Changelog is available here: https://github.com/visortelle/hackage-ui/issues/2

Don't forget to ⭐️ star the GitHub repository if you like it! 🙂

Comments
  • WIP github stargazers

    WIP github stargazers

    • Created a new module for the Github integrations
    • moved some code from the sidebar module

    missing : do something with the stargazers count

    Disclaimer : I usually write haskell, it's the first time I write some react and I have no idea what's going on.

    opened by ocramz 5
  • VS Code

    VS Code "Error loading webview: Error: Could not register service workers: InvalidStateError:"

    Describe the bug When i activate spotlight by Alt H , i get an error Error loading webview: Error: Could not register service workers: InvalidStateError: Failed to register a ServiceWorker: The document is in an invalid state..

    To Reproduce Steps to reproduce the behavior:

    1. Open a Haskell project
    2. Click on Alt H
    3. At the bottom corner of VS Code i get the error Error loading webview: Error: Could not register service workers: InvalidStateError: Failed to register a ServiceWorker: The document is in an invalid state..

    Expected behavior Open a search page

    Screenshots If applicable, add screenshots to help explain your problem.

    Desktop (please complete the following information):

    • Device: Desktop
    • OS: Windows 11
    • Browser [Chrome and also Microsoft Edge]
    • VS Code Version [1.66.2]

    Additional context See attached screen shot VSCode_HaskellSpotLight

    opened by salimp2009 3
  • Firefox: Can't change hotkey back to Alt+H

    Firefox: Can't change hotkey back to Alt+H

    Describe the bug I changed the hotkey to Alt+T, but wanted to change it back after seeing that Alt+T instead still opens the firefox tools menu when I press it. However, when trying to change it back, the Haskell spotlight popup closes, and the combination is still Alt+T.

    To Reproduce Steps to reproduce the behavior:

    1. Install browser extension in firefox
    2. Set hotkey to Alt+T
    3. Try setting hotkey to Alt+H
    4. Popup closes, hotkey remains unchanged

    Expected behavior The popup shouldn't close and the hotkey should change. Alternatively, have some other way I can reset the hotkey.

    Desktop (please complete the following information):

    • OS: Arch Linux
    • Browser: Firefox
    • Version: 96.0.3 (64 bit)

    Additional context I'm using xmonad but I doubt it makes a difference

    opened by JakobBruenker 2
  • Perhaps hide reexports in function search results?

    Perhaps hide reexports in function search results?

    First, this looks quite compelling! Great work thusfar.

    However, when playing around with the search function I found that it was fairly easy to stumble into searches whose results are extremely long due to reexports. For instance, see https://hackage-ui.vercel.app/?search=%3At+lookup. I suspect that these aren't particularly important for most users. Perhaps it would be a good idea to ellipsize them.

    opened by bgamari 2
  • Haskell Spotlight doesn't open in vs code

    Haskell Spotlight doesn't open in vs code

    Describe the bug Hello, when opening Haskell Spotlight in VS Code (e.g. with ALT + 'H'), the tab opens, but it is blank. The Output-Frame of VS Code shows nothing but "Get once".

    To Reproduce

    1. Go to VS Code
    2. Press ALT + 'H' or open Haskell Spotlight
    3. Open Output of Haskell Spotlight
    4. See error

    Screenshots

    image

    Desktop (please complete the following information):

    • OS: Windows 10 running a Remote Desktop within VSCode running a debian within WSL 2 (Linux abceefe7d034 5.10.16.3-microsoft-standard-WSL2 #1 SMP Fri Apr 2 22:23:49 UTC 2021 x86_64 GNU/Linux)

    Additional context

    • works from outside the remote container
    opened by C0d3r-42 1
  • Missing

    Missing "Browser on GitHub" button

    Screen Shot 2022-01-21 at 11 10 21 AM

    https://twitter.com/FlavioCorpa/status/1484460806091808768?s=20

    People shouldn't cry because of our bugs! 😆

    Screen Shot 2022-01-21 at 11 08 32 AM

    It should look like this:

    Screen Shot 2022-01-21 at 11 14 02 AM

    Can be reproduced here: https://hackage-ui.vercel.app/package/language-avro

    Package Page 
    opened by visortelle 1
  • VSCode Extension Feedback

    VSCode Extension Feedback

    Please check out this comment first: https://github.com/visortelle/hackage-ui/issues/2#issuecomment-1015828207

    https://user-images.githubusercontent.com/9302460/150015894-fe62ea7d-9a45-4e31-842a-e60ae8747970.mov

    VSCode Extension Feedback 
    opened by visortelle 18
  • Visual Bugs 🎨🐞

    Visual Bugs 🎨🐞

    This issue is for the styles bugs only.

    Please provide the following information:

    • a link where the issue is visible
    • screenshot
    • operating system
    • browser name
    • browser version in case you don't use automatic updates
    bug Home Page Browser Extension VSCode Extension Package Page 
    opened by visortelle 4
  • Fetch data for the home page community feed

    Fetch data for the home page community feed

    This is how the home page looks now:

    Screen Shot 2022-01-17 at 2 35 26 PM

    There is an idea to provide a community feed to the home page.

    • [ ] Decide which resource to use as a data source. r/haskell and discourse.haskell.org. Probably Reddit is the better option as it's more popular.
    • [ ] Figure out the best way to fetch the data. It can be a request in a form of curl string with an example response. Plus instructions on how to get an API token if needed.
    • [ ] Think about multiple data sources and the way to mix them or switch between them.

    You don't need to implement the UI part. I'll integrate it and mark the commit as Co-authored-by you.

    help wanted Home Page 
    opened by visortelle 0
  • Github integration

    Github integration

    Describe the solution you'd like

    • package pages display the github stargazer count

    Additional context

    • WIP PR #4
    • as mentioned in the Ideas ticket #1
    opened by ocramz 0
Owner
visortelle
Programmer, musician, Haskell newcomer. Thinking about UX in Augmented Reality. Like well-made products.
visortelle
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
The Remix version of the fakebooks app demonstrated on https://remix.run. Check out the CRA version: https://github.com/kentcdodds/fakebooks-cra

Remix Fakebooks App This is a (very) simple implementation of the fakebooks mock app demonstrated on remix.run. There is no database, but there is an

Kent C. Dodds 61 Dec 22, 2022
nest연습용 (w. https://github.com/seuiggi, https://github.com/okysky1121)

A progressive Node.js framework for building efficient and scalable server-side applications. Description Nest framework TypeScript starter repository

이름 2 Oct 5, 2022
A fresh (deno) app

Welcome to fresh-deno-app ?? A fresh (deno) app ?? Homepage ✨ Demo Prerequisites Deno version 1.22.3 or higher installed. - A modern runtime for JavaS

Dung Duc Huynh (Kaka) 4 Oct 17, 2022
A demonstration app for Fresh that shows how to use SSR, the islands functionality, APIs and more

Fresh Pokemon Demo Code This is a demonstration app for Fresh that shows how to use SSR, the islands functionality, APIs and more. You do need to conn

Jack Herrington 23 Dec 18, 2022
Fresh SQLite example on Fly.io.

fresh-sqlite-example Fresh example with SQLite and kysely query builder. See running example on Fly.io. Prerequisites Deno v1.23 or higher SQLite Opti

Michal Vavra 6 Nov 25, 2022
Dead simple cookie-based session for Deno Fresh.

Fresh Session ?? Dead simple cookie-based session for Deno Fresh. Get started Fresh Session comes with a simple middleware to add at the root of your

Steven Yung 38 Jan 5, 2023
Easy server-side and client-side validation for FormData, URLSearchParams and JSON data in your Fresh app 🍋

Fresh Validation ??     Easily validate FormData, URLSearchParams and JSON data in your Fresh app server-side or client-side! Validation Fresh Validat

Steven Yung 20 Dec 23, 2022
The fastest way ⚡️ to create sitemap in your Deno Fresh project 🍋

Fresh SEO ??     Quickly creating sitemaps for your Deno Fresh project. Getting Started Run the setup at the root of your project. deno run

Steven Yung 34 Dec 19, 2022
Simple store for Deno Fresh, to pass state between islands

Fresh Store A minimal store for Fresh, to allow communication between islands. It attach stores to the window component. It uses "pointers" or "keys"

Alexandre Moreau-Lemay 9 Sep 12, 2022
View component and controller of YouTube Player API, for fresh framework.

fresh-youtube View component and controller of YouTube Player API, for fresh framework. Try it now! git clone [email protected]:otiai10/fresh-youtube.git

Hiromu OCHIAI 10 Nov 2, 2022
A minimal blog template using the Fresh framework for Deno.

Fresh Blog This is a minimal blog template using the awesome framework Fresh from Deno. Usage Start the project: deno task start This will watch the

Little Sticks 21 Dec 16, 2022
Twitter Text Libraries. This code is used at Twitter to tokenize and parse text to meet the expectations for what can be used on the platform.

twitter-text This repository is a collection of libraries and conformance tests to standardize parsing of Tweet text. It synchronizes development, tes

Twitter 2.9k Jan 8, 2023
Fuck Twitter NFTs - Userscript to delete or block all occurances of NFT Users on Twitter

FuckTwitterNFTs Fuck Twitter NFTs - Userscript to delete or block all occurances of NFT Users on Twitter Userscript will by default, attempt to delete

Blumlaut 1 Jan 20, 2022
Twitter bot to find what song is playing in a given uploaded twitter video.

what-song-is-this Twitter bot to find what song is playing in a given uploaded twitter video. How to setup. yarn install How to run. via npm script ya

Akinwande Akinboluwarin 17 Dec 11, 2022
A Twitter filtered search to only get the live broadcasts hosted on Twitter itself, Built using Vanilla JS and Node.js

Twitter Broadcasts Search A Twitter filtered search to only get the live broadcasts hosted on Twitter itself, Built using Vanilla JS and Node.js. Live

Mohammad Mousad 2 Oct 6, 2022
Follow along with blog posts, code samples, and practical exercises to learn how to build serverless applications from your local Integrated development environment (IDE).

Getting started with serverless This getting started series is written by the serverless developer advocate team @AWSCloud. It has been designed for d

AWS Samples 55 Dec 28, 2022