@d1vij/jassm 0.1.9 → 0.1.11

package/dist/index.d.ts

@@ -1,8 +1,33 @@
 import { MDXComponents } from "mdx/types";
-declare const Elements: MDXComponents;
+type MDXComponent = MDXComponents[number];
+declare const BaseElementTags: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "a", "em", "del", "strong", "code", "blockquote", "pre", "p", "hr", "ol", "ul", "li", "img", "table", "thead", "tbody", "th", "tr", "td"];
+declare const BaseElements: Record<(typeof BaseElementTags)[number], MDXComponent>;
 type JSX = React.JSX.Element | null;
 type HeaderLevels = 1 | 2 | 3 | 4 | 5 | 6;
 import { MDXComponents as MDXComponents2, MDXProps } from "mdx/types";
+type Element2 = MDXComponent | React.FunctionComponent;
+/**
+*  Generate Element object passable to {@link MDXFromComponent.components} prop.
+* Its recommended that atleast one Element map contains the base elements.
+* The inbuilt elements
+* @param elements Map of custom elements
+* @param baseElements Include the inbuilt elements in the map set (default `true`)
+* @returns Map of {@link Element}
+*
+* @example
+* import MapElement from "@/components/Map";
+* import CommentSection from "@/components/CommentSection"
+* const elements = generateElementsFrom({MapElement, CommentSection}); // default baseElements is true, so inbuilt elements would be included.
+*
+* // then later on
+* // defined elements along with inbuilt ones would be available in the .mdx files
+* <MDXFromComponent elements={elements}/>
+*
+*/
+declare function generateElementsFrom<
+	E extends Record<string, Element2>,
+	B extends boolean = true
+>(elements: E, baseElements?: B): { [K in B extends true ? keyof E | (typeof BaseElementTags)[number] : keyof E] : Element2 };
 /**
 * File extension(s) to accept
 */
@@ -133,7 +158,7 @@ declare const StyleContext: React.Context<StyleClassesMap>;
 */
 declare function useStyles(): StyleClassesMap;
 type MDXFromComponentProps = {
-	SourceComponent: React.ComponentType<MDXProps>;
+	source: React.ComponentType<MDXProps>;
 	styles: StyleClassesMap;
 	elements?: MDXComponents2;
 	fallback?: React.ReactNode;
@@ -141,5 +166,5 @@ type MDXFromComponentProps = {
 /**
 * Simple way to directly load a component from the Registry
 */
-declare function MDXFromComponent({ SourceComponent, styles, fallback, elements }: MDXFromComponentProps): JSX;
-export { useStyles, generateRegistries, StyleContext, StyleClassesMap, StyleClassesList, StyleClasses, RegistryOptions, RegistryOf, RegistryKey, Registry, MDXFromComponentProps, MDXFromComponent, MDXFile, HeaderLevels, ExportsRegistry, ExportSingleType, ExportAllType, Elements, ComponentRegistry, CoalescedRegistry };
+declare function MDXFromComponent({ source: SourceComponent, styles, fallback, elements }: MDXFromComponentProps): JSX;
+export { useStyles, generateRegistries, generateElementsFrom, StyleContext, StyleClassesMap, StyleClassesList, StyleClasses, RegistryOptions, RegistryOf, RegistryKey, Registry, MDXFromComponentProps, MDXFromComponent, MDXFile, HeaderLevels, ExportsRegistry, ExportSingleType, ExportAllType, Element2 as Element, ComponentRegistry, CoalescedRegistry, BaseElements, BaseElementTags };

package/dist/index.js

@@ -264,7 +264,7 @@ function TableData(props) {
 }
 
 // src/components/Elements/Elements.tsx
-var Elements = {
+var BaseElements2 = {
   h1: (props) => Header({ ...props, level: 1 }),
   h2: (props) => Header({ ...props, level: 2 }),
   h3: (props) => Header({ ...props, level: 3 }),
@@ -291,9 +291,14 @@ var Elements = {
   tr: TableRow,
   td: TableData
 };
-// src/components/Loader.tsx
-import { Suspense } from "react";
 
+// src/lib/generateElements.ts
+function generateElementsFrom(elements, baseElements = true) {
+  if (baseElements) {
+    return { ...BaseElements2, ...elements };
+  } else
+    return { ...elements };
+}
 // src/lib/Registry.ts
 import { lazy } from "react";
 function generateRegistries({
@@ -311,7 +316,7 @@ function generateRegistries({
       throw new Error(`No such file exsits as ${src}`);
     }
     components.push([`${mountOn}${virtual}`, lazy(loader)]);
-    exports.push([`${mountOn}${virtual}`, import(src)]);
+    exports.push([`${mountOn}${virtual}`, loader()]);
   }
   return [Object.fromEntries(components), Object.fromEntries(exports)];
 }
@@ -349,31 +354,15 @@ class CoalescedRegistry extends AbstractRegistry {
     this.exports = Object.assign({}, ...registries.map((r) => r.getExports()));
   }
 }
-// src/components/Loader.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-function MDXFromComponent({
-  SourceComponent,
-  styles,
-  fallback,
-  elements = Elements
-}) {
-  return /* @__PURE__ */ jsx14(StyleContext, {
-    value: styles,
-    children: /* @__PURE__ */ jsx14(Suspense, {
-      fallback,
-      children: /* @__PURE__ */ jsx14(SourceComponent, {
-        components: elements
-      })
-    })
-  });
-}
 export {
   useStyles,
   generateRegistries,
+  generateElementsFrom,
   StyleContext,
   StyleClassesList,
   Registry,
-  MDXFromComponent,
-  Elements,
-  CoalescedRegistry
+  MDXFromComponent2 as MDXFromComponent,
+  CoalescedRegistry,
+  BaseElements,
+  BaseElementTags
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@d1vij/jassm",
     "description": "Just another static site maker. Create simple content driven sites using MDX and React along with Typescript safety.",
-    "version": "0.1.9",
+    "version": "0.1.11",
     "type": "module",
     "files": [
         "dist"