Rebranding. HackageUI -> Haskell Spotlight

CODE_OF_CONDUCT.md

@@ -60,7 +60,7 @@ representative at an online or offline event.
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
 reported to the community leaders responsible for enforcement at
-visortelle+hackage-ui@gmail.com.
+visortelle+haskell-spotlight@gmail.com.
 All complaints will be reviewed and investigated promptly and fairly.
 
 All community leaders are obligated to respect the privacy and security of the

CONTRIBUTING.md

@@ -5,7 +5,7 @@
 You need NodeJS >= 14.x.x
 
 - Clone the repository.
-- `cd ./hackage-ui`.
+- `cd ./haskell-spotlight`.
 - See `Makefile`.
 - Before publish a PR, please ensure that it builds without errors in production mode: `npm run build && npm start`.
 
@@ -17,5 +17,5 @@ If you want to implement some significant change, it's better to create a GitHub
 - Propose feature ideas.
 - Report bugs.
 - Follow and retweet us on Twitter: [@HackageUI](https://twitter.com/HackageUI).
-- You can contribute by sponsoring the project or propose a job in a Haskell project to the [author](mailto:visotelle+hackage-ui@gmail.com). 🙂
+- You can contribute by sponsoring the project or propose a job in a Haskell project to the [author](mailto:visotelle+haskell-spotlight@gmail.com). 🙂
 - Any other way that will come to your mind.

README.md

@@ -26,6 +26,6 @@ The search widget is available in forms of:
 
 ## Changelog
 
-Changelog is available here: https://github.com/visortelle/hackage-ui/issues/2
+Changelog is available here: https://github.com/haskell-spotlight/haskell-spotlight/issues/2
 
 Don't forget to ⭐️ star the GitHub repository if you like it! 🙂

browser-extension/Makefile

@@ -2,13 +2,13 @@
 
 .PHONY: dev
 dev: ## Start development.
-	npm link @hackage-ui/react-lib
+	npm link @haskell-spotlight/react-lib
 	npm run dev
 
 .PHONY: build
 build: ## Build the project.
 	cd ../react-lib && make build && npm link
-	npm link @hackage-ui/react-lib
+	npm link @haskell-spotlight/react-lib
 	npm i
 	npm run build
 	# xcrun safari-web-extension-converter --project-location ./build/safari ./build

browser-extension/assets/manifest-v2.json

@@ -3,7 +3,7 @@
   "name": "Haskell Spotlight",
   "short_name": "Haskell Spotlight",
   "description": "Search on Hackage, Hoogle and more soon.",
-  "homepage_url": "https://github.com/visortelle/hackage-ui",
+  "homepage_url": "https://github.com/haskell-spotlight/haskell-spotlight",
   "version": "0.0.7",
   "icons": { "192": "images/icon-192.png" },
   "content_scripts": [
@@ -24,6 +24,6 @@
   "permissions": [
     "storage",
     "unlimitedStorage",
-    "https://hackage-ui.vercel.app/api/*"
+    "https://haskell-spotlight.vercel.app/api/*"
   ]
 }

browser-extension/assets/manifest-v3.json

@@ -3,7 +3,7 @@
   "name": "Haskell Spotlight",
   "short_name": "Haskell Spotlight",
   "description": "Search on Hackage, Hoogle and more soon.",
-  "homepage_url": "https://github.com/visortelle/hackage-ui",
+  "homepage_url": "https://github.com/haskell-spotlight/haskell-spotlight",
   "version": "0.0.7",
   "icons": { "192": "images/icon-192.png" },
   "content_scripts": [
@@ -21,11 +21,6 @@
     "default_title": "Haskell Spotlight",
     "default_popup": "popup.html"
   },
-  "permissions": [
-    "storage",
-    "unlimitedStorage"
-  ],
-  "host_permissions": [
-    "https://hackage-ui.vercel.app/api/*"
-  ]
+  "permissions": ["storage", "unlimitedStorage"],
+  "host_permissions": ["https://haskell-spotlight.vercel.app/api/*"]
 }

browser-extension/content/Content.tsx

@@ -1,4 +1,4 @@
-import * as lib from '@hackage-ui/react-lib';
+import * as lib from '@haskell-spotlight/react-lib';
 import styles from './Content.module.css';
 import * as s from './Content.module.css';
 import haskellLogo from '!!raw-loader!./haskell-monochrome.svg'
@@ -122,13 +122,13 @@ const Content = (props: { rootElement: HTMLElement }) => {
         {isReady && isShow && (
           <div ref={setContentEl} className={s.content}>
             <div className={`${s.progressIndicator} ${Object.keys(appContext.tasks).length > 0 ? s.progressIndicatorRunning : ''}`}></div>
-            <a href="https://github.com/visortelle/hackage-ui" target='__blank' className={s.logo} dangerouslySetInnerHTML={{ __html: haskellLogo }}></a>
+            <a href="https://github.com/haskell-spotlight/haskell-spotlight" target='__blank' className={s.logo} dangerouslySetInnerHTML={{ __html: haskellLogo }}></a>
             <div style={{ flex: 1 }}>
               <lib.searchInput.SearchInput
                 asEmbeddedWidget={true}
                 api={{
-                  hackageApiUrl: 'https://hackage-ui.vercel.app/api/hackage',
-                  hoogleApiUrl: 'https://hackage-ui.vercel.app/api/hoogle'
+                  hackageApiUrl: 'https://haskell-spotlight.vercel.app/api/hackage',
+                  hoogleApiUrl: 'https://haskell-spotlight.vercel.app/api/hoogle'
                 }}
               />
             </div>

browser-extension/content/render.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import documentStyles from './document.css';
 import Content from './Content';
-import * as lib from '@hackage-ui/react-lib'
+import * as lib from '@haskell-spotlight/react-lib'
 
 export function render({ to }: { to: HTMLElement }) {
   ReactDOM.render(

browser-extension/package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "@hackage-ui/browser-extension",
+  "name": "@haskell-spotlight/browser-extension",
   "version": "0.1.0",
   "lockfileVersion": 1,
   "requires": true,
@@ -445,7 +445,7 @@
       "integrity": "sha512-ws57AidsDvREKrZKYffXddNkyaF14iHNHm8VQnZH6t99E8gczjNN0GpvcGny0imC80yQ0tHz1xVUKk/KFQSUyA==",
       "dev": true
     },
-    "@hackage-ui/react-lib": {
+    "@haskell-spotlight/react-lib": {
       "version": "0.1.0",
       "requires": {
         "@types/gtag.js": "0.0.8",

browser-extension/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@hackage-ui/browser-extension",
+  "name": "@haskell-spotlight/browser-extension",
   "version": "0.1.0",
   "license": "MIT",
   "private": true,
@@ -9,7 +9,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@hackage-ui/react-lib": "*",
+    "@haskell-spotlight/react-lib": "*",
     "buffer": "^6.0.3",
     "crypto-browserify": "^3.12.0",
     "express": "^4.17.1",

browser-extension/popup/Popup.tsx

@@ -93,10 +93,10 @@ export default () => {
 
         <a
           style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '12px 12px 32px 12px', fontSize: '16px', fontWeight: 'bold', color: '#5e5086' }}
-          href="https://github.com/visortelle/hackage-ui"
+          href="https://github.com/haskell-spotlight/haskell-spotlight"
           target="__blank"
         >
-          ⭐️ github.com/visortelle/hackage-ui
+          ⭐️ github.com/haskell-spotlight/haskell-spotlight
         </a>
       </div>
     </div>

browser-extension/styles.ts

@@ -1,7 +1,7 @@
 import normalizeStyles from "../styles/normalize.css";
 import globalsStyles from "../styles/globals.css";
 import fontsStyles from "../styles/fonts.css";
-import reactLibStyles from "@hackage-ui/react-lib/dist/react-lib.css";
+import reactLibStyles from "@haskell-spotlight/react-lib/dist/react-lib.css";
 import reactToastifyStyles from "react-toastify/dist/ReactToastify.css";
 import hljsStyles from "highlight.js/styles/kimbie-light.css";
 

hackage-ui/public/styles/globals.css

@@ -1,111 +0,0 @@
-#__next {
-  min-height: inherit;
-}
-
-:root,
-:host {
-  font-size: 1px;
-  font-family: "Fira Sans", sans-serif;
-  color: var(--text-color);
-  line-height: 1.4;
-  font-variant-ligatures: none;
-  --background-color: #f6eedc;
-  --background-color-backdrop: rgba(94, 80, 134, 0.8);
-  --surface-color: #dfd8c7;
-  --surface-color-backdrop: rgba(94, 80, 134, 0.9);
-  --text-color: rgb(70, 70, 70);
-  --purple-color-1: #453a62;
-  --purple-color-2: #5e5086;
-  --purple-color-3: #8f4e8b;
-  --transition-short: all 180ms ease 0s;
-  --backdrop-filter-blur: blur(12px);
-  --accent-color-green: #04c262;
-  --accent-color-red: #bf4646;
-  --accent-color-yellow: #f8cf06;
-  --accent-color-blue: #5084ff;
-  --accent-color-purple: #9d50ff;
-  --max-content-width: 1000px;
-  --toastify-icon-color-success: var(--purple-color-2) !important;
-}
-
-html,
-body {
-  padding: 0;
-  margin: 0;
-  background-color: var(--background-color);
-  min-height: 100vh;
-}
-
-body {
-  font-size: 16rem;
-}
-
-a {
-  color: var(--purple-color-2);
-  text-decoration: none;
-}
-
-a:hover {
-  opacity: 0.66;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-code,
-pre {
-  font-family: "Fira Code", monospace;
-  overflow: auto;
-}
-
-code.hljs,
-pre.hljs {
-  border-radius: 4rem;
-  padding: 1rem 6rem;
-  font-size: 14rem;
-}
-
-code.hljs {
-  padding: 0rem 4rem !important;
-}
-
-pre.hljs {
-  padding: 8rem 18rem;
-}
-
-hr {
-  background-color: var(--surface-color);
-  width: 100%;
-  max-width: var(--max-content-width);
-  height: 4rem;
-  border: none;
-  border-radius: 4rem;
-}
-
-@keyframes loading-overlay {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0.066;
-  }
-}
-
-.loading-overlay:after {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  background: #000;
-  animation-name: loading-overlay;
-  animation-duration: 0.66s;
-  animation-timing-function: ease;
-  animation-iteration-count: infinite;
-  animation-direction: normal;
-}

hackage-ui/public/styles/normalize.css

@@ -1,285 +0,0 @@
-/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
-
-/*
-Document
-========
-*/
-
-/**
-Use a better box model (opinionated).
-*/
-
-*,
-::before,
-::after {
-	box-sizing: border-box;
-}
-
-/**
-1. Correct the line height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size (opinionated).
-*/
-
-html {
-	line-height: 1.15; /* 1 */
-	-webkit-text-size-adjust: 100%; /* 2 */
-	-moz-tab-size: 4; /* 3 */
-	tab-size: 4; /* 3 */
-}
-
-/*
-Sections
-========
-*/
-
-/**
-1. Remove the margin in all browsers.
-2. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-*/
-
-body {
-	margin: 0; /* 1 */
-	font-family:
-		system-ui,
-		-apple-system, /* Firefox supports this but not yet `system-ui` */
-		'Segoe UI',
-		Roboto,
-		Helvetica,
-		Arial,
-		sans-serif,
-		'Apple Color Emoji',
-		'Segoe UI Emoji'; /* 2 */
-}
-
-/*
-Grouping content
-================
-*/
-
-/**
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-*/
-
-hr {
-	height: 0; /* 1 */
-	color: inherit; /* 2 */
-}
-
-/*
-Text-level semantics
-====================
-*/
-
-/**
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr[title] {
-	text-decoration: underline dotted;
-}
-
-/**
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-	font-weight: bolder;
-}
-
-/**
-1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-2. Correct the odd 'em' font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-	font-family:
-		ui-monospace,
-		SFMono-Regular,
-		Consolas,
-		'Liberation Mono',
-		Menlo,
-		monospace; /* 1 */
-	font-size: 1em; /* 2 */
-}
-
-/**
-Add the correct font size in all browsers.
-*/
-
-small {
-	font-size: 80%;
-}
-
-/**
-Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-	font-size: 75%;
-	line-height: 0;
-	position: relative;
-	vertical-align: baseline;
-}
-
-sub {
-	bottom: -0.25em;
-}
-
-sup {
-	top: -0.5em;
-}
-
-/*
-Tabular data
-============
-*/
-
-/**
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-*/
-
-table {
-	text-indent: 0; /* 1 */
-	border-color: inherit; /* 2 */
-}
-
-/*
-Forms
-=====
-*/
-
-/**
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-	font-family: inherit; /* 1 */
-	font-size: 100%; /* 1 */
-	line-height: 1.15; /* 1 */
-	margin: 0; /* 2 */
-}
-
-/**
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-	text-transform: none;
-}
-
-/**
-Correct the inability to style clickable types in iOS and Safari.
-*/
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-	-webkit-appearance: button;
-}
-
-/**
-Remove the inner border and padding in Firefox.
-*/
-
-::-moz-focus-inner {
-	border-style: none;
-	padding: 0;
-}
-
-/**
-Restore the focus styles unset by the previous rule.
-*/
-
-:-moz-focusring {
-	outline: 1px dotted ButtonText;
-}
-
-/**
-Remove the additional ':invalid' styles in Firefox.
-See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
-*/
-
-:-moz-ui-invalid {
-	box-shadow: none;
-}
-
-/**
-Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
-*/
-
-legend {
-	padding: 0;
-}
-
-/**
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-	vertical-align: baseline;
-}
-
-/**
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-	height: auto;
-}
-
-/**
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-	-webkit-appearance: textfield; /* 1 */
-	outline-offset: -2px; /* 2 */
-}
-
-/**
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-	-webkit-appearance: none;
-}
-
-/**
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to 'inherit' in Safari.
-*/
-
-::-webkit-file-upload-button {
-	-webkit-appearance: button; /* 1 */
-	font: inherit; /* 2 */
-}
-
-/*
-Interactive
-===========
-*/
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-	display: list-item;
-}

react-lib/package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "@hackage-ui/react-lib",
+  "name": "@haskell-spotlight/react-lib",
   "version": "0.1.0",
   "lockfileVersion": 1,
   "requires": true,

react-lib/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@hackage-ui/react-lib",
+  "name": "@haskell-spotlight/react-lib",
   "version": "0.1.0",
   "license": "MIT",
   "private": true,

react-lib/src/AppContext/AppContext.tsx

@@ -4,7 +4,7 @@ import s from './AppContext.module.css';
 import { Analytics, AnalyticsState } from '../Analytics/Analytics';
 import type { Browser } from 'webextension-polyfill';
 
-export const toastContainerId = 'hackage-ui-toast-container';
+export const toastContainerId = 'haskell-spotlight-toast-container';
 
 export type SearchHistory = string[];
 

vscode-extension/Makefile

@@ -2,13 +2,13 @@
 
 .PHONY: dev
 dev: ## Start development.
-	npm link @hackage-ui/react-lib
+	npm link @haskell-spotlight/react-lib
 	npm run dev
 
 .PHONY: build
 build: ## Build the project.
 	cd ../react-lib && make build && npm link
-	npm link @hackage-ui/react-lib
+	npm link @haskell-spotlight/react-lib
 	npm i
 	npm run build
 

vscode-extension/package-lock.json

@@ -1205,7 +1205,7 @@
       "integrity": "sha512-ws57AidsDvREKrZKYffXddNkyaF14iHNHm8VQnZH6t99E8gczjNN0GpvcGny0imC80yQ0tHz1xVUKk/KFQSUyA==",
       "dev": true
     },
-    "@hackage-ui/react-lib": {
+    "@haskell-spotlight/react-lib": {
       "version": "0.1.0",
       "dev": true,
       "requires": {

vscode-extension/package.json

@@ -7,13 +7,13 @@
   "displayName": "Haskell Spotlight",
   "license": "MIT",
   "preview": true,
-  "homepage": "https://github.com/visortelle/hackage-ui/blob/main/README.md",
+  "homepage": "https://github.com/haskell-spotlight/haskell-spotlight/blob/main/README.md",
   "repository": {
     "type": "git",
-    "url": "https://github.com/visortelle/hackage-ui"
+    "url": "https://github.com/haskell-spotlight/haskell-spotlight"
   },
   "bugs": {
-    "url": "https://github.com/visortelle/hackage-ui/issues"
+    "url": "https://github.com/haskell-spotlight/haskell-spotlight/issues"
   },
   "engines": {
     "vscode": "^1.47.0"
@@ -53,7 +53,7 @@
     "dev": "chokidar \"**/*\" -i \"node_modules/**/*\" -i \"build\" -c \"npm run build:dev\" --initial"
   },
   "devDependencies": {
-    "@hackage-ui/react-lib": "*",
+    "@haskell-spotlight/react-lib": "*",
     "highlight.js": "^11.4.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

vscode-extension/src/webview.tsx

@@ -1,4 +1,4 @@
-import * as lib from "@hackage-ui/react-lib";
+import * as lib from "@haskell-spotlight/react-lib";
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import * as ReactDOM from 'react-dom';
 import { applyStyles } from '../styles';
@@ -12,13 +12,13 @@ const Spotlight = () => {
   return (
     <div className={s.content}>
       <div className={`${s.progressIndicator} ${Object.keys(appContext.tasks).length > 0 ? s.progressIndicatorRunning : ''}`}></div>
-      <a href="https://github.com/visortelle/hackage-ui" target='__blank' className={s.logo} dangerouslySetInnerHTML={{ __html: haskellLogo }}></a>
+      <a href="https://github.com/haskell-spotlight/haskell-spotlight" target='__blank' className={s.logo} dangerouslySetInnerHTML={{ __html: haskellLogo }}></a>
       <div style={{ flex: 1 }}>
         <lib.searchInput.SearchInput
           asEmbeddedWidget={true}
           api={{
-            hackageApiUrl: 'https://hackage-ui.vercel.app/api/hackage',
-            hoogleApiUrl: 'https://hackage-ui.vercel.app/api/hoogle'
+            hackageApiUrl: 'https://haskell-spotlight.vercel.app/api/hackage',
+            hoogleApiUrl: 'https://haskell-spotlight.vercel.app/api/hoogle'
           }}
         />
       </div>

vscode-extension/styles.ts

@@ -1,7 +1,7 @@
 import normalizeStyles from "../styles/normalize.css";
 import globalsStyles from "../styles/globals.css";
 import fontsStyles from "../styles/fonts.css";
-import reactLibStyles from "@hackage-ui/react-lib/dist/react-lib.css";
+import reactLibStyles from "@haskell-spotlight/react-lib/dist/react-lib.css";
 import reactToastifyStyles from "react-toastify/dist/ReactToastify.css";
 import hljsStyles from "highlight.js/styles/kimbie-light.css";
 

website/Makefile

@@ -3,13 +3,13 @@
 .PHONY: dev
 dev: ## Start development.
 	cd ../react-lib && make build && npm link
-	npm link @hackage-ui/react-lib
+	npm link @haskell-spotlight/react-lib
 	npm run dev
 
 .PHONY: build
 build: ## Build the project.
 	cd ../react-lib && make build && npm link
-	npm link @hackage-ui/react-lib
+	npm link @haskell-spotlight/react-lib
 	npm i
 	npm run build
 

website/components/forms/Button.tsx

@@ -1,6 +1,6 @@
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode, useContext } from 'react';
 import s from './Button.module.css';
-import * as lib from '@hackage-ui/react-lib';
+import * as lib from '@haskell-spotlight/react-lib';
 
 export type ButtonProps = {
   children: ReactNode,

website/components/forms/CopyButton.tsx

@@ -2,7 +2,7 @@ import { useContext } from 'react';
 import contentCopyIcon from '!!raw-loader!../icons/content-copy.svg';
 import SvgIcon from '../icons/SVGIcon';
 import s from './CopyButton.module.css';
-import * as lib from '@hackage-ui/react-lib';
+import * as lib from '@haskell-spotlight/react-lib';
 
 export type CopyButtonProps = {
   analyticsId: string,

website/components/layout/Footer.tsx

@@ -3,7 +3,7 @@ import SvgIcon from '../icons/SVGIcon';
 import githubIcon from '!!raw-loader!../icons/github.svg';
 import twitterIcon from '!!raw-loader!../icons/twitter.svg';
 import discourseIcon from '!!raw-loader!../icons/discourse-monochrome.svg';
-import * as lib from '@hackage-ui/react-lib';
+import * as lib from '@haskell-spotlight/react-lib';
 import { ReactNode } from 'react';
 
 const FooterLink = (props: { href: string, children: ReactNode }) => {
@@ -37,7 +37,7 @@ const Footer = () => {
         <div className={s.footerColumn}>
           <h3 className={s.footerColumnHeader}>Social</h3>
           <FooterLink href="https://twitter.com/HackageUI"><SvgIcon svg={twitterIcon} />@HackageUI</FooterLink>
-          <FooterLink href="https://github.com/visortelle/hackage-ui"><SvgIcon svg={githubIcon} />visortelle/hackage-ui</FooterLink>
+          <FooterLink href="https://github.com/haskell-spotlight/haskell-spotlight"><SvgIcon svg={githubIcon} />haskell-spotlight/haskell-spotlight</FooterLink>
           <FooterLink href="https://twitter.com/haskellfound"><SvgIcon svg={twitterIcon} />@haskellfound</FooterLink>
           <FooterLink href="https://discourse.haskell.org/c/haskell-foundation"><SvgIcon svg={discourseIcon} />discourse.haskell.org</FooterLink>
         </div>

website/components/layout/GlobalMenu.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState, useContext } from 'react';
 import s from './GlobalMenu.module.css';
 import Logo from '../branding/Logo';
-import * as lib from '@hackage-ui/react-lib';
+import * as lib from '@haskell-spotlight/react-lib';
 import { SettingsButton } from '../forms/Settings';
 import { useRouter } from 'next/router';
 

website/components/pages/home/HomePage.tsx

@@ -10,7 +10,7 @@ import haskellMonochromeIcon from '!!raw-loader!../../icons/haskell-monochrome.s
 import Footer from "../../layout/Footer";
 import Greeting from "../../layout/Greeting";
 import VerticalList, { Item } from "../../widgets/VerticalList";
-import * as lib from "@hackage-ui/react-lib";
+import * as lib from "@haskell-spotlight/react-lib";
 import { useContext, useEffect } from "react";
 
 export type HomeProps = {
@@ -46,7 +46,7 @@ const Home = (props: HomeProps) => {
       >
         <div className={s.gettingStarted}>
           <SidebarButton
-            onClick={() => { }} href="https://github.com/visortelle/hackage-ui/issues/"
+            onClick={() => { }} href="https://github.com/haskell-spotlight/haskell-spotlight/issues/"
             overrides={{ style: { flex: 'initial', backgroundColor: 'var(--text-color)', marginBottom: '12rem', justifyContent: 'flex-start', padding: '12rem 24rem', fontSize: '18rem', marginRight: '24rem' } }}
           >
             <SvgIcon svg={gitHubIcon} />

website/components/pages/package/DependenciesPage.tsx

@@ -1,7 +1,7 @@
 import s from './DependenciesPage.module.css';
 import { PackageProps, Dependency } from './common';
 import Layout from './Layout';
-import * as lib from '@hackage-ui/react-lib';
+import * as lib from '@haskell-spotlight/react-lib';
 
 const screenName = 'PackageDependentsPage';
 

website/components/pages/package/DependentsPage.tsx

@@ -1,7 +1,7 @@
 import s from './DependentsPage.module.css';
 import { PackageProps, ReverseDependency } from './common';
 import Layout from './Layout';
-import * as lib from '@hackage-ui/react-lib';
+import * as lib from '@haskell-spotlight/react-lib';
 import { useState, memo } from 'react';
 import SmallButton from './SmallButton';
 

website/components/pages/package/Sidebar.tsx

@@ -11,7 +11,7 @@ import bugReportIcon from '!!raw-loader!../../icons/bug-report.svg';
 import updatedAtIcon from '!!raw-loader!../../icons/updated-at.svg';
 import SidebarButton from "../../forms/SidebarButton";
 import { PackageProps } from './common';
-import * as lib from '@hackage-ui/react-lib';
+import * as lib from '@haskell-spotlight/react-lib';
 
 const tooltipId = 'package-sidebar-tooltip';