Skip to content

Dev tools #87

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
mohitmalibetterbugs merged 10 commits into from
May 13, 2026
Merged

Dev tools #87

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
860e1f5
feat: add class-validator dependency and update page styles
zeel0m Apr 8, 2026
92c7e52
Merge branch 'develop' into dev-tools
mohitmalibetterbugs Apr 14, 2026
400a33b
Merge branch 'develop' of github.com:betterbugs/dev-tools into dev-tools
zeel0m Apr 20, 2026
35c3e79
feat: add Image Resizer and Time Calculator components
zeel0m Apr 20, 2026
4e8f144
Merge branch 'develop' of github.com:betterbugs/dev-tools into dev-tools
zeel0m Apr 21, 2026
9e25972
Refine Image Resizer tool descriptions and styles
zeel0m Apr 21, 2026
9b0942c
Merge branch 'develop' of github.com:betterbugs/dev-tools into dev-tools
zeel0m Apr 22, 2026
4fde075
Refactor Time Calculator and Update Page Styles
zeel0m Apr 22, 2026
53d272f
Enhance Development Tools with New Features and Improvements
zeel0m May 11, 2026
1fb9caa
Merge branch 'develop' into dev-tools
dev-betterbugs May 13, 2026
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
88 changes: 56 additions & 32 deletions app/[slug]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -351,7 +351,7 @@ const Page = ({ params: { slug } }: { params: { slug: string } }) => {

// Handle regular description text
const descriptions = desc?.description || "";
const splitDescriptions = descriptions.split(/(".*?")/); // Split quoted and unquoted text
const splitDescriptions = descriptions.split(/((['"]).*?\2)/); // Split quoted and unquoted text

return (
<p
Expand All @@ -361,7 +361,7 @@ const Page = ({ params: { slug } }: { params: { slug: string } }) => {
{splitDescriptions.map(
(text: any, subIndex: any) => {
const isQuoted =
text.startsWith("") && text.endsWith("");
typeof text === "string" && /^(['"]).*\1$/.test(text);
const containsBetterBugs =
text.includes("BetterBugs.io");

Expand All @@ -372,15 +372,19 @@ const Page = ({ params: { slug } }: { params: { slug: string } }) => {
<React.Fragment
key={`about_description_part_${index}_${subIndex}`}
>
{parts[0]}
<span className={isQuoted ? "text-white" : "text-white/70"}>
{parts[0]}
</span>
<a
href="https://BetterBugs.io"
target="_blank"
className="text-primary hover:underline"
>
BetterBugs.io
</a>
{parts[1]}
<span className={isQuoted ? "text-white" : "text-white/70"}>
{parts[1]}
</span>
</React.Fragment>
);
}
Expand Down Expand Up @@ -429,12 +433,12 @@ const Page = ({ params: { slug } }: { params: { slug: string } }) => {
</p>
)}
{development_tools_user_agent_info?.example_string && (
<p className="text-white/70 text-sm whitespace-pre">
<p className="text-white/70 text-sm whitespace-pre-wrap break-words">
{development_tools_user_agent_info?.example_string}
</p>
)}
{development_tools_user_agent_info?.example_string_description && (
<p className="text-white/90 text-sm whitespace-pre !mb-4">
<p className="text-white/90 text-sm whitespace-pre-wrap break-words !mb-4">
{development_tools_user_agent_info?.example_string_description}
</p>
)}
Expand Down Expand Up @@ -471,16 +475,21 @@ const Page = ({ params: { slug } }: { params: { slug: string } }) => {
</h5>
<p className="text-white/70 text-base mt-4">
{development_tools_steps_guide?.guide_description
?.split(/(".*?")/g)
?.map((parts: any, i: any) =>
parts?.startsWith("") && parts?.endsWith("") ? (
?.split(/((['"]).*?\2)/g)
?.map((parts: any, i: any) => {
const isQuoted =
typeof parts === "string" &&
/^(['"]).*\1$/.test(parts);
return isQuoted ? (
<span key={i} className="font-bold text-white">
{parts}
</span>
) : (
<span key={i}>{parts}</span>
)
)}
<span key={i} className="text-white/70">
{parts}
</span>
);
})}
</p>
</>
)}
Expand All @@ -492,8 +501,8 @@ const Page = ({ params: { slug } }: { params: { slug: string } }) => {
const description2 = guide?.step_description2;

// Split quoted and unquoted text
const parts = description?.split(/(".*?")/);
const desParts = description2?.split(/(".*?")/);
const parts = description?.split(/((['"]).*?\2)/);
const desParts = description2?.split(/((['"]).*?\2)/);

return (
<div key={index} className="mt-3">
Expand All @@ -515,34 +524,46 @@ const Page = ({ params: { slug } }: { params: { slug: string } }) => {
{/* Step descriptions (below title) */}
{description && (
<div className="mt-2 text-base text-white/70">
{parts?.map((part: any, i: any) =>
part.startsWith("") && part.endsWith("") ? (
{parts?.map((part: any, i: any) => {
const isQuoted =
typeof part === "string" &&
/^(['"]).*\1$/.test(part);
return isQuoted ? (
<span key={`description_${i}`} className="text-white">
{part}
</span>
) : (
<React.Fragment key={`description_${i}`}>{part}</React.Fragment>
)
)}
<span key={`description_${i}`} className="text-white/70">
{part}
</span>
);
})}
</div>
)}

{/* Step Description2 on a New Line, Only If Present */}
{description2 && desParts?.length > 0 && (
<div className="mt-2 pl-12 text-base text-white/70">
{desParts?.map((part: any, i: any) =>
part.startsWith("") &&
part.endsWith("") ? (
{desParts?.map((part: any, i: any) => {
const isQuoted =
typeof part === "string" &&
/^(['"]).*\1$/.test(part);
return isQuoted ? (
<span
key={`description2_${i}`}
className="text-white"
>
{part}
</span>
) : (
part
)
)}
<span
key={`description2_${i}`}
className="text-white/70"
>
{part}
</span>
);
})}
</div>
)}

Expand All @@ -558,10 +579,11 @@ const Page = ({ params: { slug } }: { params: { slug: string } }) => {
{p?.steps_points_description && (
<p className="text-base text-white/70">
{p?.steps_points_description
?.split(/(".*?")/)
?.split(/((['"]).*?\2)/)
.map((part: string, i: number) =>
part.startsWith("") && part.endsWith("") ? (
<span key={i} className="font-normal text-white/70">
typeof part === "string" &&
/^(['"]).*\1$/.test(part) ? (
<span key={i} className="font-normal text-white">
{part}
</span>
) : (
Expand Down Expand Up @@ -597,9 +619,10 @@ const Page = ({ params: { slug } }: { params: { slug: string } }) => {
{sub_p?.description && (
<span className="text-base text-white/70">
{sub_p?.description
?.split(/(".*?")/)
?.split(/((['"]).*?\2)/)
.map((part: string, i: number) =>
part.startsWith("") && part.endsWith("") ? (
typeof part === "string" &&
/^(['"]).*\1$/.test(part) ? (
<span key={i} className="font-semibold text-white/90">
{part}
</span>
Expand Down Expand Up @@ -799,7 +822,7 @@ const Page = ({ params: { slug } }: { params: { slug: string } }) => {
(desc: any, index: number) => {
const descriptions = desc?.descriptions;
const splitDescriptions =
descriptions.split(/(".*?")/); // Split quoted and unquoted text
descriptions.split(/((['"]).*?\2)/); // Split quoted and unquoted text

return (
<p
Expand All @@ -809,7 +832,8 @@ const Page = ({ params: { slug } }: { params: { slug: string } }) => {
{splitDescriptions.map(
(text: any, subIndex: any) => {
const isQuoted =
text.startsWith("") && text.endsWith("");
typeof text === "string" &&
/^(['"]).*\1$/.test(text);

return (
<span
Expand Down
Loading
Loading