Merge pull request #3 from md2docx/upgrade

Upgrade

Author: mayank1513

.changeset/sweet-oranges-wish.md

@@ -0,0 +1,5 @@
+---
+"@m2d/html": patch
+---
+
+Upgrade core package to v1

examples/nextjs/package.json

@@ -12,7 +12,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "@m2d/core": "^0.0.5",
+    "@m2d/core": "^1.0.1",
     "@m2d/emoji": "^0.1.1",
     "@m2d/html": "workspace:*",
     "@repo/shared": "workspace:*",

examples/vite/package.json

@@ -12,7 +12,7 @@
     "lint:fix": "eslint src/ --fix"
   },
   "dependencies": {
-    "@m2d/core": "^0.0.5",
+    "@m2d/core": "^1.0.1",
     "@m2d/emoji": "^0.1.1",
     "@m2d/html": "workspace:*",
     "@repo/shared": "workspace:*",

lib/package.json

@@ -52,7 +52,7 @@
     "vitest": "^3.1.3"
   },
   "dependencies": {
-    "@m2d/core": "^0.0.5"
+    "@m2d/core": "^1.0.1"
   },
   "peerDependencies": {
     "docx": "^9.3.0"

lib/src/index.ts

@@ -289,7 +289,6 @@ const processInlineDOMNode = (el: Node, isPre = false): PhrasingContent => {
     case "svg":
       return {
         type: "svg",
-        id: `s${crypto.randomUUID()}`,
         value: el.outerHTML,
         data,
       };
@@ -456,6 +455,7 @@ const processDOMNode = (el: HTMLElement | SVGElement): BlockContent => {
   return { type: "paragraph", children: [processInlineDOMNode(el)], data };
 };
 
+/** process inline AST nodes */
 const processInlineNode = (node: HtmlNode) => {
   const value = node.value?.trim() ?? "";
   const tag = value.split(" ")[0].slice(1);
@@ -523,6 +523,7 @@ const preprocess = (pNode: Parent, isRoot = true) => {
  *
  * @returns Configured HTML plugin for MDAST parsing.
  */
+// @ts-expect-error -- we are not using the definitions
 export const htmlPlugin: () => IPlugin = () => {
   return {
     preprocess,

packages/shared/package.json

@@ -40,7 +40,7 @@
     "vitest": "^3.1.3"
   },
   "dependencies": {
-    "@m2d/core": "^0.0.5",
+    "@m2d/core": "^1.0.1",
     "@m2d/emoji": "^0.1.1",
     "@m2d/html": "workspace:*",
     "@mayank1513/fork-me": "^2.1.3",
@@ -54,6 +54,7 @@
     "react18-loaders": "^1.1.4",
     "remark-gfm": "^4.0.1",
     "remark-parse": "^11.0.0",
+    "typingfx": "^1.1.1",
     "unified": "^11.0.5",
     "unist-util-remove-position": "^5.0.0"
   }

packages/shared/src/client/demo/demo.tsx

@@ -31,6 +31,7 @@ export function Demo() {
       mdast,
       {},
       {
+        // @ts-expect-error -- migration WIP
         plugins: [htmlPlugin(), tablePlugin(), imagePlugin()],
       },
     ).then(blob => {

packages/shared/src/global.scss

@@ -1,4 +1,5 @@
 @import "@mayank1513/fork-me/index.css";
+@import "typingfx/dist/index.css";
 
 * {
   box-sizing: border-box;
@@ -8,9 +9,9 @@
 :root {
   --max-width: 1100px;
   --border-radius: 12px;
-  --font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono",
-    "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono",
-    "Courier New", monospace;
+  --font-mono:
+    ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono",
+    "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
   --tile-border: conic-gradient(#f008, #f004, #f003, #f002, #f001, #f001, #f001);
 
   --callout-rgb: 238, 240, 241;

packages/shared/src/server/landing-page/landing-page.tsx

@@ -4,6 +4,7 @@ import { Cards } from "../cards";
 import { Logo } from "../logo";
 import featured from "@repo/scripts/featured.json";
 import rebrandingConfig from "@repo/scripts/rebrand.config.json";
+import { TypeOut } from "typingfx";
 
 interface LandingPageProps {
   title: string;
@@ -41,9 +42,14 @@ export function LandingPage({ title, children }: LandingPageProps) {
     <main className={styles.main}>
       <h1 className={styles.title}>{title}</h1>
       <div className={[styles.center, styles.hero].join(" ")}>
-        <h2>Craft your next amazing library using</h2>
-        <Logo href={`https://github.com/${owner}/${repo}`} />
-        <strong>Harness the full potential of React 18 Server Components!</strong>
+        <TypeOut
+          componentAnimation={{ wrapper: "div", props: { style: { margin: "auto" } } }}
+          force>
+          <h2>Craft your next amazing library using</h2>
+          <Logo href={`https://github.com/${owner}/${repo}`} />
+          <br />
+          <strong>Harness the full potential of React 18 Server Components!{3000}</strong>
+        </TypeOut>
       </div>
       {children}
       <div className={styles.featured}>

packages/shared/src/server/logo/logo.tsx

@@ -2,7 +2,7 @@ import { FC, HTMLProps } from "react";
 import styles from "./logo.module.scss";
 import rebrandingConfig from "@repo/scripts/rebrand.config.json";
 
-const { repo } = rebrandingConfig;
+const { packageName } = rebrandingConfig;
 
 export interface LogoProps {
   href?: string;
@@ -16,14 +16,19 @@ export interface LogoProps {
 export function Logo({ href, linkComponent }: LogoProps) {
   if (href?.startsWith("http"))
     return (
-      <a href={href} target="_blank" rel="noopener noreferrer" className={styles.logo}>
-        <span>{repo}</span>
+      <a
+        href={href}
+        target="_blank"
+        rel="noopener noreferrer"
+        className={styles.logo}
+        data-tfx="component">
+        <span>{packageName}</span>
       </a>
     );
   const Link = (linkComponent || "a") as FC<{ to?: string } & HTMLProps<HTMLAnchorElement>>;
   return (
     <Link href={href ?? "/"} to={href ?? "/"} rel="noopener noreferrer" className={styles.logo}>
-      <span>{repo}</span>
+      <span>{packageName}</span>
     </Link>
   );
 }