@asgard-js/react 0.0.32 → 0.0.33-canary.1

package/src/{components/templates/text-template → hooks}/use-react-markdown-renderer.tsx

@@ -12,9 +12,9 @@ import remarkMath from 'remark-math';
 import rehypeHighlight from 'rehype-highlight';
 import rehypeKatex from 'rehype-katex';
 import 'katex/dist/katex.min.css';
-import classes from './text-template.module.scss';
-import { useAsgardTemplateContext } from 'src/context/asgard-template-context';
-import { safeWindowOpen } from 'src/utils/uri-validation';
+import classes from '../components/templates/text-template/text-template.module.scss';
+import { useAsgardTemplateContext } from '../context/asgard-template-context';
+import { safeWindowOpen } from '../utils/uri-validation';
 
 interface MarkdownRenderResult {
   htmlBlocks: ReactNode;
@@ -83,14 +83,14 @@ function isCompleteParagraph(raw: string): boolean {
 }
 
 // Custom table renderer to maintain current styling
-const TableRenderer = ({ children, ...props }: any): ReactNode => (
+const TableRenderer = ({ children, ...props }: React.ComponentProps<'table'>): ReactNode => (
   <div className={classes.table_container}>
     <table {...props}>{children}</table>
   </div>
 );
 
 // Custom code renderer to maintain highlight.js classes exactly
-const CodeRenderer = ({ children, className, ...props }: any): ReactNode => {
+const CodeRenderer = ({ children, className, ...props }: React.ComponentProps<'code'>): ReactNode => {
   return (
     <code className={`hljs ${className || ''}`} {...props}>
       {children}
@@ -99,7 +99,7 @@ const CodeRenderer = ({ children, className, ...props }: any): ReactNode => {
 };
 
 // Custom link renderer to integrate defaultLinkTarget prop
-const LinkRenderer = ({ children, href, ...props }: any): ReactNode => {
+const LinkRenderer = ({ children, href, ...props }: React.ComponentProps<'a'>): ReactNode => {
   const { defaultLinkTarget } = useAsgardTemplateContext();
 
   const handleClick = useCallback(
@@ -120,13 +120,13 @@ const LinkRenderer = ({ children, href, ...props }: any): ReactNode => {
 };
 
 // Custom math renderers for inline and block math expressions
-const InlineMathRenderer = ({ children, ...props }: any): ReactNode => (
+const InlineMathRenderer = ({ children, ...props }: React.ComponentProps<'span'>): ReactNode => (
   <span className="math math-inline" {...props}>
     {children}
   </span>
 );
 
-const BlockMathRenderer = ({ children, ...props }: any): ReactNode => (
+const BlockMathRenderer = ({ children, ...props }: React.ComponentProps<'div'>): ReactNode => (
   <div className="math math-display" {...props}>
     {children}
   </div>
@@ -138,7 +138,7 @@ const components = {
   code: CodeRenderer,
   a: LinkRenderer,
   math: InlineMathRenderer, // Inline math: $expression$
-  div: ({ className, ...props }: any): ReactNode => {
+  div: ({ className, ...props }: React.ComponentProps<'div'>): ReactNode => {
     // Block math: $$expression$$
     // Check for KaTeX display math classes
     if (
@@ -149,7 +149,9 @@ const components = {
         <BlockMathRenderer
           className={`math math-display ${className || ''}`}
           {...props}
-        />
+        >
+          {props.children}
+        </BlockMathRenderer>
       );
     }
 
@@ -261,4 +263,4 @@ export function useMarkdownRenderer(
     htmlBlocks,
     lastTypingText: typingText,
   };
-}
+}

package/src/utils/deep-merge.ts

@@ -2,21 +2,24 @@ export function isObject(item: unknown): item is Record<string, unknown> {
   return item !== null && typeof item === 'object' && !Array.isArray(item);
 }
 
-export function deepMerge<T extends object, U extends object>(
+export function deepMerge<T extends Record<string, unknown>, U extends Record<string, unknown>>(
   target: T,
   source: U
 ): T & U {
-  const output = { ...target } as any;
+  const output = { ...target } as T & U;
 
   if (!source) return output;
 
   for (const [key, value] of Object.entries(source)) {
     if (!isObject(value)) {
-      output[key] = value;
+      (output as Record<string, unknown>)[key] = value;
       continue;
     }
 
-    output[key] = deepMerge(isObject(output[key]) ? output[key] : {}, value);
+    (output as Record<string, unknown>)[key] = deepMerge(
+      isObject((output as Record<string, unknown>)[key]) ? (output as Record<string, unknown>)[key] as Record<string, unknown> : {}, 
+      value as Record<string, unknown>
+    );
   }
 
   return output;

package/tsconfig.lib.json

@@ -3,7 +3,8 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "src/*": ["src/*"]
+      "src/*": ["src/*"],
+      "@asgard-js/core": ["../core/src/index.ts"]
     },
     "outDir": "out-tsc/react",
     "types": [

package/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"fileNames":[],"fileInfos":[],"root":[],"options":{"allowJs":false,"allowSyntheticDefaultImports":true,"composite":true,"declaration":true,"declarationMap":true,"emitDeclarationOnly":true,"emitDecoratorMetadata":false,"esModuleInterop":true,"experimentalDecorators":false,"importHelpers":true,"module":99,"noEmitOnError":true,"noFallthroughCasesInSwitch":true,"noImplicitOverride":true,"noImplicitReturns":true,"noUnusedLocals":true,"removeComments":false,"rootDir":"../..","skipDefaultLibCheck":false,"skipLibCheck":true,"sourceMap":false,"strict":true,"target":99,"verbatimModuleSyntax":false},"version":"5.6.3"}

package/dist/components/templates/text-template/use-react-markdown-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-react-markdown-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/text-template/use-react-markdown-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAMf,OAAO,0BAA0B,CAAC;AAKlC,UAAU,oBAAoB;IAC5B,UAAU,EAAE,SAAS,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACxB;AAQD,eAAO,MAAM,cAAc,MAAM,CAAC;AAGlC,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAI,CAQnE;AAuHD,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,KAAK,SAAM,GACV,oBAAoB,CAqGtB"}