✨ feat: Add www to cloudflare pages (#105)

Co-authored-by: --global <--global>

Add our website to cloudflare pages

packages/ui/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "sideEffects": false,
   "files": [
-    "tailwind.config.ts",
+    "tailwind.config.js",
     "postcss.config.js",
     "globals.css"
   ],
@@ -26,9 +26,9 @@
     "@builder.io/qwik-react": "0.5.0",
     "@fontsource/bricolage-grotesque": "^5.0.7",
     "@fontsource/geist-sans": "^5.0.3",
-    "@nestri/eslint-config": "workspace:*",
-    "@nestri/typescript-config": "workspace:*",
-    "@nestri/core": "workspace:*",
+    "@nestri/eslint-config": "*",
+    "@nestri/typescript-config": "*",
+    "@nestri/core": "*",
     "@turbo/gen": "^1.12.4",
     "@types/eslint": "^8.56.5",
     "@types/node": "^20.11.24",

packages/ui/post.config.js

@@ -1,4 +1,4 @@
-export default {
+module.exports = {
     plugins: {
         tailwindcss: {},
         autoprefixer: {},

packages/ui/src/card.tsx

@@ -10,7 +10,6 @@ type Props = {
 export const Card = component$(({ game }: Props) => {
     const imageUrl = `http://localhost:8787/image/cover/${game.id}.avif`
     const backgroundColor = useSignal<string | undefined>(undefined);
-    const ringColor = useSignal<string | undefined>(undefined);
     const imgRef = useSignal<HTMLImageElement>();
 
     const extractColor = $((img: HTMLImageElement) => {

packages/ui/src/github-banner.tsx

@@ -1,5 +1,5 @@
 import { component$ } from "@builder.io/qwik";
-import { MotionComponent, transition } from "@/react/motion";
+import { MotionComponent, transition } from "@nestri/ui/react";
 import { Link } from "@builder.io/qwik-city";
 
 export const GithubBanner = component$(() => {

packages/ui/src/home-nav-bar.tsx

@@ -1,5 +1,5 @@
 import { $, component$, useOnDocument, useSignal } from "@builder.io/qwik";
-import { cn } from "@/design";
+import { cn } from "./design";
 
 export const HomeNavBar = component$(() => {
     const hasScrolled = useSignal(false);

packages/ui/src/image/basic-image-loader.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable qwik/no-use-visible-task */
-import { cn } from '@/design';
-import { component$, useSignal, useTask$, useStyles$, useVisibleTask$, $ } from '@builder.io/qwik';
+import { cn } from '@nestri/ui/design';
+import { component$, useSignal, useTask$, useStyles$, useVisibleTask$ } from '@builder.io/qwik';
 
 interface ImageLoaderProps {
   src: string;

packages/ui/src/image/image-loader.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable qwik/no-use-visible-task */
-import { cn } from '@/design';
+import { cn } from '@nestri/ui/design';
 import { component$, useSignal, useTask$, useStyles$, useVisibleTask$, $ } from '@builder.io/qwik';
 
 interface ImageLoaderProps {

packages/ui/src/input.tsx

@@ -2,7 +2,7 @@ import {
     form,
     cn,
     type InputProps as InputVariants,
-} from "@/design"
+} from "./design"
 import { type QwikIntrinsicElements, component$ } from '@builder.io/qwik';
 
 export interface InputComponentProps extends Omit<QwikIntrinsicElements["input"], 'size'>, InputVariants {

packages/ui/src/nav-bar.tsx

@@ -1,6 +1,6 @@
 import { $, component$, useOnDocument, useSignal } from "@builder.io/qwik";
 import { Link, useLocation } from "@builder.io/qwik-city";
-import { buttonVariants, cn } from "@/design";
+import { buttonVariants, cn } from "./design";
 
 const navLinks = [
     {

packages/ui/src/react/cursor.tsx

@@ -1,7 +1,7 @@
 /** @jsxImportSource react */
 import React from 'react'
 import { motion } from 'framer-motion'
-import { cn } from '@/design'
+import { cn } from "@nestri/ui/design"
 import { qwikify$ } from '@builder.io/qwik-react';
 
 export const CursorSVG = ({ flip }: { flip?: boolean }) => (

packages/ui/src/react/display.tsx

@@ -6,9 +6,9 @@ import {
     type DisplayProps as DisplayVariants,
     type TextAlignProp,
     type TextWeightProp
-} from "@/design"
+} from "@nestri/ui/design"
 import * as ReactBalancer from "react-wrap-balancer"
-import { cn } from "@/design"
+import { cn } from "@nestri/ui/design"
 import { qwikify$ } from "@builder.io/qwik-react"
 
 type DisplaySize = DisplayVariants["size"]

packages/ui/src/react/hero-section.tsx

@@ -2,7 +2,7 @@
 /** @jsxImportSource react */
 import { qwikify$ } from "@builder.io/qwik-react";
 import { motion } from "framer-motion"
-import { ReactDisplay } from "@/react/display"
+import { ReactDisplay } from "./display"
 import * as React from "react"
 // type Props = {
 //     children?: React.ReactElement[]

packages/ui/src/react/marquee.tsx

@@ -1,4 +1,4 @@
-import { cn } from "@/design";
+import { cn } from "@nestri/ui/design";
 import { component$, useStore, type Component } from "@builder.io/qwik";
 
 

packages/ui/src/react/my-cursor.tsx

@@ -1,7 +1,6 @@
 /** @jsxImportSource react */
 import React from 'react'
-import { motion } from 'framer-motion'
-import { cn } from '@/design'
+import { cn } from "@nestri/ui/design"
 import { qwikify$ } from '@builder.io/qwik-react';
 
 export const CursorSVG = ({ flip }: { flip?: boolean }) => (

packages/ui/src/react/save.tsx

@@ -1,5 +1,5 @@
 /** @jsxImportSource react */
-import { cn } from "@/design";
+import { cn } from "@nestri/ui/design";
 import { qwikify$ } from "@builder.io/qwik-react";
 import React, { useEffect, useRef, useState } from "react";
 import {

packages/ui/src/react/text.tsx

@@ -7,7 +7,7 @@ import {
   type TextAlignProp,
   type TextWeightProp,
   cn
-} from "@/design"
+} from "@nestri/ui/design"
 // import * as ReactBalancer from "react-wrap-balancer"
 import { qwikify$ } from "@builder.io/qwik-react"
 

packages/ui/src/react/title-section.tsx

@@ -2,7 +2,7 @@
 /** @jsxImportSource react */
 import { qwikify$ } from "@builder.io/qwik-react";
 import { motion } from "framer-motion"
-import { ReactDisplay } from "@/react/display"
+import { ReactDisplay } from "./display"
 // type Props = {
 //     children?: React.ReactElement[]
 // }

packages/ui/src/react/title.tsx

@@ -7,7 +7,7 @@ import {
     type TextAlignProp,
     type TextWeightProp,
     cn
-} from "@/design"
+} from "@nestri/ui/design"
 import { qwikify$ } from "@builder.io/qwik-react";
 
 

packages/ui/tsconfig.json

@@ -3,10 +3,7 @@
   "compilerOptions": {
     "outDir": "tmp",
     "rootDir": ".",
-    "allowImportingTsExtensions": true,
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+    "allowImportingTsExtensions": true
   },
   "files": [".eslintrc.js"],
   "include": ["src", "./*.d.ts"]

packages/ui/tsconfig.lint.json

@@ -2,6 +2,7 @@
   "extends": "@nestri/typescript-config/base.json",
   "compilerOptions": {
     "outDir": "dist",
+    "allowImportingTsExtensions": true
   },
   "include": ["src", "./*.config.js","./.eslintrc.js"],
   "exclude": ["node_modules", "dist"]