Remove the use of Koala (#1853)

* Remove the use of Koala

* Fix prettier tailwind css issue.
Additionally fix local auto fix by pinning tailwindcss version to prevent tooling from having multiple versions depending on monorepo location.

* Remove unused directive

Author: Relequestual

package.json

@@ -31,6 +31,7 @@
     "remark-preset-lint-markdown-style-guide": "5.1.3",
     "remark-preset-lint-recommended": "6.1.3",
     "remark-preset-prettier": "2.0.1",
+    "tailwindcss": "^3.4.17",
     "typescript": "5.7.3",
     "wrangler": "4.1.0"
   },

packages/website-router/src/html-handlers/koala.ts

@@ -8,7 +8,6 @@ import { handleFeed, shouldHandleFeed } from './feed/handler';
 import { BannerHandler } from './html-handlers/banner';
 import { CrispHandler } from './html-handlers/crisp';
 import { GoogleAnalyticsHandler } from './html-handlers/ga';
-import { KoalaHandler } from './html-handlers/koala';
 import { handleRobotsTxt, shouldHandleRobotsTxt } from './robots/handler';
 import { handleRewrite, ManipulateResponseFn, redirect } from './routing';
 import { handleSitemap, shouldHandleSitemap } from './sitemap/handler';
@@ -41,7 +40,6 @@ const manipulateResponse: ManipulateResponseFn = async (record, rawResponse) =>
     result = new HTMLRewriter()
       .on('head', new FaviconHandler())
       .on('head', new CrispHandler(crispWebsiteId, record))
-      .on('head', new KoalaHandler(koaliaPk))
       .on('body', new BannerHandler(defaultBanner || record.banner))
       .on('head', new GoogleAnalyticsHandler(gaTrackingId))
       .transform(result);

packages/website-router/src/index.ts

@@ -1,5 +1,4 @@
 import hocusPlugin from 'tailwindcss-hocus';
-// @ts-expect-error -- types are missing
 import plugin from 'tailwindcss/plugin';
 import config from '@theguild/tailwind-config';
 

pnpm-lock.yaml

@@ -19,14 +19,6 @@ export const GetInTouchForm = (): ReactElement => {
         notes: Yup.string().optional().required(),
       }),
       async onSubmit({ name, email, notes }) {
-        try {
-          if ('ko' in globalThis) {
-            globalThis.ko.identify({ email, name });
-          }
-        } catch {
-          // nothing to do here, maybe koala was not loaded
-        }
-
         const response = await fetch('https://utils.the-guild.dev/api/contact-us', {
           method: 'POST',
           headers: {