assert no image attributes

compiler/src/build-unit.ts

@@ -11,6 +11,7 @@ import { htmlPhase } from './html';
 import { knitr } from './knitr/knitr';
 import { texToAliasDirective } from './latex/tex-to-directive';
 import { createReport, reportErrors } from './linter';
+import { assertNoImageAttributes } from './linter/assert-no-image-attributes';
 import { mdastPhase } from './mdast';
 import { combinedMdastPhase } from './mdast/combined';
 import { convertToPdf } from './pdf';
@@ -78,6 +79,7 @@ export async function buildUnit(unit: Unit, ctx: Context) {
 }
 
 async function inSituTransforms(file: VFile, ctx: Context) {
+  assertNoImageAttributes(file);
   preParsePhase(file);
   texToAliasDirective(file, ctx);
   return mdastPhase(file, ctx);

compiler/src/linter/assert-no-image-attributes.ts

@@ -0,0 +1,26 @@
+import { VFile } from 'vfile';
+
+import { warnMessage } from '../utils/message';
+
+export function assertNoImageAttributes(file: VFile) {
+  const md = file.value as string;
+  md.split('\n').forEach((line, idx) => {
+    const match = line.match(/!\[.*\]\(.*\)({.+})/);
+    if (match !== null) {
+      warnMessage(
+        file,
+        `image attributes are not supported: ${match[1]}`,
+        {
+          start: {
+            line: idx + 1,
+            column: 0,
+          },
+          end: {
+            line: idx + 1,
+            column: line.length,
+          },
+        }
+      );
+    }
+  });
+}

compiler/src/mdast/__test__/images.test.ts

@@ -5,7 +5,7 @@ import {
 
 // <figure class="img-wrapper" id="#my-alt-text">
 //   <div class="img-bg">
-//     <img src="/var/folders/dy/tzrrqxmx7_701rcnq9dnvfvh0000gp/T" alt="My alt text">
+//     <img src="" alt="My alt text">
 //   </div>
 //   <figcaption>
 //     <a href="#my-alt-text">
@@ -35,4 +35,14 @@ describe('images', () => {
       /<figureclass="img-wrapper"id="my-alt-text"><divclass="img-bg"><imgsrc=".+"alt="Myalttext"><\/div><figcaption><ahref="#my-alt-text"><spanclass="caption-count">Figure1:<\/span>Myalttext<\/a><\/figcaption><\/figure>/
     );
   });
+
+  it('should render an html figure with custom attributes', async () => {
+    const { hasWarningMessage } = await testProcessor(`
+      ![My alt text](){width=50%}
+    `);
+
+    expect(
+      hasWarningMessage('image attributes are not supported: {width=50%}')
+    ).toBe(true);
+  });
 });