feat: avoid id clobbering

Author: pd4d10

packages/bytemd/src/index.ts

@@ -97,9 +97,12 @@ export interface ViewerProps {
    */
   plugins?: BytemdPlugin[];
   /**
-   * An option to change the default sanitize schema.
+   * Customize the default sanitize schema
    *
-   * Defaults to GitHub style sanitation except that the `class` attribute is allowed
+   * Defaults to GitHub style sanitation except:
+   *
+   * 1. `className` is allowed
+   * 2. `id` is kept as is without clobbering
    *
    * https://github.com/syntax-tree/hast-util-sanitize/blob/main/lib/github.json
    */

packages/bytemd/src/utils.ts

@@ -26,6 +26,7 @@ export function getProcessor({
 
   let schema = JSON.parse(schemaStr);
   schema.attributes['*'].push('className'); // Add className
+  schema.clobber = schema.clobber.filter((vs: string) => vs !== 'id'); // Keep id as is
   if (sanitize) schema = sanitize(schema);
 
   p = p.use(rehypeSanitize, schema);