Handle options in link

Author: samwarnick

main.ts

@@ -110,9 +110,7 @@ export default class SimpleEmbedsPlugin extends Plugin {
       });
 
     const disableAutomaticEmbeds = this.settings.disableAutomaticEmbeds;
-    const replaceWithEmbed = disableAutomaticEmbeds
-      ? a.innerText.includes("|embed")
-      : !a.innerText.includes("|noembed");
+    const replaceWithEmbed = this.shouldReplaceWithEmbed(a.innerText);
     const fullWidth = a.innerText.includes("|fullwidth");
     // Remove any allowed properties:
     // |embed, |noembed, |fullwidth
@@ -134,6 +132,13 @@ export default class SimpleEmbedsPlugin extends Plugin {
     }
   }
 
+  shouldReplaceWithEmbed(text: string) {
+    const disableAutomaticEmbeds = this.settings.disableAutomaticEmbeds;
+    return disableAutomaticEmbeds
+      ? text.includes("|embed")
+      : !text.includes("|noembed");
+  }
+
   createEmbed(
     embedSource: EmbedSource,
     link: string,

view-plugin.ts

@@ -14,21 +14,22 @@ export function buildSimpleEmbedsViewPlugin(plugin: SimpleEmbedsPlugin) {
   class EmbedWidget extends WidgetType {
     constructor(
       readonly link: string,
+      readonly fullWidth: boolean,
       readonly embedSource: EmbedSource,
       readonly plugin: SimpleEmbedsPlugin,
     ) {
       super();
     }
 
     eq(other: EmbedWidget) {
-      return other.link === this.link;
+      return other.link === this.link && other.fullWidth === this.fullWidth;
     }
 
     toDOM() {
       const embed = this.plugin.createEmbed(
         this.embedSource,
         this.link,
-        false,
+        this.fullWidth,
       );
       return embed;
     }
@@ -96,11 +97,15 @@ export function buildSimpleEmbedsViewPlugin(plugin: SimpleEmbedsPlugin) {
               return plugin.settings[source.enabledKey] &&
                 source.regex.test(line.text);
             });
-            if (embedSource) {
+            const replaceWithEmbed = plugin.shouldReplaceWithEmbed(mdLink);
+            const fullWidth = mdLink.includes("|fullwidth");
+            this.hideOptions(mdLink, startOfLine, builder);
+            if (embedSource && replaceWithEmbed) {
               const link = line.text.match(embedSource.regex).first();
               const deco = Decoration.replace({
                 widget: new EmbedWidget(
                   link,
+                  fullWidth,
                   embedSource,
                   plugin,
                 ),
@@ -121,6 +126,22 @@ export function buildSimpleEmbedsViewPlugin(plugin: SimpleEmbedsPlugin) {
 
         return builder.finish();
       }
+
+      hideOptions(
+        text: string,
+        startOfLine: number,
+        builder: RangeSetBuilder<Decoration>,
+      ) {
+        for (let option of ["|noembed", "|embed", "|fullwidth"]) {
+          if (text.includes(option)) {
+            const start = text.indexOf(option) + startOfLine;
+            const end = start + option.length;
+
+            const deco = Decoration.replace({});
+            builder.add(start, end, deco);
+          }
+        }
+      }
     },
     {
       decorations: (v) => v.decorations,