@intlayer/design-system 3.4.8 → 3.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/.vite/manifest.json +8 -2
  2. package/dist/__vite-browser-external-SDi5tJh6.cjs +4 -0
  3. package/dist/__vite-browser-external-SDi5tJh6.cjs.map +1 -0
  4. package/dist/__vite-browser-external-r74dyCO2.js +5 -0
  5. package/dist/__vite-browser-external-r74dyCO2.js.map +1 -0
  6. package/dist/components/Auth/ChangePasswordForm/index.content.d.ts +10 -10
  7. package/dist/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.d.ts +5 -5
  8. package/dist/components/Auth/ResetPasswordForm/index.content.d.ts +7 -7
  9. package/dist/components/Auth/SignInForm/index.content.d.ts +13 -13
  10. package/dist/components/Auth/SignUpForm/index.content.d.ts +11 -11
  11. package/dist/components/Badge/index.d.ts +2 -2
  12. package/dist/components/Button/Button.d.ts +3 -3
  13. package/dist/components/Container/index.d.ts +9 -9
  14. package/dist/components/IDE/CodeRender.cjs +9 -3
  15. package/dist/components/IDE/CodeRender.cjs.map +1 -1
  16. package/dist/components/IDE/CodeRender.d.ts.map +1 -1
  17. package/dist/components/IDE/CodeRender.mjs +9 -3
  18. package/dist/components/IDE/CodeRender.mjs.map +1 -1
  19. package/dist/components/Input/Checkbox.d.ts +1 -1
  20. package/dist/components/Link/Link.cjs +4 -3
  21. package/dist/components/Link/Link.cjs.map +1 -1
  22. package/dist/components/Link/Link.d.ts +1 -1
  23. package/dist/components/Link/Link.d.ts.map +1 -1
  24. package/dist/components/Link/Link.mjs +4 -3
  25. package/dist/components/Link/Link.mjs.map +1 -1
  26. package/dist/components/MarkDownRender/index.cjs +2 -10
  27. package/dist/components/MarkDownRender/index.cjs.map +1 -1
  28. package/dist/components/MarkDownRender/index.d.ts.map +1 -1
  29. package/dist/components/MarkDownRender/index.mjs +2 -10
  30. package/dist/components/MarkDownRender/index.mjs.map +1 -1
  31. package/dist/components/SwitchSelector/index.d.ts +1 -1
  32. package/dist/components/TabSelector/TabSelector.d.ts +1 -1
  33. package/dist/components/Tag/index.d.ts +2 -2
  34. package/dist/components/Toaster/Toast.d.ts +1 -1
  35. package/dist/tailwind.config.cjs +1419 -0
  36. package/dist/tailwind.config.cjs.map +1 -0
  37. package/dist/tailwind.config.d.ts +288 -0
  38. package/dist/tailwind.config.d.ts.map +1 -0
  39. package/dist/tailwind.config.mjs +1418 -0
  40. package/dist/tailwind.config.mjs.map +1 -0
  41. package/dist/tailwind.css +1 -1
  42. package/package.json +17 -19
  43. package/tailwind.config.d.ts +0 -8
  44. package/tailwind.config.js +0 -215
package/dist/.vite/manifest.json CHANGED
@@ -1515,7 +1515,6 @@
1515
1515
  "isEntry": true,
1516
1516
  "imports": [
1517
1517
  "_jsx-runtime-XHKiWCTo.cjs",
1518
- "src/hooks/useIsMounted.ts",
1519
1518
  "src/utils/cn.ts",
1520
1519
  "src/components/Loader/index.tsx"
1521
1520
  ]
@@ -1830,7 +1829,8 @@
1830
1829
  "src/components/Container/index.tsx",
1831
1830
  "src/components/Headers/index.tsx",
1832
1831
  "src/components/Headers/SectionScroller.tsx",
1833
- "src/components/IDE/CodeRender.tsx"
1832
+ "src/components/IDE/CodeRender.tsx",
1833
+ "src/components/Link/Link.tsx"
1834
1834
  ]
1835
1835
  },
1836
1836
  "src/components/MaxHeightSmoother/index.tsx": {
@@ -2563,6 +2563,12 @@
2563
2563
  "src/libs/intlayer-api/fetcher.ts"
2564
2564
  ]
2565
2565
  },
2566
+ "src/tailwind.config.ts": {
2567
+ "file": "tailwind.config.cjs",
2568
+ "name": "tailwind.config",
2569
+ "src": "src/tailwind.config.ts",
2570
+ "isEntry": true
2571
+ },
2566
2572
  "src/utils/camelCase.ts": {
2567
2573
  "file": "utils/camelCase.cjs",
2568
2574
  "name": "utils/camelCase",
package/dist/__vite-browser-external-SDi5tJh6.cjs ADDED
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ const process = {};
3
+ exports.process = process;
4
+ //# sourceMappingURL=__vite-browser-external-SDi5tJh6.cjs.map
package/dist/__vite-browser-external-SDi5tJh6.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"__vite-browser-external-SDi5tJh6.cjs","sources":["../__vite-browser-external"],"sourcesContent":["export default {}"],"names":[],"mappings":";AAAA,MAAe,UAAA,CAAA;;"}
package/dist/__vite-browser-external-r74dyCO2.js ADDED
@@ -0,0 +1,5 @@
1
+ const process = {};
2
+ export {
3
+ process as p
4
+ };
5
+ //# sourceMappingURL=__vite-browser-external-r74dyCO2.js.map
package/dist/__vite-browser-external-r74dyCO2.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"__vite-browser-external-r74dyCO2.js","sources":["../__vite-browser-external"],"sourcesContent":["export default {}"],"names":[],"mappings":"AAAA,MAAe,UAAA,CAAA;"}
package/dist/components/Auth/ChangePasswordForm/index.content.d.ts CHANGED
@@ -1,23 +1,23 @@
1
1
  export declare const getChangePasswordContent: () => {
2
2
  currentPasswordInput: {
3
- label: any;
4
- placeholder: any;
3
+ label: string;
4
+ placeholder: string;
5
5
  };
6
6
  newPasswordInput: {
7
- label: any;
8
- placeholder: any;
7
+ label: string;
8
+ placeholder: string;
9
9
  };
10
10
  confirmPasswordInput: {
11
- label: any;
12
- placeholder: any;
11
+ label: string;
12
+ placeholder: string;
13
13
  };
14
14
  changePasswordButton: {
15
- text: any;
16
- ariaLabel: any;
15
+ text: string;
16
+ ariaLabel: string;
17
17
  };
18
18
  backToHomeButton: {
19
- text: any;
20
- ariaLabel: any;
19
+ text: string;
20
+ ariaLabel: string;
21
21
  };
22
22
  };
23
23
  //# sourceMappingURL=index.content.d.ts.map
package/dist/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  export declare const getExternalsLoginButtonsContent: () => {
2
- span: any;
2
+ span: string;
3
3
  github: {
4
- label: any;
5
- ariaLabel: any;
4
+ label: string;
5
+ ariaLabel: string;
6
6
  };
7
7
  google: {
8
- label: any;
9
- ariaLabel: any;
8
+ label: string;
9
+ ariaLabel: string;
10
10
  };
11
11
  };
12
12
  //# sourceMappingURL=externalsLoginButtons.content.d.ts.map
package/dist/components/Auth/ResetPasswordForm/index.content.d.ts CHANGED
@@ -1,18 +1,18 @@
1
1
  export declare const getResetPasswordContent: () => {
2
2
  emailInput: {
3
- label: any;
4
- placeholder: any;
3
+ label: string;
4
+ placeholder: string;
5
5
  };
6
6
  sendRecoveryEmailButton: {
7
- text: any;
8
- ariaLabel: any;
7
+ text: string;
8
+ ariaLabel: string;
9
9
  };
10
10
  resendRecoveryEmailButton: {
11
- text: any;
11
+ text: string;
12
12
  };
13
- resendInText: any;
13
+ resendInText: string;
14
14
  backToLoginButton: {
15
- text: any;
15
+ text: string;
16
16
  };
17
17
  };
18
18
  //# sourceMappingURL=index.content.d.ts.map
package/dist/components/Auth/SignInForm/index.content.d.ts CHANGED
@@ -1,28 +1,28 @@
1
1
  export declare const getSignInContent: () => {
2
2
  forgotPasswordLink: {
3
- ariaLabel: any;
4
- text: any;
3
+ ariaLabel: string;
4
+ text: string;
5
5
  };
6
6
  emailInput: {
7
- label: any;
8
- placeholder: any;
7
+ label: string;
8
+ placeholder: string;
9
9
  };
10
10
  passwordInput: {
11
- label: any;
12
- placeholder: any;
11
+ label: string;
12
+ placeholder: string;
13
13
  };
14
14
  loginButton: {
15
- text: any;
16
- ariaLabel: any;
15
+ text: string;
16
+ ariaLabel: string;
17
17
  };
18
18
  signInButton: {
19
- text: any;
20
- ariaLabel: any;
19
+ text: string;
20
+ ariaLabel: string;
21
21
  };
22
22
  signUpLink: {
23
- message: any;
24
- ariaLabel: any;
25
- text: any;
23
+ message: string;
24
+ ariaLabel: string;
25
+ text: string;
26
26
  };
27
27
  };
28
28
  //# sourceMappingURL=index.content.d.ts.map
package/dist/components/Auth/SignUpForm/index.content.d.ts CHANGED
@@ -1,24 +1,24 @@
1
1
  export declare const getSignUpContent: () => {
2
2
  emailInput: {
3
- label: any;
4
- placeholder: any;
3
+ label: string;
4
+ placeholder: string;
5
5
  };
6
6
  passwordInput: {
7
- label: any;
8
- placeholder: any;
7
+ label: string;
8
+ placeholder: string;
9
9
  };
10
10
  passwordConfirmationInput: {
11
- label: any;
12
- placeholder: any;
11
+ label: string;
12
+ placeholder: string;
13
13
  };
14
14
  signUpButton: {
15
- text: any;
16
- ariaLabel: any;
15
+ text: string;
16
+ ariaLabel: string;
17
17
  };
18
18
  loginLink: {
19
- message: any;
20
- text: any;
21
- ariaLabel: any;
19
+ message: string;
20
+ text: string;
21
+ ariaLabel: string;
22
22
  };
23
23
  };
24
24
  //# sourceMappingURL=index.content.d.ts.map
package/dist/components/Badge/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  import { HTMLAttributes } from 'react';
3
3
  export declare const badgeVariants: (props?: ({
4
- color?: "text" | "primary" | "secondary" | "neutral" | "destructive" | "light" | "dark" | "custom" | null | undefined;
5
- variant?: "default" | "none" | "outline" | "hoverable" | null | undefined;
4
+ color?: "text" | "light" | "dark" | "primary" | "secondary" | "destructive" | "neutral" | "custom" | null | undefined;
5
+ variant?: "none" | "default" | "outline" | "hoverable" | null | undefined;
6
6
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
7
  export type BadgeProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants>;
8
8
  export declare const Badge: ({ className, variant, color, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/Button/Button.d.ts CHANGED
@@ -3,9 +3,9 @@ import { LucideIcon } from 'lucide-react';
3
3
  import { ButtonHTMLAttributes, DetailedHTMLProps, FC } from 'react';
4
4
  declare const buttonVariants: (props?: ({
5
5
  size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null | undefined;
6
- variant?: "default" | "link" | "none" | "input" | "outline" | "invisible-link" | "hoverable" | null | undefined;
7
- color?: "text" | "error" | "primary" | "secondary" | "neutral" | "destructive" | "light" | "dark" | "text-inverse" | "success" | "custom" | null | undefined;
8
- textAlign?: "left" | "right" | "center" | null | undefined;
6
+ variant?: "none" | "default" | "link" | "input" | "outline" | "invisible-link" | "hoverable" | null | undefined;
7
+ color?: "text" | "light" | "dark" | "success" | "error" | "primary" | "secondary" | "destructive" | "neutral" | "text-inverse" | "custom" | null | undefined;
8
+ textAlign?: "center" | "right" | "left" | null | undefined;
9
9
  isFullWidth?: boolean | null | undefined;
10
10
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
11
11
  export type ButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
package/dist/components/Container/index.d.ts CHANGED
@@ -1,29 +1,29 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  import { PropsWithChildren, HTMLAttributes } from 'react';
3
3
  declare const containerVariants: (props?: ({
4
- roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
5
- transparency?: "none" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
6
- padding?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
4
+ roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full" | null | undefined;
5
+ transparency?: "sm" | "md" | "lg" | "xl" | "none" | "full" | null | undefined;
6
+ padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
7
7
  separator?: "without" | "x" | "y" | "both" | null | undefined;
8
8
  border?: "none" | "with" | null | undefined;
9
9
  borderColor?: "text" | "primary" | "secondary" | "neutral" | null | undefined;
10
10
  background?: "none" | "with" | null | undefined;
11
- gap?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
11
+ gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | null | undefined;
12
12
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
13
13
  export type ContainerProps = PropsWithChildren<Omit<VariantProps<typeof containerVariants>, 'border' | 'background'>> & HTMLAttributes<HTMLDivElement> & {
14
14
  border?: boolean;
15
15
  background?: boolean;
16
16
  };
17
17
  export declare const Container: import('react').ForwardRefExoticComponent<Omit<VariantProps<(props?: ({
18
- roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
19
- transparency?: "none" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
20
- padding?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
18
+ roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full" | null | undefined;
19
+ transparency?: "sm" | "md" | "lg" | "xl" | "none" | "full" | null | undefined;
20
+ padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
21
21
  separator?: "without" | "x" | "y" | "both" | null | undefined;
22
22
  border?: "none" | "with" | null | undefined;
23
23
  borderColor?: "text" | "primary" | "secondary" | "neutral" | null | undefined;
24
24
  background?: "none" | "with" | null | undefined;
25
- gap?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
26
- } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "border" | "background"> & {
25
+ gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | null | undefined;
26
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "background" | "border"> & {
27
27
  children?: import('react').ReactNode | undefined;
28
28
  } & HTMLAttributes<HTMLDivElement> & {
29
29
  border?: boolean;
package/dist/components/IDE/CodeRender.cjs CHANGED
@@ -27,7 +27,6 @@ const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
27
27
  const lucideReact = require("lucide-react");
28
28
  const require$$0 = require("react");
29
29
  const CopyToClipboard = require("react-copy-to-clipboard");
30
- const hooks_useIsMounted = require("../../hooks/useIsMounted.cjs");
31
30
  const utils_cn = require("../../utils/cn.cjs");
32
31
  const components_Loader_index = require("../Loader/index.cjs");
33
32
  const okaidia = {
@@ -584,8 +583,15 @@ const Code = ({
584
583
  showLineNumbers = true,
585
584
  ...props
586
585
  }) => {
587
- hooks_useIsMounted.useIsMounted();
586
+ const [isDarkModeState, setIsDarkModeState] = require$$0.useState(false);
588
587
  const [copied, setCopied] = require$$0.useState(false);
588
+ require$$0.useEffect(
589
+ () => (
590
+ // Necessary to fix first render bug
591
+ setIsDarkModeState(isDarkMode ?? false)
592
+ ),
593
+ [isDarkMode]
594
+ );
589
595
  require$$0.useEffect(() => {
590
596
  const timer = setTimeout(() => {
591
597
  setCopied(false);
@@ -615,7 +621,7 @@ const Code = ({
615
621
  },
616
622
  PreTag: (props2) => props2.children,
617
623
  language: language ?? "javascript",
618
- style: isDarkMode ? okaidia : coldarkCold,
624
+ style: isDarkModeState ? okaidia : coldarkCold,
619
625
  showLineNumbers,
620
626
  ...props,
621
627
  children: String(children).replace(/\n$/, "")
package/dist/components/IDE/CodeRender.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodeRender.cjs","sources":["../../../../../../node_modules/.pnpm/react-syntax-highlighter@15.6.1_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/styles/prism/okaidia.js","../../../../../../node_modules/.pnpm/react-syntax-highlighter@15.6.1_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/styles/prism/coldark-cold.js","../../../src/components/IDE/CodeRender.tsx"],"sourcesContent":["export default {\n \"code[class*=\\\"language-\\\"]\": {\n \"color\": \"#f8f8f2\",\n \"background\": \"none\",\n \"textShadow\": \"0 1px rgba(0, 0, 0, 0.3)\",\n \"fontFamily\": \"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace\",\n \"fontSize\": \"1em\",\n \"textAlign\": \"left\",\n \"whiteSpace\": \"pre\",\n \"wordSpacing\": \"normal\",\n \"wordBreak\": \"normal\",\n \"wordWrap\": \"normal\",\n \"lineHeight\": \"1.5\",\n \"MozTabSize\": \"4\",\n \"OTabSize\": \"4\",\n \"tabSize\": \"4\",\n \"WebkitHyphens\": \"none\",\n \"MozHyphens\": \"none\",\n \"msHyphens\": \"none\",\n \"hyphens\": \"none\"\n },\n \"pre[class*=\\\"language-\\\"]\": {\n \"color\": \"#f8f8f2\",\n \"background\": \"#272822\",\n \"textShadow\": \"0 1px rgba(0, 0, 0, 0.3)\",\n \"fontFamily\": \"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace\",\n \"fontSize\": \"1em\",\n \"textAlign\": \"left\",\n \"whiteSpace\": \"pre\",\n \"wordSpacing\": \"normal\",\n \"wordBreak\": \"normal\",\n \"wordWrap\": \"normal\",\n \"lineHeight\": \"1.5\",\n \"MozTabSize\": \"4\",\n \"OTabSize\": \"4\",\n \"tabSize\": \"4\",\n \"WebkitHyphens\": \"none\",\n \"MozHyphens\": \"none\",\n \"msHyphens\": \"none\",\n \"hyphens\": \"none\",\n \"padding\": \"1em\",\n \"margin\": \".5em 0\",\n \"overflow\": \"auto\",\n \"borderRadius\": \"0.3em\"\n },\n \":not(pre) > code[class*=\\\"language-\\\"]\": {\n \"background\": \"#272822\",\n \"padding\": \".1em\",\n \"borderRadius\": \".3em\",\n \"whiteSpace\": \"normal\"\n },\n \"comment\": {\n \"color\": \"#8292a2\"\n },\n \"prolog\": {\n \"color\": \"#8292a2\"\n },\n \"doctype\": {\n \"color\": \"#8292a2\"\n },\n \"cdata\": {\n \"color\": \"#8292a2\"\n },\n \"punctuation\": {\n \"color\": \"#f8f8f2\"\n },\n \"namespace\": {\n \"Opacity\": \".7\"\n },\n \"property\": {\n \"color\": \"#f92672\"\n },\n \"tag\": {\n \"color\": \"#f92672\"\n },\n \"constant\": {\n \"color\": \"#f92672\"\n },\n \"symbol\": {\n \"color\": \"#f92672\"\n },\n \"deleted\": {\n \"color\": \"#f92672\"\n },\n \"boolean\": {\n \"color\": \"#ae81ff\"\n },\n \"number\": {\n \"color\": \"#ae81ff\"\n },\n \"selector\": {\n \"color\": \"#a6e22e\"\n },\n \"attr-name\": {\n \"color\": \"#a6e22e\"\n },\n \"string\": {\n \"color\": \"#a6e22e\"\n },\n \"char\": {\n \"color\": \"#a6e22e\"\n },\n \"builtin\": {\n \"color\": \"#a6e22e\"\n },\n \"inserted\": {\n \"color\": \"#a6e22e\"\n },\n \"operator\": {\n \"color\": \"#f8f8f2\"\n },\n \"entity\": {\n \"color\": \"#f8f8f2\",\n \"cursor\": \"help\"\n },\n \"url\": {\n \"color\": \"#f8f8f2\"\n },\n \".language-css .token.string\": {\n \"color\": \"#f8f8f2\"\n },\n \".style .token.string\": {\n \"color\": \"#f8f8f2\"\n },\n \"variable\": {\n \"color\": \"#f8f8f2\"\n },\n \"atrule\": {\n \"color\": \"#e6db74\"\n },\n \"attr-value\": {\n \"color\": \"#e6db74\"\n },\n \"function\": {\n \"color\": \"#e6db74\"\n },\n \"class-name\": {\n \"color\": \"#e6db74\"\n },\n \"keyword\": {\n \"color\": \"#66d9ef\"\n },\n \"regex\": {\n \"color\": \"#fd971f\"\n },\n \"important\": {\n \"color\": \"#fd971f\",\n \"fontWeight\": \"bold\"\n },\n \"bold\": {\n \"fontWeight\": \"bold\"\n },\n \"italic\": {\n \"fontStyle\": \"italic\"\n }\n};","export default {\n \"code[class*=\\\"language-\\\"]\": {\n \"color\": \"#111b27\",\n \"background\": \"none\",\n \"fontFamily\": \"Consolas, Monaco, \\\"Andale Mono\\\", \\\"Ubuntu Mono\\\", monospace\",\n \"textAlign\": \"left\",\n \"whiteSpace\": \"pre\",\n \"wordSpacing\": \"normal\",\n \"wordBreak\": \"normal\",\n \"wordWrap\": \"normal\",\n \"lineHeight\": \"1.5\",\n \"MozTabSize\": \"4\",\n \"OTabSize\": \"4\",\n \"tabSize\": \"4\",\n \"WebkitHyphens\": \"none\",\n \"MozHyphens\": \"none\",\n \"msHyphens\": \"none\",\n \"hyphens\": \"none\"\n },\n \"pre[class*=\\\"language-\\\"]\": {\n \"color\": \"#111b27\",\n \"background\": \"#e3eaf2\",\n \"fontFamily\": \"Consolas, Monaco, \\\"Andale Mono\\\", \\\"Ubuntu Mono\\\", monospace\",\n \"textAlign\": \"left\",\n \"whiteSpace\": \"pre\",\n \"wordSpacing\": \"normal\",\n \"wordBreak\": \"normal\",\n \"wordWrap\": \"normal\",\n \"lineHeight\": \"1.5\",\n \"MozTabSize\": \"4\",\n \"OTabSize\": \"4\",\n \"tabSize\": \"4\",\n \"WebkitHyphens\": \"none\",\n \"MozHyphens\": \"none\",\n \"msHyphens\": \"none\",\n \"hyphens\": \"none\",\n \"padding\": \"1em\",\n \"margin\": \"0.5em 0\",\n \"overflow\": \"auto\"\n },\n \"pre[class*=\\\"language-\\\"]::-moz-selection\": {\n \"background\": \"#8da1b9\"\n },\n \"pre[class*=\\\"language-\\\"] ::-moz-selection\": {\n \"background\": \"#8da1b9\"\n },\n \"code[class*=\\\"language-\\\"]::-moz-selection\": {\n \"background\": \"#8da1b9\"\n },\n \"code[class*=\\\"language-\\\"] ::-moz-selection\": {\n \"background\": \"#8da1b9\"\n },\n \"pre[class*=\\\"language-\\\"]::selection\": {\n \"background\": \"#8da1b9\"\n },\n \"pre[class*=\\\"language-\\\"] ::selection\": {\n \"background\": \"#8da1b9\"\n },\n \"code[class*=\\\"language-\\\"]::selection\": {\n \"background\": \"#8da1b9\"\n },\n \"code[class*=\\\"language-\\\"] ::selection\": {\n \"background\": \"#8da1b9\"\n },\n \":not(pre) > code[class*=\\\"language-\\\"]\": {\n \"background\": \"#e3eaf2\",\n \"padding\": \"0.1em 0.3em\",\n \"borderRadius\": \"0.3em\",\n \"whiteSpace\": \"normal\"\n },\n \"comment\": {\n \"color\": \"#3c526d\"\n },\n \"prolog\": {\n \"color\": \"#3c526d\"\n },\n \"doctype\": {\n \"color\": \"#3c526d\"\n },\n \"cdata\": {\n \"color\": \"#3c526d\"\n },\n \"punctuation\": {\n \"color\": \"#111b27\"\n },\n \"delimiter.important\": {\n \"color\": \"#006d6d\",\n \"fontWeight\": \"inherit\"\n },\n \"selector.parent\": {\n \"color\": \"#006d6d\"\n },\n \"tag\": {\n \"color\": \"#006d6d\"\n },\n \"tag.punctuation\": {\n \"color\": \"#006d6d\"\n },\n \"attr-name\": {\n \"color\": \"#755f00\"\n },\n \"boolean\": {\n \"color\": \"#755f00\"\n },\n \"boolean.important\": {\n \"color\": \"#755f00\"\n },\n \"number\": {\n \"color\": \"#755f00\"\n },\n \"constant\": {\n \"color\": \"#755f00\"\n },\n \"selector.attribute\": {\n \"color\": \"#755f00\"\n },\n \"class-name\": {\n \"color\": \"#005a8e\"\n },\n \"key\": {\n \"color\": \"#005a8e\"\n },\n \"parameter\": {\n \"color\": \"#005a8e\"\n },\n \"property\": {\n \"color\": \"#005a8e\"\n },\n \"property-access\": {\n \"color\": \"#005a8e\"\n },\n \"variable\": {\n \"color\": \"#005a8e\"\n },\n \"attr-value\": {\n \"color\": \"#116b00\"\n },\n \"inserted\": {\n \"color\": \"#116b00\"\n },\n \"color\": {\n \"color\": \"#116b00\"\n },\n \"selector.value\": {\n \"color\": \"#116b00\"\n },\n \"string\": {\n \"color\": \"#116b00\"\n },\n \"string.url-link\": {\n \"color\": \"#116b00\"\n },\n \"builtin\": {\n \"color\": \"#af00af\"\n },\n \"keyword-array\": {\n \"color\": \"#af00af\"\n },\n \"package\": {\n \"color\": \"#af00af\"\n },\n \"regex\": {\n \"color\": \"#af00af\"\n },\n \"function\": {\n \"color\": \"#7c00aa\"\n },\n \"selector.class\": {\n \"color\": \"#7c00aa\"\n },\n \"selector.id\": {\n \"color\": \"#7c00aa\"\n },\n \"atrule.rule\": {\n \"color\": \"#a04900\"\n },\n \"combinator\": {\n \"color\": \"#a04900\"\n },\n \"keyword\": {\n \"color\": \"#a04900\"\n },\n \"operator\": {\n \"color\": \"#a04900\"\n },\n \"pseudo-class\": {\n \"color\": \"#a04900\"\n },\n \"pseudo-element\": {\n \"color\": \"#a04900\"\n },\n \"selector\": {\n \"color\": \"#a04900\"\n },\n \"unit\": {\n \"color\": \"#a04900\"\n },\n \"deleted\": {\n \"color\": \"#c22f2e\"\n },\n \"important\": {\n \"color\": \"#c22f2e\",\n \"fontWeight\": \"bold\"\n },\n \"keyword-this\": {\n \"color\": \"#005a8e\",\n \"fontWeight\": \"bold\"\n },\n \"this\": {\n \"color\": \"#005a8e\",\n \"fontWeight\": \"bold\"\n },\n \"bold\": {\n \"fontWeight\": \"bold\"\n },\n \"italic\": {\n \"fontStyle\": \"italic\"\n },\n \"entity\": {\n \"cursor\": \"help\"\n },\n \".language-markdown .token.title\": {\n \"color\": \"#005a8e\",\n \"fontWeight\": \"bold\"\n },\n \".language-markdown .token.title .token.punctuation\": {\n \"color\": \"#005a8e\",\n \"fontWeight\": \"bold\"\n },\n \".language-markdown .token.blockquote.punctuation\": {\n \"color\": \"#af00af\"\n },\n \".language-markdown .token.code\": {\n \"color\": \"#006d6d\"\n },\n \".language-markdown .token.hr.punctuation\": {\n \"color\": \"#005a8e\"\n },\n \".language-markdown .token.url > .token.content\": {\n \"color\": \"#116b00\"\n },\n \".language-markdown .token.url-link\": {\n \"color\": \"#755f00\"\n },\n \".language-markdown .token.list.punctuation\": {\n \"color\": \"#af00af\"\n },\n \".language-markdown .token.table-header\": {\n \"color\": \"#111b27\"\n },\n \".language-json .token.operator\": {\n \"color\": \"#111b27\"\n },\n \".language-scss .token.variable\": {\n \"color\": \"#006d6d\"\n },\n \"token.tab:not(:empty):before\": {\n \"color\": \"#3c526d\"\n },\n \"token.cr:before\": {\n \"color\": \"#3c526d\"\n },\n \"token.lf:before\": {\n \"color\": \"#3c526d\"\n },\n \"token.space:before\": {\n \"color\": \"#3c526d\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#005a8e\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#005a8e\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#005a8eda\",\n \"textDecoration\": \"none\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#005a8eda\",\n \"textDecoration\": \"none\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#005a8eda\",\n \"textDecoration\": \"none\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#005a8eda\",\n \"textDecoration\": \"none\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#3c526d\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#3c526d\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#3c526d\"\n },\n \".line-highlight.line-highlight\": {\n \"background\": \"linear-gradient(to right, #8da1b92f 70%, #8da1b925)\"\n },\n \".line-highlight.line-highlight:before\": {\n \"backgroundColor\": \"#3c526d\",\n \"color\": \"#e3eaf2\",\n \"boxShadow\": \"0 1px #8da1b9\"\n },\n \".line-highlight.line-highlight[data-end]:after\": {\n \"backgroundColor\": \"#3c526d\",\n \"color\": \"#e3eaf2\",\n \"boxShadow\": \"0 1px #8da1b9\"\n },\n \"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before\": {\n \"backgroundColor\": \"#3c526d1f\"\n },\n \".line-numbers.line-numbers .line-numbers-rows\": {\n \"borderRight\": \"1px solid #8da1b97a\",\n \"background\": \"#d0dae77a\"\n },\n \".line-numbers .line-numbers-rows > span:before\": {\n \"color\": \"#3c526dda\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-1\": {\n \"color\": \"#755f00\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-5\": {\n \"color\": \"#755f00\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-9\": {\n \"color\": \"#755f00\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-2\": {\n \"color\": \"#af00af\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-6\": {\n \"color\": \"#af00af\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-10\": {\n \"color\": \"#af00af\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-3\": {\n \"color\": \"#005a8e\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-7\": {\n \"color\": \"#005a8e\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-11\": {\n \"color\": \"#005a8e\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-4\": {\n \"color\": \"#7c00aa\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-8\": {\n \"color\": \"#7c00aa\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-12\": {\n \"color\": \"#7c00aa\"\n },\n \"pre.diff-highlight > code .token.token.deleted:not(.prefix)\": {\n \"backgroundColor\": \"#c22f2e1f\"\n },\n \"pre > code.diff-highlight .token.token.deleted:not(.prefix)\": {\n \"backgroundColor\": \"#c22f2e1f\"\n },\n \"pre.diff-highlight > code .token.token.inserted:not(.prefix)\": {\n \"backgroundColor\": \"#116b001f\"\n },\n \"pre > code.diff-highlight .token.token.inserted:not(.prefix)\": {\n \"backgroundColor\": \"#116b001f\"\n },\n \".command-line .command-line-prompt\": {\n \"borderRight\": \"1px solid #8da1b97a\"\n },\n \".command-line .command-line-prompt > span:before\": {\n \"color\": \"#3c526dda\"\n }\n};","'use client';\n\nimport { CopyCheckIcon, CopyIcon } from 'lucide-react';\nimport {\n type FC,\n useEffect,\n useState,\n lazy,\n Suspense,\n type ReactNode,\n useMemo,\n} from 'react';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport {\n okaidia,\n coldarkCold,\n} from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport { useIsMounted } from '../../hooks/useIsMounted';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst SyntaxHighlighter = lazy(() =>\n import('react-syntax-highlighter').then((module) => ({\n default: module.Prism,\n }))\n);\n\ntype CodeCompProps = {\n children: string;\n language: string;\n isDarkMode?: boolean;\n showLineNumbers?: boolean;\n};\n\nexport const Code: FC<CodeCompProps> = ({\n children,\n language,\n isDarkMode,\n showLineNumbers = true,\n ...props\n}) => {\n useIsMounted();\n const [copied, setCopied] = useState(false);\n\n useEffect(() => {\n const timer = setTimeout(() => {\n setCopied(false);\n }, 1000);\n return () => clearTimeout(timer);\n }, [copied]);\n\n return (\n <div\n className={cn(\n 'relative h-full w-full text-sm',\n showLineNumbers && 'ml-0'\n )}\n >\n <CopyToClipboard text={children} onCopy={() => setCopied(true)}>\n <button className=\"absolute right-3 top-3\" aria-label=\"Copy code\">\n {copied ? (\n <CopyCheckIcon className=\"size-4\" />\n ) : (\n <CopyIcon className=\"size-4\" />\n )}\n </button>\n </CopyToClipboard>\n <div className=\"grid size-full grid-cols-[0px] overflow-auto p-3\">\n <Suspense fallback={<Loader />}>\n <SyntaxHighlighter\n customStyle={{\n display: undefined,\n overflowX: 'auto',\n overflowY: 'auto',\n padding: undefined,\n color: undefined,\n background: 'inherit',\n margin: undefined,\n }}\n PreTag={(props: { children: ReactNode }) => props.children}\n language={language ?? 'javascript'}\n style={isDarkMode ? okaidia : coldarkCold}\n showLineNumbers={showLineNumbers}\n {...props}\n >\n {String(children).replace(/\\n$/, '')}\n </SyntaxHighlighter>\n </Suspense>\n </div>\n </div>\n );\n};\n"],"names":["lazy","module","useIsMounted","useState","useEffect","jsxs","cn","jsx","CopyCheckIcon","CopyIcon","Suspense","Loader","props"],"mappings":"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","x_google_ignoreList":[0,1]}
1
+ {"version":3,"file":"CodeRender.cjs","sources":["../../../../../../node_modules/.pnpm/react-syntax-highlighter@15.6.1_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/styles/prism/okaidia.js","../../../../../../node_modules/.pnpm/react-syntax-highlighter@15.6.1_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/styles/prism/coldark-cold.js","../../../src/components/IDE/CodeRender.tsx"],"sourcesContent":["export default {\n \"code[class*=\\\"language-\\\"]\": {\n \"color\": \"#f8f8f2\",\n \"background\": \"none\",\n \"textShadow\": \"0 1px rgba(0, 0, 0, 0.3)\",\n \"fontFamily\": \"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace\",\n \"fontSize\": \"1em\",\n \"textAlign\": \"left\",\n \"whiteSpace\": \"pre\",\n \"wordSpacing\": \"normal\",\n \"wordBreak\": \"normal\",\n \"wordWrap\": \"normal\",\n \"lineHeight\": \"1.5\",\n \"MozTabSize\": \"4\",\n \"OTabSize\": \"4\",\n \"tabSize\": \"4\",\n \"WebkitHyphens\": \"none\",\n \"MozHyphens\": \"none\",\n \"msHyphens\": \"none\",\n \"hyphens\": \"none\"\n },\n \"pre[class*=\\\"language-\\\"]\": {\n \"color\": \"#f8f8f2\",\n \"background\": \"#272822\",\n \"textShadow\": \"0 1px rgba(0, 0, 0, 0.3)\",\n \"fontFamily\": \"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace\",\n \"fontSize\": \"1em\",\n \"textAlign\": \"left\",\n \"whiteSpace\": \"pre\",\n \"wordSpacing\": \"normal\",\n \"wordBreak\": \"normal\",\n \"wordWrap\": \"normal\",\n \"lineHeight\": \"1.5\",\n \"MozTabSize\": \"4\",\n \"OTabSize\": \"4\",\n \"tabSize\": \"4\",\n \"WebkitHyphens\": \"none\",\n \"MozHyphens\": \"none\",\n \"msHyphens\": \"none\",\n \"hyphens\": \"none\",\n \"padding\": \"1em\",\n \"margin\": \".5em 0\",\n \"overflow\": \"auto\",\n \"borderRadius\": \"0.3em\"\n },\n \":not(pre) > code[class*=\\\"language-\\\"]\": {\n \"background\": \"#272822\",\n \"padding\": \".1em\",\n \"borderRadius\": \".3em\",\n \"whiteSpace\": \"normal\"\n },\n \"comment\": {\n \"color\": \"#8292a2\"\n },\n \"prolog\": {\n \"color\": \"#8292a2\"\n },\n \"doctype\": {\n \"color\": \"#8292a2\"\n },\n \"cdata\": {\n \"color\": \"#8292a2\"\n },\n \"punctuation\": {\n \"color\": \"#f8f8f2\"\n },\n \"namespace\": {\n \"Opacity\": \".7\"\n },\n \"property\": {\n \"color\": \"#f92672\"\n },\n \"tag\": {\n \"color\": \"#f92672\"\n },\n \"constant\": {\n \"color\": \"#f92672\"\n },\n \"symbol\": {\n \"color\": \"#f92672\"\n },\n \"deleted\": {\n \"color\": \"#f92672\"\n },\n \"boolean\": {\n \"color\": \"#ae81ff\"\n },\n \"number\": {\n \"color\": \"#ae81ff\"\n },\n \"selector\": {\n \"color\": \"#a6e22e\"\n },\n \"attr-name\": {\n \"color\": \"#a6e22e\"\n },\n \"string\": {\n \"color\": \"#a6e22e\"\n },\n \"char\": {\n \"color\": \"#a6e22e\"\n },\n \"builtin\": {\n \"color\": \"#a6e22e\"\n },\n \"inserted\": {\n \"color\": \"#a6e22e\"\n },\n \"operator\": {\n \"color\": \"#f8f8f2\"\n },\n \"entity\": {\n \"color\": \"#f8f8f2\",\n \"cursor\": \"help\"\n },\n \"url\": {\n \"color\": \"#f8f8f2\"\n },\n \".language-css .token.string\": {\n \"color\": \"#f8f8f2\"\n },\n \".style .token.string\": {\n \"color\": \"#f8f8f2\"\n },\n \"variable\": {\n \"color\": \"#f8f8f2\"\n },\n \"atrule\": {\n \"color\": \"#e6db74\"\n },\n \"attr-value\": {\n \"color\": \"#e6db74\"\n },\n \"function\": {\n \"color\": \"#e6db74\"\n },\n \"class-name\": {\n \"color\": \"#e6db74\"\n },\n \"keyword\": {\n \"color\": \"#66d9ef\"\n },\n \"regex\": {\n \"color\": \"#fd971f\"\n },\n \"important\": {\n \"color\": \"#fd971f\",\n \"fontWeight\": \"bold\"\n },\n \"bold\": {\n \"fontWeight\": \"bold\"\n },\n \"italic\": {\n \"fontStyle\": \"italic\"\n }\n};","export default {\n \"code[class*=\\\"language-\\\"]\": {\n \"color\": \"#111b27\",\n \"background\": \"none\",\n \"fontFamily\": \"Consolas, Monaco, \\\"Andale Mono\\\", \\\"Ubuntu Mono\\\", monospace\",\n \"textAlign\": \"left\",\n \"whiteSpace\": \"pre\",\n \"wordSpacing\": \"normal\",\n \"wordBreak\": \"normal\",\n \"wordWrap\": \"normal\",\n \"lineHeight\": \"1.5\",\n \"MozTabSize\": \"4\",\n \"OTabSize\": \"4\",\n \"tabSize\": \"4\",\n \"WebkitHyphens\": \"none\",\n \"MozHyphens\": \"none\",\n \"msHyphens\": \"none\",\n \"hyphens\": \"none\"\n },\n \"pre[class*=\\\"language-\\\"]\": {\n \"color\": \"#111b27\",\n \"background\": \"#e3eaf2\",\n \"fontFamily\": \"Consolas, Monaco, \\\"Andale Mono\\\", \\\"Ubuntu Mono\\\", monospace\",\n \"textAlign\": \"left\",\n \"whiteSpace\": \"pre\",\n \"wordSpacing\": \"normal\",\n \"wordBreak\": \"normal\",\n \"wordWrap\": \"normal\",\n \"lineHeight\": \"1.5\",\n \"MozTabSize\": \"4\",\n \"OTabSize\": \"4\",\n \"tabSize\": \"4\",\n \"WebkitHyphens\": \"none\",\n \"MozHyphens\": \"none\",\n \"msHyphens\": \"none\",\n \"hyphens\": \"none\",\n \"padding\": \"1em\",\n \"margin\": \"0.5em 0\",\n \"overflow\": \"auto\"\n },\n \"pre[class*=\\\"language-\\\"]::-moz-selection\": {\n \"background\": \"#8da1b9\"\n },\n \"pre[class*=\\\"language-\\\"] ::-moz-selection\": {\n \"background\": \"#8da1b9\"\n },\n \"code[class*=\\\"language-\\\"]::-moz-selection\": {\n \"background\": \"#8da1b9\"\n },\n \"code[class*=\\\"language-\\\"] ::-moz-selection\": {\n \"background\": \"#8da1b9\"\n },\n \"pre[class*=\\\"language-\\\"]::selection\": {\n \"background\": \"#8da1b9\"\n },\n \"pre[class*=\\\"language-\\\"] ::selection\": {\n \"background\": \"#8da1b9\"\n },\n \"code[class*=\\\"language-\\\"]::selection\": {\n \"background\": \"#8da1b9\"\n },\n \"code[class*=\\\"language-\\\"] ::selection\": {\n \"background\": \"#8da1b9\"\n },\n \":not(pre) > code[class*=\\\"language-\\\"]\": {\n \"background\": \"#e3eaf2\",\n \"padding\": \"0.1em 0.3em\",\n \"borderRadius\": \"0.3em\",\n \"whiteSpace\": \"normal\"\n },\n \"comment\": {\n \"color\": \"#3c526d\"\n },\n \"prolog\": {\n \"color\": \"#3c526d\"\n },\n \"doctype\": {\n \"color\": \"#3c526d\"\n },\n \"cdata\": {\n \"color\": \"#3c526d\"\n },\n \"punctuation\": {\n \"color\": \"#111b27\"\n },\n \"delimiter.important\": {\n \"color\": \"#006d6d\",\n \"fontWeight\": \"inherit\"\n },\n \"selector.parent\": {\n \"color\": \"#006d6d\"\n },\n \"tag\": {\n \"color\": \"#006d6d\"\n },\n \"tag.punctuation\": {\n \"color\": \"#006d6d\"\n },\n \"attr-name\": {\n \"color\": \"#755f00\"\n },\n \"boolean\": {\n \"color\": \"#755f00\"\n },\n \"boolean.important\": {\n \"color\": \"#755f00\"\n },\n \"number\": {\n \"color\": \"#755f00\"\n },\n \"constant\": {\n \"color\": \"#755f00\"\n },\n \"selector.attribute\": {\n \"color\": \"#755f00\"\n },\n \"class-name\": {\n \"color\": \"#005a8e\"\n },\n \"key\": {\n \"color\": \"#005a8e\"\n },\n \"parameter\": {\n \"color\": \"#005a8e\"\n },\n \"property\": {\n \"color\": \"#005a8e\"\n },\n \"property-access\": {\n \"color\": \"#005a8e\"\n },\n \"variable\": {\n \"color\": \"#005a8e\"\n },\n \"attr-value\": {\n \"color\": \"#116b00\"\n },\n \"inserted\": {\n \"color\": \"#116b00\"\n },\n \"color\": {\n \"color\": \"#116b00\"\n },\n \"selector.value\": {\n \"color\": \"#116b00\"\n },\n \"string\": {\n \"color\": \"#116b00\"\n },\n \"string.url-link\": {\n \"color\": \"#116b00\"\n },\n \"builtin\": {\n \"color\": \"#af00af\"\n },\n \"keyword-array\": {\n \"color\": \"#af00af\"\n },\n \"package\": {\n \"color\": \"#af00af\"\n },\n \"regex\": {\n \"color\": \"#af00af\"\n },\n \"function\": {\n \"color\": \"#7c00aa\"\n },\n \"selector.class\": {\n \"color\": \"#7c00aa\"\n },\n \"selector.id\": {\n \"color\": \"#7c00aa\"\n },\n \"atrule.rule\": {\n \"color\": \"#a04900\"\n },\n \"combinator\": {\n \"color\": \"#a04900\"\n },\n \"keyword\": {\n \"color\": \"#a04900\"\n },\n \"operator\": {\n \"color\": \"#a04900\"\n },\n \"pseudo-class\": {\n \"color\": \"#a04900\"\n },\n \"pseudo-element\": {\n \"color\": \"#a04900\"\n },\n \"selector\": {\n \"color\": \"#a04900\"\n },\n \"unit\": {\n \"color\": \"#a04900\"\n },\n \"deleted\": {\n \"color\": \"#c22f2e\"\n },\n \"important\": {\n \"color\": \"#c22f2e\",\n \"fontWeight\": \"bold\"\n },\n \"keyword-this\": {\n \"color\": \"#005a8e\",\n \"fontWeight\": \"bold\"\n },\n \"this\": {\n \"color\": \"#005a8e\",\n \"fontWeight\": \"bold\"\n },\n \"bold\": {\n \"fontWeight\": \"bold\"\n },\n \"italic\": {\n \"fontStyle\": \"italic\"\n },\n \"entity\": {\n \"cursor\": \"help\"\n },\n \".language-markdown .token.title\": {\n \"color\": \"#005a8e\",\n \"fontWeight\": \"bold\"\n },\n \".language-markdown .token.title .token.punctuation\": {\n \"color\": \"#005a8e\",\n \"fontWeight\": \"bold\"\n },\n \".language-markdown .token.blockquote.punctuation\": {\n \"color\": \"#af00af\"\n },\n \".language-markdown .token.code\": {\n \"color\": \"#006d6d\"\n },\n \".language-markdown .token.hr.punctuation\": {\n \"color\": \"#005a8e\"\n },\n \".language-markdown .token.url > .token.content\": {\n \"color\": \"#116b00\"\n },\n \".language-markdown .token.url-link\": {\n \"color\": \"#755f00\"\n },\n \".language-markdown .token.list.punctuation\": {\n \"color\": \"#af00af\"\n },\n \".language-markdown .token.table-header\": {\n \"color\": \"#111b27\"\n },\n \".language-json .token.operator\": {\n \"color\": \"#111b27\"\n },\n \".language-scss .token.variable\": {\n \"color\": \"#006d6d\"\n },\n \"token.tab:not(:empty):before\": {\n \"color\": \"#3c526d\"\n },\n \"token.cr:before\": {\n \"color\": \"#3c526d\"\n },\n \"token.lf:before\": {\n \"color\": \"#3c526d\"\n },\n \"token.space:before\": {\n \"color\": \"#3c526d\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#005a8e\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#005a8e\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#005a8eda\",\n \"textDecoration\": \"none\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#005a8eda\",\n \"textDecoration\": \"none\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#005a8eda\",\n \"textDecoration\": \"none\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#005a8eda\",\n \"textDecoration\": \"none\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#3c526d\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#3c526d\"\n },\n \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus\": {\n \"color\": \"#e3eaf2\",\n \"background\": \"#3c526d\"\n },\n \".line-highlight.line-highlight\": {\n \"background\": \"linear-gradient(to right, #8da1b92f 70%, #8da1b925)\"\n },\n \".line-highlight.line-highlight:before\": {\n \"backgroundColor\": \"#3c526d\",\n \"color\": \"#e3eaf2\",\n \"boxShadow\": \"0 1px #8da1b9\"\n },\n \".line-highlight.line-highlight[data-end]:after\": {\n \"backgroundColor\": \"#3c526d\",\n \"color\": \"#e3eaf2\",\n \"boxShadow\": \"0 1px #8da1b9\"\n },\n \"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before\": {\n \"backgroundColor\": \"#3c526d1f\"\n },\n \".line-numbers.line-numbers .line-numbers-rows\": {\n \"borderRight\": \"1px solid #8da1b97a\",\n \"background\": \"#d0dae77a\"\n },\n \".line-numbers .line-numbers-rows > span:before\": {\n \"color\": \"#3c526dda\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-1\": {\n \"color\": \"#755f00\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-5\": {\n \"color\": \"#755f00\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-9\": {\n \"color\": \"#755f00\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-2\": {\n \"color\": \"#af00af\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-6\": {\n \"color\": \"#af00af\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-10\": {\n \"color\": \"#af00af\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-3\": {\n \"color\": \"#005a8e\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-7\": {\n \"color\": \"#005a8e\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-11\": {\n \"color\": \"#005a8e\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-4\": {\n \"color\": \"#7c00aa\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-8\": {\n \"color\": \"#7c00aa\"\n },\n \".rainbow-braces .token.token.punctuation.brace-level-12\": {\n \"color\": \"#7c00aa\"\n },\n \"pre.diff-highlight > code .token.token.deleted:not(.prefix)\": {\n \"backgroundColor\": \"#c22f2e1f\"\n },\n \"pre > code.diff-highlight .token.token.deleted:not(.prefix)\": {\n \"backgroundColor\": \"#c22f2e1f\"\n },\n \"pre.diff-highlight > code .token.token.inserted:not(.prefix)\": {\n \"backgroundColor\": \"#116b001f\"\n },\n \"pre > code.diff-highlight .token.token.inserted:not(.prefix)\": {\n \"backgroundColor\": \"#116b001f\"\n },\n \".command-line .command-line-prompt\": {\n \"borderRight\": \"1px solid #8da1b97a\"\n },\n \".command-line .command-line-prompt > span:before\": {\n \"color\": \"#3c526dda\"\n }\n};","'use client';\n\nimport { CopyCheckIcon, CopyIcon } from 'lucide-react';\nimport {\n type FC,\n useEffect,\n useState,\n lazy,\n Suspense,\n type ReactNode,\n} from 'react';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport {\n okaidia,\n coldarkCold,\n} from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst SyntaxHighlighter = lazy(() =>\n import('react-syntax-highlighter').then((module) => ({\n default: module.Prism,\n }))\n);\n\ntype CodeCompProps = {\n children: string;\n language: string;\n isDarkMode?: boolean;\n showLineNumbers?: boolean;\n};\n\nexport const Code: FC<CodeCompProps> = ({\n children,\n language,\n isDarkMode,\n showLineNumbers = true,\n ...props\n}) => {\n const [isDarkModeState, setIsDarkModeState] = useState(false);\n const [copied, setCopied] = useState(false);\n\n useEffect(\n () =>\n // Necessary to fix first render bug\n setIsDarkModeState(isDarkMode ?? false),\n [isDarkMode]\n );\n\n useEffect(() => {\n const timer = setTimeout(() => {\n setCopied(false);\n }, 1000);\n return () => clearTimeout(timer);\n }, [copied]);\n\n return (\n <div\n className={cn(\n 'relative h-full w-full text-sm',\n showLineNumbers && 'ml-0'\n )}\n >\n <CopyToClipboard text={children} onCopy={() => setCopied(true)}>\n <button className=\"absolute right-3 top-3\" aria-label=\"Copy code\">\n {copied ? (\n <CopyCheckIcon className=\"size-4\" />\n ) : (\n <CopyIcon className=\"size-4\" />\n )}\n </button>\n </CopyToClipboard>\n <div className=\"grid size-full grid-cols-[0px] overflow-auto p-3\">\n <Suspense fallback={<Loader />}>\n <SyntaxHighlighter\n customStyle={{\n display: undefined,\n overflowX: 'auto',\n overflowY: 'auto',\n padding: undefined,\n color: undefined,\n background: 'inherit',\n margin: undefined,\n }}\n PreTag={(props: { children: ReactNode }) => props.children}\n language={language ?? 'javascript'}\n style={isDarkModeState ? okaidia : coldarkCold}\n showLineNumbers={showLineNumbers}\n {...props}\n >\n {String(children).replace(/\\n$/, '')}\n </SyntaxHighlighter>\n </Suspense>\n </div>\n </div>\n );\n};\n"],"names":["lazy","module","useState","useEffect","jsxs","cn","jsx","CopyCheckIcon","CopyIcon","Suspense","Loader","props"],"mappings":"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","x_google_ignoreList":[0,1]}
package/dist/components/IDE/CodeRender.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodeRender.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeRender.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,EAAE,EAOR,MAAM,OAAO,CAAC;AAgBf,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,aAAa,CAyDlC,CAAC"}
1
+ {"version":3,"file":"CodeRender.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeRender.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AAef,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,aAAa,CAgElC,CAAC"}
package/dist/components/IDE/CodeRender.mjs CHANGED
@@ -3,7 +3,6 @@ import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
3
3
  import { CopyCheckIcon, CopyIcon } from "lucide-react";
4
4
  import { lazy, useState, useEffect, Suspense } from "react";
5
5
  import CopyToClipboard from "react-copy-to-clipboard";
6
- import { useIsMounted } from "../../hooks/useIsMounted.mjs";
7
6
  import { cn } from "../../utils/cn.mjs";
8
7
  import { Loader } from "../Loader/index.mjs";
9
8
  const okaidia = {
@@ -560,8 +559,15 @@ const Code = ({
560
559
  showLineNumbers = true,
561
560
  ...props
562
561
  }) => {
563
- useIsMounted();
562
+ const [isDarkModeState, setIsDarkModeState] = useState(false);
564
563
  const [copied, setCopied] = useState(false);
564
+ useEffect(
565
+ () => (
566
+ // Necessary to fix first render bug
567
+ setIsDarkModeState(isDarkMode ?? false)
568
+ ),
569
+ [isDarkMode]
570
+ );
565
571
  useEffect(() => {
566
572
  const timer = setTimeout(() => {
567
573
  setCopied(false);
@@ -591,7 +597,7 @@ const Code = ({
591
597
  },
592
598
  PreTag: (props2) => props2.children,
593
599
  language: language ?? "javascript",
594
- style: isDarkMode ? okaidia : coldarkCold,
600
+ style: isDarkModeState ? okaidia : coldarkCold,
595
601
  showLineNumbers,
596
602
  ...props,
597
603
  children: String(children).replace(/\n$/, "")