Fix/change name#228

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
coodos merged 3 commits into from
Jun 22, 2025
Merged

Fix/change name #228

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
afb0b8c
fix: corrected the name to blabsy
Sahil2004 Jun 20, 2025
1d26ddd
fix: extra shit comming.
Sahil2004 Jun 20, 2025
e6b3ba5
fix: fixed the alignment of the display in more to look more like cur…
Sahil2004 Jun 20, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 5 additions & 2 deletions platforms/blabsy/.env.development
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
# Dev URL
NEXT_PUBLIC_URL=http://localhost
NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444
# NEXT_PUBLIC_URL=http://localhost
# NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444

NEXT_PUBLIC_URL=https://blabsy.w3ds-prototype.merul.org
NEXT_PUBLIC_BASE_URL=https://blabsy.w3ds-prototype.merul.org

# Emulator
NEXT_PUBLIC_USE_EMULATOR=false
Expand Down
2 changes: 1 addition & 1 deletion platforms/blabsy/src/components/modal/mobile-sidebar-modal.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -120,7 +120,7 @@ export function MobileSidebarModal({
<ActionModal
useIcon
focusOnMainBtn
title='Log out of Twitter?'
title='Log out of Blabsy?'
description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
mainBtnLabel='Log out'
action={signOut}
Expand Down
2 changes: 1 addition & 1 deletion platforms/blabsy/src/components/sidebar/more-settings.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -55,7 +55,7 @@ export function MoreSettings(): JSX.Element {
<AnimatePresence>
{open && (
<Menu.Items
className='menu-container absolute -top-44 w-60 font-medium xl:w-11/12'
className='menu-container absolute top-0 w-60 font-medium xl:w-11/12'
as={motion.div}
{...variants}
static
Expand Down
204 changes: 111 additions & 93 deletions platforms/blabsy/src/components/sidebar/sidebar-profile.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -34,104 +34,122 @@ export function SidebarProfile(): JSX.Element {
}}, [user]);

return (
<>
<Modal
modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
open={open}
closeModal={closeModal}
>
<ActionModal
useIcon
focusOnMainBtn
title='Log out of Twitter?'
description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
mainBtnLabel='Log out'
action={signOut}
closeModal={closeModal}
/>
</Modal>
<Menu className='relative' as='section'>
{({ open }): JSX.Element => (
<>
<Menu.Button
className={cn(
`custom-button main-tab dark-bg-tab flex w-full items-center
<>
<Modal
modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
open={open}
closeModal={closeModal}
>
<ActionModal
useIcon
focusOnMainBtn
title='Log out of Blabsy?'
description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
mainBtnLabel='Log out'
action={signOut}
closeModal={closeModal}
/>
</Modal>
<Menu className='relative' as='section'>
{({ open }): JSX.Element => (
<>
<Menu.Button
className={cn(
`custom-button main-tab dark-bg-tab flex w-full items-center
justify-between hover:bg-light-primary/10 active:bg-light-primary/20
dark:hover:bg-dark-primary/10 dark:active:bg-dark-primary/20`,
open && 'bg-light-primary/10 dark:bg-dark-primary/10'
)}
>
<div className='flex gap-3 truncate'>
<UserAvatar src={photoURL} alt={name} size={40} />
<div className='hidden truncate text-start leading-5 xl:block'>
<UserName name={name} className='start' verified={verified} />
<UserUsername username={username} disableLink />
</div>
</div>
<HeroIcon
className='hidden h-6 w-6 xl:block'
iconName='EllipsisHorizontalIcon'
/>
</Menu.Button>
<AnimatePresence>
{open && (
<Menu.Items
className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
as={motion.div}
{...variants}
static
>
<Menu.Item
className='flex items-center justify-between gap-4 border-b
border-light-border px-4 py-3 dark:border-dark-border'
as='div'
disabled
>
<div className='flex items-center gap-3 truncate'>
<UserAvatar src={photoURL} alt={name} />
<div className='truncate'>
<UserName name={name} verified={verified} />
<UserUsername username={username} disableLink />
</div>
</div>
<i>
<HeroIcon
className='h-5 w-5 text-main-accent'
iconName='CheckIcon'
/>
</i>
</Menu.Item>
<Menu.Item>
{({ active }): JSX.Element => (
<Button
className={cn(
'flex w-full gap-3 rounded-md rounded-t-none p-4',
active && 'bg-main-sidebar-background'
)}
onClick={openModal}
open &&
'bg-light-primary/10 dark:bg-dark-primary/10'
)}
>
<HeroIcon iconName='ArrowRightOnRectangleIcon' />
Log out @{username}
</Button>
)}
</Menu.Item>
<i
className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
[filter:drop-shadow(#cfd9de_1px_-1px_1px)]
<div className='flex gap-3 truncate'>
<UserAvatar src={photoURL} alt={name} size={40} />
<div className='hidden truncate text-start leading-5 xl:block'>
<UserName
name={name}
className='start'
verified={verified}
/>
<UserUsername
username={username}
disableLink
/>
</div>
</div>
<HeroIcon
className='hidden h-6 w-6 xl:block'
iconName='EllipsisHorizontalIcon'
/>
</Menu.Button>
<AnimatePresence>
{open && (
<Menu.Items
className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
as={motion.div}
{...variants}
static
>
<Menu.Item
className='flex items-center justify-between gap-4 border-b
border-light-border px-4 py-3 dark:border-dark-border'
as='div'
disabled
>
<div className='flex items-center gap-3 truncate'>
<UserAvatar
src={photoURL}
alt={name}
/>
<div className='truncate'>
<UserName
name={name}
verified={verified}
/>
<UserUsername
username={username}
disableLink
/>
</div>
</div>
<i>
<HeroIcon
className='h-5 w-5 text-main-accent'
iconName='CheckIcon'
/>
</i>
</Menu.Item>
<Menu.Item>
{({ active }): JSX.Element => (
<Button
className={cn(
'flex w-full gap-3 rounded-md rounded-t-none p-4',
active &&
'bg-main-sidebar-background'
)}
onClick={openModal}
>
<HeroIcon iconName='ArrowRightOnRectangleIcon' />
Log out @{username}
</Button>
)}
</Menu.Item>
<i
className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
[filter:drop-shadow(#cfd9de_1px_-1px_1px)]
dark:[filter:drop-shadow(#333639_1px_-1px_1px)]
xl:left-1/2 xl:-translate-x-1/2'
>
<CustomIcon
className='h-4 w-6 fill-main-background'
iconName='TriangleIcon'
/>
</i>
</Menu.Items>
>
<CustomIcon
className='h-4 w-6 fill-main-background'
iconName='TriangleIcon'
/>
</i>
</Menu.Items>
)}
</AnimatePresence>
</>
)}
</AnimatePresence>
</>
)}
</Menu>
</>
</Menu>
</>
);
}
1 change: 1 addition & 0 deletions platforms/metagram/project.inlang/.gitignore
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
cache
1 change: 1 addition & 0 deletions platforms/metagram/project.inlang/project_id
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1lExt3FnvpxOpPeeZE
12 changes: 12 additions & 0 deletions platforms/metagram/project.inlang/settings.json
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
{
"$schema": "https://inlang.com/schema/project-settings",
"modules": [
"https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js",
"https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@2/dist/index.js"
],
"plugin.inlang.messageFormat": {
"pathPattern": "../messages/{locale}.json"
},
"baseLocale": "en",
"locales": ["en", "es"]
}
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
Fix/change name#228

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

coodos
merged 3 commits into

from

Jun 22, 2025
 Merged


Fix/change name
#228
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


3 commits


Select commit
Hold shift + click to select a range
afb0b8c

fix: corrected the name to blabsy


Sahil2004 Jun 20, 2025
1d26ddd

fix: extra shit comming.


Sahil2004 Jun 20, 2025
e6b3ba5

fix: fixed the alignment of the display in more to look more like cur…


Sahil2004 Jun 20, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 5 additions & 2 deletions
platforms/blabsy/.env.development

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
# Dev URL
NEXT_PUBLIC_URL=http://localhost
NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444
# NEXT_PUBLIC_URL=http://localhost
# NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444

NEXT_PUBLIC_URL=https://blabsy.w3ds-prototype.merul.org
NEXT_PUBLIC_BASE_URL=https://blabsy.w3ds-prototype.merul.org

# Emulator
NEXT_PUBLIC_USE_EMULATOR=false
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/modal/mobile-sidebar-modal.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -120,7 +120,7 @@ export function MobileSidebarModal({
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 title='Log out of Blabsy?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/sidebar/more-settings.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -55,7 +55,7 @@ export function MoreSettings(): JSX.Element {
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute -top-44 w-60 font-medium xl:w-11/12'
 className='menu-container absolute top-0 w-60 font-medium xl:w-11/12'
 as={motion.div}
 {...variants}
 static
Expand Down

204 changes: 111 additions & 93 deletions
platforms/blabsy/src/components/sidebar/sidebar-profile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -34,104 +34,122 @@ export function SidebarProfile(): JSX.Element {
 }}, [user]);

 return (
 <>
 <Modal
 modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
 open={open}
 closeModal={closeModal}
 >
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
 closeModal={closeModal}
 />
 </Modal>
 <Menu className='relative' as='section'>
 {({ open }): JSX.Element => (
 <>
 <Menu.Button
 className={cn(
 `custom-button main-tab dark-bg-tab flex w-full items-center
<>
<Modal
modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
open={open}
closeModal={closeModal}
>
<ActionModal
useIcon
focusOnMainBtn
title='Log out of Blabsy?'
description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
mainBtnLabel='Log out'
action={signOut}
closeModal={closeModal}
/>
</Modal>
<Menu className='relative' as='section'>
{({ open }): JSX.Element => (
<>
<Menu.Button
className={cn(
`custom-button main-tab dark-bg-tab flex w-full items-center
 justify-between hover:bg-light-primary/10 active:bg-light-primary/20
 dark:hover:bg-dark-primary/10 dark:active:bg-dark-primary/20`,
 open && 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName name={name} className='start' verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b 
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} />
 <div className='truncate'>
 <UserName name={name} verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active && 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 open &&
 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)] 
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName
 name={name}
 className='start'
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar
 src={photoURL}
 alt={name}
 />
 <div className='truncate'>
 <UserName
 name={name}
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active &&
 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)]
 dark:[filter:drop-shadow(#333639_1px_-1px_1px)]
 xl:left-1/2 xl:-translate-x-1/2'
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 )}
 </AnimatePresence>
 </>
 )}
 </AnimatePresence>
 </>
 )}
 </Menu>
 </>
 </Menu>
 </>
 );
}

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
cache

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/project_id

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1lExt3FnvpxOpPeeZE

12 changes: 12 additions & 0 deletions
platforms/metagram/project.inlang/settings.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
{
	"$schema": "https://inlang.com/schema/project-settings",
	"modules": [
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js",
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@2/dist/index.js"
	],
	"plugin.inlang.messageFormat": {
 "pathPattern": "../messages/{locale}.json"
	},
	"baseLocale": "en",
	"locales": ["en", "es"]
}

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Fix/change name#228

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

coodos
merged 3 commits into

from

Jun 22, 2025
 Merged


Fix/change name
#228
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


3 commits


Select commit
Hold shift + click to select a range
afb0b8c

fix: corrected the name to blabsy


Sahil2004 Jun 20, 2025
1d26ddd

fix: extra shit comming.


Sahil2004 Jun 20, 2025
e6b3ba5

fix: fixed the alignment of the display in more to look more like cur…


Sahil2004 Jun 20, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 5 additions & 2 deletions
platforms/blabsy/.env.development

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
# Dev URL
NEXT_PUBLIC_URL=http://localhost
NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444
# NEXT_PUBLIC_URL=http://localhost
# NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444

NEXT_PUBLIC_URL=https://blabsy.w3ds-prototype.merul.org
NEXT_PUBLIC_BASE_URL=https://blabsy.w3ds-prototype.merul.org

# Emulator
NEXT_PUBLIC_USE_EMULATOR=false
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/modal/mobile-sidebar-modal.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -120,7 +120,7 @@ export function MobileSidebarModal({
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 title='Log out of Blabsy?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/sidebar/more-settings.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -55,7 +55,7 @@ export function MoreSettings(): JSX.Element {
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute -top-44 w-60 font-medium xl:w-11/12'
 className='menu-container absolute top-0 w-60 font-medium xl:w-11/12'
 as={motion.div}
 {...variants}
 static
Expand Down

204 changes: 111 additions & 93 deletions
platforms/blabsy/src/components/sidebar/sidebar-profile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -34,104 +34,122 @@ export function SidebarProfile(): JSX.Element {
 }}, [user]);

 return (
 <>
 <Modal
 modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
 open={open}
 closeModal={closeModal}
 >
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
 closeModal={closeModal}
 />
 </Modal>
 <Menu className='relative' as='section'>
 {({ open }): JSX.Element => (
 <>
 <Menu.Button
 className={cn(
 `custom-button main-tab dark-bg-tab flex w-full items-center
<>
<Modal
modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
open={open}
closeModal={closeModal}
>
<ActionModal
useIcon
focusOnMainBtn
title='Log out of Blabsy?'
description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
mainBtnLabel='Log out'
action={signOut}
closeModal={closeModal}
/>
</Modal>
<Menu className='relative' as='section'>
{({ open }): JSX.Element => (
<>
<Menu.Button
className={cn(
`custom-button main-tab dark-bg-tab flex w-full items-center
 justify-between hover:bg-light-primary/10 active:bg-light-primary/20
 dark:hover:bg-dark-primary/10 dark:active:bg-dark-primary/20`,
 open && 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName name={name} className='start' verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b 
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} />
 <div className='truncate'>
 <UserName name={name} verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active && 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 open &&
 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)] 
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName
 name={name}
 className='start'
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar
 src={photoURL}
 alt={name}
 />
 <div className='truncate'>
 <UserName
 name={name}
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active &&
 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)]
 dark:[filter:drop-shadow(#333639_1px_-1px_1px)]
 xl:left-1/2 xl:-translate-x-1/2'
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 )}
 </AnimatePresence>
 </>
 )}
 </AnimatePresence>
 </>
 )}
 </Menu>
 </>
 </Menu>
 </>
 );
}

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
cache

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/project_id

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1lExt3FnvpxOpPeeZE

12 changes: 12 additions & 0 deletions
platforms/metagram/project.inlang/settings.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
{
	"$schema": "https://inlang.com/schema/project-settings",
	"modules": [
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js",
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@2/dist/index.js"
	],
	"plugin.inlang.messageFormat": {
 "pathPattern": "../messages/{locale}.json"
	},
	"baseLocale": "en",
	"locales": ["en", "es"]
}

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Fix/change name#228

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

coodos
merged 3 commits into

from

Jun 22, 2025
 Merged


Fix/change name
#228
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


3 commits


Select commit
Hold shift + click to select a range
afb0b8c

fix: corrected the name to blabsy


Sahil2004 Jun 20, 2025
1d26ddd

fix: extra shit comming.


Sahil2004 Jun 20, 2025
e6b3ba5

fix: fixed the alignment of the display in more to look more like cur…


Sahil2004 Jun 20, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 5 additions & 2 deletions
platforms/blabsy/.env.development

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
# Dev URL
NEXT_PUBLIC_URL=http://localhost
NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444
# NEXT_PUBLIC_URL=http://localhost
# NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444

NEXT_PUBLIC_URL=https://blabsy.w3ds-prototype.merul.org
NEXT_PUBLIC_BASE_URL=https://blabsy.w3ds-prototype.merul.org

# Emulator
NEXT_PUBLIC_USE_EMULATOR=false
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/modal/mobile-sidebar-modal.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -120,7 +120,7 @@ export function MobileSidebarModal({
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 title='Log out of Blabsy?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/sidebar/more-settings.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -55,7 +55,7 @@ export function MoreSettings(): JSX.Element {
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute -top-44 w-60 font-medium xl:w-11/12'
 className='menu-container absolute top-0 w-60 font-medium xl:w-11/12'
 as={motion.div}
 {...variants}
 static
Expand Down

204 changes: 111 additions & 93 deletions
platforms/blabsy/src/components/sidebar/sidebar-profile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -34,104 +34,122 @@ export function SidebarProfile(): JSX.Element {
 }}, [user]);

 return (
 <>
 <Modal
 modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
 open={open}
 closeModal={closeModal}
 >
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
 closeModal={closeModal}
 />
 </Modal>
 <Menu className='relative' as='section'>
 {({ open }): JSX.Element => (
 <>
 <Menu.Button
 className={cn(
 `custom-button main-tab dark-bg-tab flex w-full items-center
<>
<Modal
modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
open={open}
closeModal={closeModal}
>
<ActionModal
useIcon
focusOnMainBtn
title='Log out of Blabsy?'
description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
mainBtnLabel='Log out'
action={signOut}
closeModal={closeModal}
/>
</Modal>
<Menu className='relative' as='section'>
{({ open }): JSX.Element => (
<>
<Menu.Button
className={cn(
`custom-button main-tab dark-bg-tab flex w-full items-center
 justify-between hover:bg-light-primary/10 active:bg-light-primary/20
 dark:hover:bg-dark-primary/10 dark:active:bg-dark-primary/20`,
 open && 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName name={name} className='start' verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b 
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} />
 <div className='truncate'>
 <UserName name={name} verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active && 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 open &&
 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)] 
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName
 name={name}
 className='start'
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar
 src={photoURL}
 alt={name}
 />
 <div className='truncate'>
 <UserName
 name={name}
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active &&
 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)]
 dark:[filter:drop-shadow(#333639_1px_-1px_1px)]
 xl:left-1/2 xl:-translate-x-1/2'
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 )}
 </AnimatePresence>
 </>
 )}
 </AnimatePresence>
 </>
 )}
 </Menu>
 </>
 </Menu>
 </>
 );
}

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
cache

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/project_id

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1lExt3FnvpxOpPeeZE

12 changes: 12 additions & 0 deletions
platforms/metagram/project.inlang/settings.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
{
	"$schema": "https://inlang.com/schema/project-settings",
	"modules": [
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js",
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@2/dist/index.js"
	],
	"plugin.inlang.messageFormat": {
 "pathPattern": "../messages/{locale}.json"
	},
	"baseLocale": "en",
	"locales": ["en", "es"]
}

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
Fix/change name#228

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

coodos
merged 3 commits into

from

Jun 22, 2025
 Merged


Fix/change name
#228
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


3 commits


Select commit
Hold shift + click to select a range
afb0b8c

fix: corrected the name to blabsy


Sahil2004 Jun 20, 2025
1d26ddd

fix: extra shit comming.


Sahil2004 Jun 20, 2025
e6b3ba5

fix: fixed the alignment of the display in more to look more like cur…


Sahil2004 Jun 20, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 5 additions & 2 deletions
platforms/blabsy/.env.development

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
# Dev URL
NEXT_PUBLIC_URL=http://localhost
NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444
# NEXT_PUBLIC_URL=http://localhost
# NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444

NEXT_PUBLIC_URL=https://blabsy.w3ds-prototype.merul.org
NEXT_PUBLIC_BASE_URL=https://blabsy.w3ds-prototype.merul.org

# Emulator
NEXT_PUBLIC_USE_EMULATOR=false
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/modal/mobile-sidebar-modal.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -120,7 +120,7 @@ export function MobileSidebarModal({
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 title='Log out of Blabsy?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/sidebar/more-settings.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -55,7 +55,7 @@ export function MoreSettings(): JSX.Element {
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute -top-44 w-60 font-medium xl:w-11/12'
 className='menu-container absolute top-0 w-60 font-medium xl:w-11/12'
 as={motion.div}
 {...variants}
 static
Expand Down

204 changes: 111 additions & 93 deletions
platforms/blabsy/src/components/sidebar/sidebar-profile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -34,104 +34,122 @@ export function SidebarProfile(): JSX.Element {
 }}, [user]);

 return (
 <>
 <Modal
 modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
 open={open}
 closeModal={closeModal}
 >
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
 closeModal={closeModal}
 />
 </Modal>
 <Menu className='relative' as='section'>
 {({ open }): JSX.Element => (
 <>
 <Menu.Button
 className={cn(
 `custom-button main-tab dark-bg-tab flex w-full items-center
<>
<Modal
modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
open={open}
closeModal={closeModal}
>
<ActionModal
useIcon
focusOnMainBtn
title='Log out of Blabsy?'
description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
mainBtnLabel='Log out'
action={signOut}
closeModal={closeModal}
/>
</Modal>
<Menu className='relative' as='section'>
{({ open }): JSX.Element => (
<>
<Menu.Button
className={cn(
`custom-button main-tab dark-bg-tab flex w-full items-center
 justify-between hover:bg-light-primary/10 active:bg-light-primary/20
 dark:hover:bg-dark-primary/10 dark:active:bg-dark-primary/20`,
 open && 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName name={name} className='start' verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b 
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} />
 <div className='truncate'>
 <UserName name={name} verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active && 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 open &&
 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)] 
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName
 name={name}
 className='start'
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar
 src={photoURL}
 alt={name}
 />
 <div className='truncate'>
 <UserName
 name={name}
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active &&
 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)]
 dark:[filter:drop-shadow(#333639_1px_-1px_1px)]
 xl:left-1/2 xl:-translate-x-1/2'
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 )}
 </AnimatePresence>
 </>
 )}
 </AnimatePresence>
 </>
 )}
 </Menu>
 </>
 </Menu>
 </>
 );
}

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
cache

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/project_id

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1lExt3FnvpxOpPeeZE

12 changes: 12 additions & 0 deletions
platforms/metagram/project.inlang/settings.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
{
	"$schema": "https://inlang.com/schema/project-settings",
	"modules": [
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js",
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@2/dist/index.js"
	],
	"plugin.inlang.messageFormat": {
 "pathPattern": "../messages/{locale}.json"
	},
	"baseLocale": "en",
	"locales": ["en", "es"]
}

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Fix/change name#228

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

coodos
merged 3 commits into

from

Jun 22, 2025
 Merged


Fix/change name
#228
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


3 commits


Select commit
Hold shift + click to select a range
afb0b8c

fix: corrected the name to blabsy


Sahil2004 Jun 20, 2025
1d26ddd

fix: extra shit comming.


Sahil2004 Jun 20, 2025
e6b3ba5

fix: fixed the alignment of the display in more to look more like cur…


Sahil2004 Jun 20, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 5 additions & 2 deletions
platforms/blabsy/.env.development

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
# Dev URL
NEXT_PUBLIC_URL=http://localhost
NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444
# NEXT_PUBLIC_URL=http://localhost
# NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444

NEXT_PUBLIC_URL=https://blabsy.w3ds-prototype.merul.org
NEXT_PUBLIC_BASE_URL=https://blabsy.w3ds-prototype.merul.org

# Emulator
NEXT_PUBLIC_USE_EMULATOR=false
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/modal/mobile-sidebar-modal.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -120,7 +120,7 @@ export function MobileSidebarModal({
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 title='Log out of Blabsy?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/sidebar/more-settings.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -55,7 +55,7 @@ export function MoreSettings(): JSX.Element {
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute -top-44 w-60 font-medium xl:w-11/12'
 className='menu-container absolute top-0 w-60 font-medium xl:w-11/12'
 as={motion.div}
 {...variants}
 static
Expand Down

204 changes: 111 additions & 93 deletions
platforms/blabsy/src/components/sidebar/sidebar-profile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -34,104 +34,122 @@ export function SidebarProfile(): JSX.Element {
 }}, [user]);

 return (
 <>
 <Modal
 modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
 open={open}
 closeModal={closeModal}
 >
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
 closeModal={closeModal}
 />
 </Modal>
 <Menu className='relative' as='section'>
 {({ open }): JSX.Element => (
 <>
 <Menu.Button
 className={cn(
 `custom-button main-tab dark-bg-tab flex w-full items-center
<>
<Modal
modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
open={open}
closeModal={closeModal}
>
<ActionModal
useIcon
focusOnMainBtn
title='Log out of Blabsy?'
description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
mainBtnLabel='Log out'
action={signOut}
closeModal={closeModal}
/>
</Modal>
<Menu className='relative' as='section'>
{({ open }): JSX.Element => (
<>
<Menu.Button
className={cn(
`custom-button main-tab dark-bg-tab flex w-full items-center
 justify-between hover:bg-light-primary/10 active:bg-light-primary/20
 dark:hover:bg-dark-primary/10 dark:active:bg-dark-primary/20`,
 open && 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName name={name} className='start' verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b 
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} />
 <div className='truncate'>
 <UserName name={name} verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active && 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 open &&
 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)] 
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName
 name={name}
 className='start'
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar
 src={photoURL}
 alt={name}
 />
 <div className='truncate'>
 <UserName
 name={name}
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active &&
 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)]
 dark:[filter:drop-shadow(#333639_1px_-1px_1px)]
 xl:left-1/2 xl:-translate-x-1/2'
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 )}
 </AnimatePresence>
 </>
 )}
 </AnimatePresence>
 </>
 )}
 </Menu>
 </>
 </Menu>
 </>
 );
}

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
cache

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/project_id

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1lExt3FnvpxOpPeeZE

12 changes: 12 additions & 0 deletions
platforms/metagram/project.inlang/settings.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
{
	"$schema": "https://inlang.com/schema/project-settings",
	"modules": [
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js",
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@2/dist/index.js"
	],
	"plugin.inlang.messageFormat": {
 "pathPattern": "../messages/{locale}.json"
	},
	"baseLocale": "en",
	"locales": ["en", "es"]
}

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Fix/change name#228

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

coodos
merged 3 commits into

from

Jun 22, 2025
 Merged


Fix/change name
#228
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


3 commits


Select commit
Hold shift + click to select a range
afb0b8c

fix: corrected the name to blabsy


Sahil2004 Jun 20, 2025
1d26ddd

fix: extra shit comming.


Sahil2004 Jun 20, 2025
e6b3ba5

fix: fixed the alignment of the display in more to look more like cur…


Sahil2004 Jun 20, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 5 additions & 2 deletions
platforms/blabsy/.env.development

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
# Dev URL
NEXT_PUBLIC_URL=http://localhost
NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444
# NEXT_PUBLIC_URL=http://localhost
# NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444

NEXT_PUBLIC_URL=https://blabsy.w3ds-prototype.merul.org
NEXT_PUBLIC_BASE_URL=https://blabsy.w3ds-prototype.merul.org

# Emulator
NEXT_PUBLIC_USE_EMULATOR=false
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/modal/mobile-sidebar-modal.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -120,7 +120,7 @@ export function MobileSidebarModal({
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 title='Log out of Blabsy?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/sidebar/more-settings.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -55,7 +55,7 @@ export function MoreSettings(): JSX.Element {
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute -top-44 w-60 font-medium xl:w-11/12'
 className='menu-container absolute top-0 w-60 font-medium xl:w-11/12'
 as={motion.div}
 {...variants}
 static
Expand Down

204 changes: 111 additions & 93 deletions
platforms/blabsy/src/components/sidebar/sidebar-profile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -34,104 +34,122 @@ export function SidebarProfile(): JSX.Element {
 }}, [user]);

 return (
 <>
 <Modal
 modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
 open={open}
 closeModal={closeModal}
 >
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
 closeModal={closeModal}
 />
 </Modal>
 <Menu className='relative' as='section'>
 {({ open }): JSX.Element => (
 <>
 <Menu.Button
 className={cn(
 `custom-button main-tab dark-bg-tab flex w-full items-center
<>
<Modal
modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
open={open}
closeModal={closeModal}
>
<ActionModal
useIcon
focusOnMainBtn
title='Log out of Blabsy?'
description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
mainBtnLabel='Log out'
action={signOut}
closeModal={closeModal}
/>
</Modal>
<Menu className='relative' as='section'>
{({ open }): JSX.Element => (
<>
<Menu.Button
className={cn(
`custom-button main-tab dark-bg-tab flex w-full items-center
 justify-between hover:bg-light-primary/10 active:bg-light-primary/20
 dark:hover:bg-dark-primary/10 dark:active:bg-dark-primary/20`,
 open && 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName name={name} className='start' verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b 
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} />
 <div className='truncate'>
 <UserName name={name} verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active && 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 open &&
 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)] 
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName
 name={name}
 className='start'
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar
 src={photoURL}
 alt={name}
 />
 <div className='truncate'>
 <UserName
 name={name}
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active &&
 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)]
 dark:[filter:drop-shadow(#333639_1px_-1px_1px)]
 xl:left-1/2 xl:-translate-x-1/2'
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 )}
 </AnimatePresence>
 </>
 )}
 </AnimatePresence>
 </>
 )}
 </Menu>
 </>
 </Menu>
 </>
 );
}

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
cache

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/project_id

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1lExt3FnvpxOpPeeZE

12 changes: 12 additions & 0 deletions
platforms/metagram/project.inlang/settings.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
{
	"$schema": "https://inlang.com/schema/project-settings",
	"modules": [
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js",
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@2/dist/index.js"
	],
	"plugin.inlang.messageFormat": {
 "pathPattern": "../messages/{locale}.json"
	},
	"baseLocale": "en",
	"locales": ["en", "es"]
}

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
Fix/change name#228

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

coodos
merged 3 commits into

from

Jun 22, 2025
 Merged


Fix/change name
#228
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


3 commits


Select commit
Hold shift + click to select a range
afb0b8c

fix: corrected the name to blabsy


Sahil2004 Jun 20, 2025
1d26ddd

fix: extra shit comming.


Sahil2004 Jun 20, 2025
e6b3ba5

fix: fixed the alignment of the display in more to look more like cur…


Sahil2004 Jun 20, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 5 additions & 2 deletions
platforms/blabsy/.env.development

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
# Dev URL
NEXT_PUBLIC_URL=http://localhost
NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444
# NEXT_PUBLIC_URL=http://localhost
# NEXT_PUBLIC_BASE_URL=http://192.168.0.226:4444

NEXT_PUBLIC_URL=https://blabsy.w3ds-prototype.merul.org
NEXT_PUBLIC_BASE_URL=https://blabsy.w3ds-prototype.merul.org

# Emulator
NEXT_PUBLIC_USE_EMULATOR=false
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/modal/mobile-sidebar-modal.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -120,7 +120,7 @@ export function MobileSidebarModal({
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 title='Log out of Blabsy?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
Expand Down

2 changes: 1 addition & 1 deletion
platforms/blabsy/src/components/sidebar/more-settings.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -55,7 +55,7 @@ export function MoreSettings(): JSX.Element {
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute -top-44 w-60 font-medium xl:w-11/12'
 className='menu-container absolute top-0 w-60 font-medium xl:w-11/12'
 as={motion.div}
 {...variants}
 static
Expand Down

204 changes: 111 additions & 93 deletions
platforms/blabsy/src/components/sidebar/sidebar-profile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -34,104 +34,122 @@ export function SidebarProfile(): JSX.Element {
 }}, [user]);

 return (
 <>
 <Modal
 modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
 open={open}
 closeModal={closeModal}
 >
 <ActionModal
 useIcon
 focusOnMainBtn
 title='Log out of Twitter?'
 description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
 mainBtnLabel='Log out'
 action={signOut}
 closeModal={closeModal}
 />
 </Modal>
 <Menu className='relative' as='section'>
 {({ open }): JSX.Element => (
 <>
 <Menu.Button
 className={cn(
 `custom-button main-tab dark-bg-tab flex w-full items-center
<>
<Modal
modalClassName='max-w-xs bg-main-background w-full p-8 rounded-2xl'
open={open}
closeModal={closeModal}
>
<ActionModal
useIcon
focusOnMainBtn
title='Log out of Blabsy?'
description='You can always log back in at any time. If you just want to switch accounts, you can do that by adding an existing account.'
mainBtnLabel='Log out'
action={signOut}
closeModal={closeModal}
/>
</Modal>
<Menu className='relative' as='section'>
{({ open }): JSX.Element => (
<>
<Menu.Button
className={cn(
`custom-button main-tab dark-bg-tab flex w-full items-center
 justify-between hover:bg-light-primary/10 active:bg-light-primary/20
 dark:hover:bg-dark-primary/10 dark:active:bg-dark-primary/20`,
 open && 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName name={name} className='start' verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b 
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} />
 <div className='truncate'>
 <UserName name={name} verified={verified} />
 <UserUsername username={username} disableLink />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active && 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 open &&
 'bg-light-primary/10 dark:bg-dark-primary/10'
 )}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)] 
 <div className='flex gap-3 truncate'>
 <UserAvatar src={photoURL} alt={name} size={40} />
 <div className='hidden truncate text-start leading-5 xl:block'>
 <UserName
 name={name}
 className='start'
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <HeroIcon
 className='hidden h-6 w-6 xl:block'
 iconName='EllipsisHorizontalIcon'
 />
 </Menu.Button>
 <AnimatePresence>
 {open && (
 <Menu.Items
 className='menu-container absolute left-0 right-0 -top-36 w-60 xl:w-full'
 as={motion.div}
 {...variants}
 static
 >
 <Menu.Item
 className='flex items-center justify-between gap-4 border-b
 border-light-border px-4 py-3 dark:border-dark-border'
 as='div'
 disabled
 >
 <div className='flex items-center gap-3 truncate'>
 <UserAvatar
 src={photoURL}
 alt={name}
 />
 <div className='truncate'>
 <UserName
 name={name}
 verified={verified}
 />
 <UserUsername
 username={username}
 disableLink
 />
 </div>
 </div>
 <i>
 <HeroIcon
 className='h-5 w-5 text-main-accent'
 iconName='CheckIcon'
 />
 </i>
 </Menu.Item>
 <Menu.Item>
 {({ active }): JSX.Element => (
 <Button
 className={cn(
 'flex w-full gap-3 rounded-md rounded-t-none p-4',
 active &&
 'bg-main-sidebar-background'
 )}
 onClick={openModal}
 >
 <HeroIcon iconName='ArrowRightOnRectangleIcon' />
 Log out @{username}
 </Button>
 )}
 </Menu.Item>
 <i
 className='absolute -bottom-[10px] left-2 translate-x-1/2 rotate-180
 [filter:drop-shadow(#cfd9de_1px_-1px_1px)]
 dark:[filter:drop-shadow(#333639_1px_-1px_1px)]
 xl:left-1/2 xl:-translate-x-1/2'
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 >
 <CustomIcon
 className='h-4 w-6 fill-main-background'
 iconName='TriangleIcon'
 />
 </i>
 </Menu.Items>
 )}
 </AnimatePresence>
 </>
 )}
 </AnimatePresence>
 </>
 )}
 </Menu>
 </>
 </Menu>
 </>
 );
}

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
cache

1 change: 1 addition & 0 deletions
platforms/metagram/project.inlang/project_id

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1lExt3FnvpxOpPeeZE

12 changes: 12 additions & 0 deletions
platforms/metagram/project.inlang/settings.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
{
	"$schema": "https://inlang.com/schema/project-settings",
	"modules": [
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js",
 "https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@2/dist/index.js"
	],
	"plugin.inlang.messageFormat": {
 "pathPattern": "../messages/{locale}.json"
	},
	"baseLocale": "en",
	"locales": ["en", "es"]
}