-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
ui: standalone UIKit and refactor (janhq#557)
* Eslint import order * Initial Uikit * Rename file with camelCase * Remove unused code * Remove unused code * Set position traficlight mac * Grouping Ribbon, Topbar and Bottombar as layout * Added image brand * Moving feature toggle into context folder * Fix active state of setting menu * Cleanup downloadModel atom helper * Cleanup useGetConfigureModel * Added wave animation * Create useMainViewState intead of import helper atom * Remove unused code * Take a back switch ui * Toggle using switch component * Add dynamic primary color * Cleanup import * Added uikit scroll area * Add best practice form * Added toaster container * Fix loader container * Add hooks useDownloadState * Added tooltip on ribbon menu * Added case user multiple download model * Adjust input style with bigger ring * Restyle my model screen * Replace useStartStop model with useActiveModel * Import icon using Icon name * Fix missing login loading start and stop model * WIP integrate with cmdk * Move layout search bar on middle of app * Added function cancel download * Cleanup model explore * Cleanup unused code * Move app version in bototmbar or footer * WIP chat screen * WIP chat screen * Cleanup style and remove unsed code * Added command for showing downloaded model * Fix missing keyframe loader dot animation * Conditional loader of plugin setting * WIP history list message * chore: rebase main * Adding script ui into root package * Fix different version react hooks form * Add close toaster * Added status model active or not on list of command * Conditional showing info if user don't have a model * Disabled toolbar chat when user not yet have convo * chore: fix state * fix: get resource atom * Fix conditional bottom bar * fix: model download state * Fix font * Improve icon my model * Add toaster delete chat * Remove test classname * Fix scroll chat body * Fix scrolling chat body * chore: add message update * Add uikit into depedencies on root package * Update chat flow * Fix hot reload ui changes * Increate background color chat screen light mode * Added visual conversation active state * Added build:uikit on gh actions * chore: attempt to fix CI * fix: deps * fix: tests * chore: attempt to fix CI --------- Co-authored-by: Louis <[email protected]>
- Loading branch information
Showing
267 changed files
with
4,404 additions
and
6,488 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| .next/ | ||
| node_modules/ | ||
| dist/ | ||
| *.hbs | ||
| *.mdx |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| { | ||
| "semi": false, | ||
| "singleQuote": true, | ||
| "quoteProps": "consistent", | ||
| "trailingComma": "es5", | ||
| "endOfLine": "lf", | ||
| "plugins": ["prettier-plugin-tailwindcss"] | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,53 @@ | ||
| { | ||
| "name": "@janhq/uikit", | ||
| "version": "0.1.0", | ||
| "license": "MIT", | ||
| "main": "./dist/index.js", | ||
| "module": "./dist/index.mjs", | ||
| "types": "./dist/index.d.ts", | ||
| "files": [ | ||
| "dist/**" | ||
| ], | ||
| "scripts": { | ||
| "build:styles": "postcss src/main.scss -o dist/index.css --use postcss-import", | ||
| "build:react": "tsup src/index.{ts,tsx} --format cjs,esm --dts --external react react-dom --minify terser --splitting --sourcemap", | ||
| "dev:react": "tsup src/index.{ts,tsx} --format cjs,esm --watch --dts", | ||
| "dev:styles": "postcss src/main.scss -o dist/index.css -u postcss-import -w", | ||
| "build": "yarn build:styles && yarn build:react", | ||
| "dev": "concurrently --kill-others \"yarn dev:styles\" \"yarn dev:react\"" | ||
| }, | ||
| "dependencies": { | ||
| "@radix-ui/react-avatar": "^1.0.4", | ||
| "@radix-ui/react-context": "^1.0.1", | ||
| "@radix-ui/react-dialog": "^1.0.5", | ||
| "@radix-ui/react-label": "^2.0.2", | ||
| "@radix-ui/react-progress": "^1.0.3", | ||
| "@radix-ui/react-scroll-area": "^1.0.5", | ||
| "@radix-ui/react-slot": "^1.0.2", | ||
| "@radix-ui/react-switch": "^1.0.3", | ||
| "@radix-ui/react-toast": "^1.1.5", | ||
| "@radix-ui/react-tooltip": "^1.0.7", | ||
| "autoprefixer": "^10.4.16", | ||
| "class-variance-authority": "^0.7.0", | ||
| "cmdk": "^0.2.0", | ||
| "lucide-react": "^0.292.0", | ||
| "postcss": "^8.4.31", | ||
| "react": "^18.2.0", | ||
| "react-dom": "^18.2.0", | ||
| "react-hook-form": "^7.47.0", | ||
| "scss": "^0.2.4", | ||
| "tailwindcss": "^3.3.5" | ||
| }, | ||
| "devDependencies": { | ||
| "concurrently": "^8.2.2", | ||
| "postcss-cli": "^10.1.0", | ||
| "postcss-import": "^15.1.0", | ||
| "prejss-cli": "^0.3.3", | ||
| "prettier": "^3.0.3", | ||
| "prettier-plugin-tailwindcss": "^0.5.6", | ||
| "tailwind-merge": "^2.0.0", | ||
| "terser": "^5.24.0", | ||
| "tsup": "^7.2.0", | ||
| "typescript": "^5.2.2" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| module.exports = { | ||
| plugins: { | ||
| "tailwindcss/nesting": {}, | ||
| tailwindcss: {}, | ||
| autoprefixer: {}, | ||
| "postcss-import": {}, | ||
| }, | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| 'use client' | ||
|
|
||
| import { forwardRef, ElementRef, ComponentPropsWithoutRef } from 'react' | ||
| import * as AvatarPrimitive from '@radix-ui/react-avatar' | ||
| import { twMerge } from 'tailwind-merge' | ||
|
|
||
| const Avatar = forwardRef< | ||
| ElementRef<typeof AvatarPrimitive.Root>, | ||
| ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> | ||
| >(({ className, ...props }, ref) => ( | ||
| <AvatarPrimitive.Root | ||
| ref={ref} | ||
| className={twMerge('avatar', className)} | ||
| {...props} | ||
| /> | ||
| )) | ||
| Avatar.displayName = AvatarPrimitive.Root.displayName | ||
|
|
||
| const AvatarImage = forwardRef< | ||
| ElementRef<typeof AvatarPrimitive.Image>, | ||
| ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> | ||
| >(({ className, ...props }, ref) => ( | ||
| <AvatarPrimitive.Image | ||
| ref={ref} | ||
| className={twMerge('avatar-image', className)} | ||
| {...props} | ||
| /> | ||
| )) | ||
| AvatarImage.displayName = AvatarPrimitive.Image.displayName | ||
|
|
||
| const AvatarFallback = forwardRef< | ||
| ElementRef<typeof AvatarPrimitive.Fallback>, | ||
| ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> | ||
| >(({ className, ...props }, ref) => ( | ||
| <AvatarPrimitive.Fallback | ||
| ref={ref} | ||
| className={twMerge('avatar-fallback', className)} | ||
| {...props} | ||
| /> | ||
| )) | ||
| AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName | ||
|
|
||
| export { Avatar, AvatarImage, AvatarFallback } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| .avatar { | ||
| @apply relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full; | ||
|
|
||
| &-image { | ||
| @apply aspect-square h-full w-full; | ||
| } | ||
|
|
||
| &-fallback { | ||
| @apply bg-muted flex h-full w-full items-center justify-center rounded-full font-bold uppercase; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| import * as React from 'react' | ||
| import { cva, type VariantProps } from 'class-variance-authority' | ||
| import { twMerge } from 'tailwind-merge' | ||
|
|
||
| const badgeVariants = cva('badge', { | ||
| variants: { | ||
| themes: { | ||
| primary: 'badge-primary', | ||
| success: 'badge-success', | ||
| secondary: 'badge-secondary', | ||
| danger: 'badge-danger', | ||
| outline: 'badge-outline', | ||
| }, | ||
| }, | ||
| defaultVariants: { | ||
| themes: 'primary', | ||
| }, | ||
| }) | ||
|
|
||
| export interface BadgeProps | ||
| extends React.HTMLAttributes<HTMLDivElement>, | ||
| VariantProps<typeof badgeVariants> {} | ||
|
|
||
| function Badge({ className, themes, ...props }: BadgeProps) { | ||
| return ( | ||
| <div className={twMerge(badgeVariants({ themes }), className)} {...props} /> | ||
| ) | ||
| } | ||
|
|
||
| export { Badge, badgeVariants } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| .badge { | ||
| @apply focus:ring-ring border-border inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2; | ||
|
|
||
| &-primary { | ||
| @apply bg-primary text-primary-foreground hover:bg-primary/80 border-transparent; | ||
| } | ||
|
|
||
| &-success { | ||
| @apply border-transparent bg-green-500 text-green-900 hover:bg-green-500/80; | ||
| } | ||
|
|
||
| &-secondary { | ||
| @apply bg-secondary text-secondary-foreground hover:bg-secondary/80; | ||
| } | ||
|
|
||
| &-danger { | ||
| @apply bg-danger text-danger-foreground hover:bg-danger/80 border-transparent; | ||
| } | ||
|
|
||
| &-outline { | ||
| @apply text-foreground border-border border; | ||
| } | ||
| } |
Oops, something went wrong.