diff --git a/Editor/CMakeLists.txt b/Editor/CMakeLists.txt index 60516752e..16ba4612e 100644 --- a/Editor/CMakeLists.txt +++ b/Editor/CMakeLists.txt @@ -30,6 +30,7 @@ if (${CMAKE_SYSTEM_NAME} STREQUAL "Windows") TARGET Editor POST_BUILD # ++ QT 6.9.1 Temporal Fix Start # #see https://bugreports.qt.io/browse/QTBUG-137542 + # NOTICE: seems cause some error on debug config, like render process crash after hover a remote link, please use DebugWithRelease before official fix at 6.9.2 COMMAND ${CMAKE_COMMAND} -E copy_if_different ${QT_LIB_PREFIX}/resources/qtwebengine_devtools_resources.pak ${QT_LIB_PREFIX}/resources/qtwebengine_devtools_resources.debug.pak COMMAND ${CMAKE_COMMAND} -E copy_if_different ${QT_LIB_PREFIX}/resources/qtwebengine_resources.pak ${QT_LIB_PREFIX}/resources/qtwebengine_resources.debug.pak COMMAND ${CMAKE_COMMAND} -E copy_if_different ${QT_LIB_PREFIX}/resources/qtwebengine_resources_100p.pak ${QT_LIB_PREFIX}/resources/qtwebengine_resources_100p.debug.pak diff --git a/Editor/Src/Widget/ProjectHub.cpp b/Editor/Src/Widget/ProjectHub.cpp index 5407e23ef..ab45d6ba7 100644 --- a/Editor/Src/Widget/ProjectHub.cpp +++ b/Editor/Src/Widget/ProjectHub.cpp @@ -9,7 +9,7 @@ namespace Editor { ProjectHub::ProjectHub(QWidget* inParent) : WebWidget(inParent) { - // TODO - Load("/"); + setFixedSize(800, 600); + Load("/project-hub"); } } // namespace Editor diff --git a/Editor/Web/README.md b/Editor/Web/README.md deleted file mode 100644 index 30476e802..000000000 --- a/Editor/Web/README.md +++ /dev/null @@ -1,50 +0,0 @@ -# Vite & HeroUI Template - -This is a template for creating applications using Vite and HeroUI (v2). - -[Try it on CodeSandbox](https://githubbox.com/frontio-ai/vite-template) - -## Technologies Used - -- [Vite](https://vitejs.dev/guide/) -- [HeroUI](https://heroui.com) -- [Tailwind CSS](https://tailwindcss.com) -- [Tailwind Variants](https://tailwind-variants.org) -- [TypeScript](https://www.typescriptlang.org) -- [Framer Motion](https://www.framer.com/motion) - -## How to Use - -To clone the project, run the following command: - -```bash -git clone https://github.com/frontio-ai/vite-template.git -``` - -### Install dependencies - -You can use one of them `npm`, `yarn`, `pnpm`, `bun`, Example using `npm`: - -```bash -npm install -``` - -### Run the development server - -```bash -npm run dev -``` - -### Setup pnpm (optional) - -If you are using `pnpm`, you need to add the following code to your `.npmrc` file: - -```bash -public-hoist-pattern[]=*@heroui/* -``` - -After modifying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly. - -## License - -Licensed under the [MIT license](https://github.com/frontio-ai/vite-template/blob/main/LICENSE). diff --git a/Editor/Web/package.json b/Editor/Web/package.json index 2808466ff..19bb9ca2c 100644 --- a/Editor/Web/package.json +++ b/Editor/Web/package.json @@ -14,11 +14,17 @@ "@heroui/code": "^2.2.18", "@heroui/dropdown": "^2.3.24", "@heroui/input": "^2.4.25", + "@heroui/breadcrumbs": "^2.2.20", + "@heroui/avatar": "^2.2.20", "@heroui/kbd": "^2.2.19", "@heroui/link": "^2.2.21", + "@heroui/tabs": "^2.2.21", "@heroui/navbar": "^2.2.22", "@heroui/snippet": "^2.2.25", + "@heroui/form": "^2.1.24", "@heroui/switch": "^2.2.22", + "@heroui/chip": "^2.2.20", + "@heroui/user": "^2.2.20", "@heroui/system": "^2.4.20", "@heroui/theme": "^2.4.20", "@heroui/use-theme": "2.1.10", diff --git a/Editor/Web/public/logo.png b/Editor/Web/public/logo.png new file mode 100644 index 000000000..ffd4edeee Binary files /dev/null and b/Editor/Web/public/logo.png differ diff --git a/Editor/Web/src/App.tsx b/Editor/Web/src/App.tsx index fa20d7ba7..73927df6d 100644 --- a/Editor/Web/src/App.tsx +++ b/Editor/Web/src/App.tsx @@ -1,19 +1,10 @@ import { Route, Routes } from "react-router-dom"; - -import IndexPage from "@/pages/index"; -import DocsPage from "@/pages/docs"; -import PricingPage from "@/pages/pricing"; -import BlogPage from "@/pages/blog"; -import AboutPage from "@/pages/about"; +import ProjectHubPage from "@/pages/project-hub"; function App() { return ( - } path="/" /> - } path="/docs" /> - } path="/pricing" /> - } path="/blog" /> - } path="/about" /> + } path="/project-hub"/> ); } diff --git a/Editor/Web/src/components/icons.tsx b/Editor/Web/src/components/icons.tsx deleted file mode 100644 index ccc5d8ce5..000000000 --- a/Editor/Web/src/components/icons.tsx +++ /dev/null @@ -1,186 +0,0 @@ -import * as React from "react"; - -import { IconSvgProps } from "@/types"; - -export const Logo: React.FC = ({ - size = 36, - height, - ...props -}) => ( - - - -); - -export const DiscordIcon: React.FC = ({ - size = 24, - width, - height, - ...props -}) => { - return ( - - - - ); -}; - -export const TwitterIcon: React.FC = ({ - size = 24, - width, - height, - ...props -}) => { - return ( - - - - ); -}; - -export const GithubIcon: React.FC = ({ - size = 24, - width, - height, - ...props -}) => { - return ( - - - - ); -}; - -export const MoonFilledIcon = ({ - size = 24, - width, - height, - ...props -}: IconSvgProps) => ( - -); - -export const SunFilledIcon = ({ - size = 24, - width, - height, - ...props -}: IconSvgProps) => ( - -); - -export const HeartFilledIcon = ({ - size = 24, - width, - height, - ...props -}: IconSvgProps) => ( - -); - -export const SearchIcon = (props: IconSvgProps) => ( - -); diff --git a/Editor/Web/src/components/navbar.tsx b/Editor/Web/src/components/navbar.tsx deleted file mode 100644 index 521aeba08..000000000 --- a/Editor/Web/src/components/navbar.tsx +++ /dev/null @@ -1,144 +0,0 @@ -import { Button } from "@heroui/button"; -import { Kbd } from "@heroui/kbd"; -import { Link } from "@heroui/link"; -import { Input } from "@heroui/input"; -import { - Navbar as HeroUINavbar, - NavbarBrand, - NavbarContent, - NavbarItem, - NavbarMenuToggle, - NavbarMenu, - NavbarMenuItem, -} from "@heroui/navbar"; -import { link as linkStyles } from "@heroui/theme"; -import clsx from "clsx"; - -import { siteConfig } from "@/config/site"; -import { ThemeSwitch } from "@/components/theme-switch"; -import { - TwitterIcon, - GithubIcon, - DiscordIcon, - HeartFilledIcon, - SearchIcon, -} from "@/components/icons"; -import { Logo } from "@/components/icons"; - -export const Navbar = () => { - const searchInput = ( - - K - - } - labelPlacement="outside" - placeholder="Search..." - startContent={ - - } - type="search" - /> - ); - - return ( - - - - - -

ACME

- - -
- {siteConfig.navItems.map((item) => ( - - - {item.label} - - - ))} -
- - - - - - - - - - - - - - - - {searchInput} - - - - - - - - - - - - - - - {searchInput} -
- {siteConfig.navMenuItems.map((item, index) => ( - - - {item.label} - - - ))} -
- - - ); -}; diff --git a/Editor/Web/src/components/primitives.ts b/Editor/Web/src/components/primitives.ts deleted file mode 100644 index ef587a752..000000000 --- a/Editor/Web/src/components/primitives.ts +++ /dev/null @@ -1,53 +0,0 @@ -import { tv } from "tailwind-variants"; - -export const title = tv({ - base: "tracking-tight inline font-semibold", - variants: { - color: { - violet: "from-[#FF1CF7] to-[#b249f8]", - yellow: "from-[#FF705B] to-[#FFB457]", - blue: "from-[#5EA2EF] to-[#0072F5]", - cyan: "from-[#00b7fa] to-[#01cfea]", - green: "from-[#6FEE8D] to-[#17c964]", - pink: "from-[#FF72E1] to-[#F54C7A]", - foreground: "dark:from-[#FFFFFF] dark:to-[#4B4B4B]", - }, - size: { - sm: "text-3xl lg:text-4xl", - md: "text-[2.3rem] lg:text-5xl", - lg: "text-4xl lg:text-6xl", - }, - fullWidth: { - true: "w-full block", - }, - }, - defaultVariants: { - size: "md", - }, - compoundVariants: [ - { - color: [ - "violet", - "yellow", - "blue", - "cyan", - "green", - "pink", - "foreground", - ], - class: "bg-clip-text text-transparent bg-gradient-to-b", - }, - ], -}); - -export const subtitle = tv({ - base: "w-full md:w-1/2 my-2 text-lg lg:text-xl text-default-600 block max-w-full", - variants: { - fullWidth: { - true: "!w-full", - }, - }, - defaultVariants: { - fullWidth: true, - }, -}); diff --git a/Editor/Web/src/components/theme-switch.tsx b/Editor/Web/src/components/theme-switch.tsx deleted file mode 100644 index e38858e38..000000000 --- a/Editor/Web/src/components/theme-switch.tsx +++ /dev/null @@ -1,82 +0,0 @@ -import { FC, useState, useEffect } from "react"; -import { VisuallyHidden } from "@react-aria/visually-hidden"; -import { SwitchProps, useSwitch } from "@heroui/switch"; -import clsx from "clsx"; -import { useTheme } from "@heroui/use-theme"; - -import { SunFilledIcon, MoonFilledIcon } from "@/components/icons"; - -export interface ThemeSwitchProps { - className?: string; - classNames?: SwitchProps["classNames"]; -} - -export const ThemeSwitch: FC = ({ - className, - classNames, -}) => { - const [isMounted, setIsMounted] = useState(false); - - const { theme, setTheme } = useTheme(); - - const { - Component, - slots, - isSelected, - getBaseProps, - getInputProps, - getWrapperProps, - } = useSwitch({ - isSelected: theme === "light", - onChange: () => setTheme(theme === "light" ? "dark" : "light"), - }); - - useEffect(() => { - setIsMounted(true); - }, [isMounted]); - - // Prevent Hydration Mismatch - if (!isMounted) return
; - - return ( - - - - -
- {isSelected ? ( - - ) : ( - - )} -
- - ); -}; diff --git a/Editor/Web/src/config/site.ts b/Editor/Web/src/config/site.ts deleted file mode 100644 index 62d4d36eb..000000000 --- a/Editor/Web/src/config/site.ts +++ /dev/null @@ -1,69 +0,0 @@ -export type SiteConfig = typeof siteConfig; - -export const siteConfig = { - name: "Vite + HeroUI", - description: "Make beautiful websites regardless of your design experience.", - navItems: [ - { - label: "Home", - href: "/", - }, - { - label: "Docs", - href: "/docs", - }, - { - label: "Pricing", - href: "/pricing", - }, - { - label: "Blog", - href: "/blog", - }, - { - label: "About", - href: "/about", - }, - ], - navMenuItems: [ - { - label: "Profile", - href: "/profile", - }, - { - label: "Dashboard", - href: "/dashboard", - }, - { - label: "Projects", - href: "/projects", - }, - { - label: "Team", - href: "/team", - }, - { - label: "Calendar", - href: "/calendar", - }, - { - label: "Settings", - href: "/settings", - }, - { - label: "Help & Feedback", - href: "/help-feedback", - }, - { - label: "Logout", - href: "/logout", - }, - ], - links: { - github: "https://github.com/frontio-ai/heroui", - twitter: "https://twitter.com/hero_ui", - docs: "https://heroui.com", - discord: "https://discord.gg/9b6yyZKmH4", - sponsor: "https://patreon.com/jrgarciadev", - }, -}; diff --git a/Editor/Web/src/layouts/default.tsx b/Editor/Web/src/layouts/default.tsx deleted file mode 100644 index 4b12deef2..000000000 --- a/Editor/Web/src/layouts/default.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Link } from "@heroui/link"; - -import { Navbar } from "@/components/navbar"; - -export default function DefaultLayout({ - children, -}: { - children: React.ReactNode; -}) { - return ( -
- -
- {children} -
-
- - Powered by -

HeroUI

- -
-
- ); -} diff --git a/Editor/Web/src/main.tsx b/Editor/Web/src/main.tsx index f47dded3c..506a0df82 100644 --- a/Editor/Web/src/main.tsx +++ b/Editor/Web/src/main.tsx @@ -10,7 +10,9 @@ ReactDOM.createRoot(document.getElementById("root")!).render( - +
+ +
, diff --git a/Editor/Web/src/pages/about.tsx b/Editor/Web/src/pages/about.tsx deleted file mode 100644 index f27abd162..000000000 --- a/Editor/Web/src/pages/about.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import { title } from "@/components/primitives"; -import DefaultLayout from "@/layouts/default"; - -export default function DocsPage() { - return ( - -
-
-

About

-
-
- - ); -} diff --git a/Editor/Web/src/pages/blog.tsx b/Editor/Web/src/pages/blog.tsx deleted file mode 100644 index b901abc34..000000000 --- a/Editor/Web/src/pages/blog.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import { title } from "@/components/primitives"; -import DefaultLayout from "@/layouts/default"; - -export default function DocsPage() { - return ( - -
-
-

Blog

-
-
- - ); -} diff --git a/Editor/Web/src/pages/docs.tsx b/Editor/Web/src/pages/docs.tsx deleted file mode 100644 index 5912a1cd2..000000000 --- a/Editor/Web/src/pages/docs.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import { title } from "@/components/primitives"; -import DefaultLayout from "@/layouts/default"; - -export default function DocsPage() { - return ( - -
-
-

Docs

-
-
- - ); -} diff --git a/Editor/Web/src/pages/index.tsx b/Editor/Web/src/pages/index.tsx deleted file mode 100644 index d2b91028e..000000000 --- a/Editor/Web/src/pages/index.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import { Link } from "@heroui/link"; -import { Snippet } from "@heroui/snippet"; -import { Code } from "@heroui/code"; -import { button as buttonStyles } from "@heroui/theme"; - -import { siteConfig } from "@/config/site"; -import { title, subtitle } from "@/components/primitives"; -import { GithubIcon } from "@/components/icons"; -import DefaultLayout from "@/layouts/default"; - -export default function IndexPage() { - return ( - -
-
- Make  - beautiful  -
- - websites regardless of your design experience. - -
- Beautiful, fast and modern React UI library. -
-
- -
- - Documentation - - - - GitHub - -
- -
- - - Get started by editing{" "} - pages/index.tsx - - -
-
- - ); -} diff --git a/Editor/Web/src/pages/pricing.tsx b/Editor/Web/src/pages/pricing.tsx deleted file mode 100644 index d8b165c60..000000000 --- a/Editor/Web/src/pages/pricing.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import { title } from "@/components/primitives"; -import DefaultLayout from "@/layouts/default"; - -export default function DocsPage() { - return ( - -
-
-

Pricing

-
-
- - ); -} diff --git a/Editor/Web/src/pages/project-hub.tsx b/Editor/Web/src/pages/project-hub.tsx new file mode 100644 index 000000000..d1be42cc1 --- /dev/null +++ b/Editor/Web/src/pages/project-hub.tsx @@ -0,0 +1,35 @@ +import { Tabs, Tab } from "@heroui/tabs"; +import { User } from "@heroui/user"; +import { Form } from "@heroui/form"; +import { Button } from "@heroui/button"; +import { Input } from "@heroui/input"; + +export default function ProjectHubPage() { + return ( +
+
+ +
+ + + +
+ + + + +
+ + +
TODO
+ + +
+ ); +}; diff --git a/Editor/Web/src/types/index.ts b/Editor/Web/src/types/index.ts deleted file mode 100644 index cece4a477..000000000 --- a/Editor/Web/src/types/index.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { SVGProps } from "react"; - -export type IconSvgProps = SVGProps & { - size?: number; -};