Renaming plugin.

assets/javascripts/discourse/initializers/bookmark-url.js

@@ -17,12 +17,12 @@ const STRINGS = {
 };
 
 export default apiInitializer("1.8.0", (api) => {
-  if (!api.container.lookup("site-settings:main").url_to_article_enabled) {
+  if (!api.container.lookup("site-settings:main").bookmark_url_enabled) {
     return;
   }
 
   api.modifyClass("component:composer-editor", {
-    pluginId: "url-to-article",
+    pluginId: "bookmark-url",
 
     didInsertElement() {
       this._super(...arguments);
@@ -75,30 +75,30 @@ export default apiInitializer("1.8.0", (api) => {
       this._hideArticleBar();
 
       const bar = document.createElement("div");
-      bar.className = "url-to-article-bar";
+      bar.className = "bookmark-url-bar";
       bar.innerHTML = `
-        <span class="url-to-article-icon">📄</span>
-        <span class="url-to-article-label">${STRINGS.bar_label}</span>
-        <button class="btn btn-small btn-primary url-to-article-btn">
+        <span class="bookmark-url-icon">📄</span>
+        <span class="bookmark-url-label">${STRINGS.bar_label}</span>
+        <button class="btn btn-small btn-primary bookmark-url-btn">
           ${STRINGS.fetch_button}
         </button>
-        <button class="btn btn-small btn-default url-to-article-onebox-btn">
+        <button class="btn btn-small btn-default bookmark-url-onebox-btn">
           ${STRINGS.onebox_button}
         </button>
-        <button class="btn btn-small btn-flat url-to-article-dismiss"
+        <button class="btn btn-small btn-flat bookmark-url-dismiss"
           aria-label="${STRINGS.dismiss}">✕</button>
       `;
 
-      bar.querySelector(".url-to-article-btn").addEventListener("click", () => {
+      bar.querySelector(".bookmark-url-btn").addEventListener("click", () => {
         this._fetchAndPopulate(url);
       });
 
-      bar.querySelector(".url-to-article-onebox-btn").addEventListener("click", () => {
+      bar.querySelector(".bookmark-url-onebox-btn").addEventListener("click", () => {
         this._hideArticleBar();
         this._commitUrlToModel();
       });
 
-      bar.querySelector(".url-to-article-dismiss").addEventListener("click", () => {
+      bar.querySelector(".bookmark-url-dismiss").addEventListener("click", () => {
         this._hideArticleBar();
         this._pendingUrl = null;
       });
@@ -113,21 +113,21 @@ export default apiInitializer("1.8.0", (api) => {
 
     _hideArticleBar() {
       this.element
-        ?.querySelectorAll(".url-to-article-bar")
+        ?.querySelectorAll(".bookmark-url-bar")
         .forEach((el) => el.remove());
     },
 
     _setStatus(message, type = "info") {
-      const bar = this.element?.querySelector(".url-to-article-bar");
+      const bar = this.element?.querySelector(".bookmark-url-bar");
       if (!bar) return;
-      let status = bar.querySelector(".url-to-article-status");
+      let status = bar.querySelector(".bookmark-url-status");
       if (!status) {
         status = document.createElement("span");
-        status.className = "url-to-article-status";
+        status.className = "bookmark-url-status";
         bar.appendChild(status);
       }
       status.textContent = message;
-      status.className = `url-to-article-status url-to-article-status--${type}`;
+      status.className = `bookmark-url-status bookmark-url-status--${type}`;
     },
 
     // Release the URL into Ember's data-binding so Discourse handles it normally
@@ -143,8 +143,8 @@ export default apiInitializer("1.8.0", (api) => {
     // ---- Fetch & populate ---------------------------------------------
 
     async _fetchAndPopulate(url) {
-      const bar = this.element?.querySelector(".url-to-article-bar");
-      const btn = bar?.querySelector(".url-to-article-btn");
+      const bar = this.element?.querySelector(".bookmark-url-bar");
+      const btn = bar?.querySelector(".bookmark-url-btn");
 
       if (btn) {
         btn.disabled = true;
@@ -153,7 +153,7 @@ export default apiInitializer("1.8.0", (api) => {
       this._setStatus(STRINGS.fetching, "info");
 
       try {
-        const data = await ajax("/url-to-article/extract", {
+        const data = await ajax("/bookmark-url/extract", {
           type: "POST",
           data: { url },
         });

assets/stylesheets/bookmark-url.scss

@@ -1,6 +1,6 @@
-/* URL-to-Article plugin styles */
+/* Bookmark URL plugin styles */
 
-.url-to-article-bar {
+.bookmark-url-bar {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -18,39 +18,39 @@
   order: -1;
 }
 
-.url-to-article-icon {
+.bookmark-url-icon {
   font-size: 1.1em;
   flex-shrink: 0;
 }
 
-.url-to-article-label {
+.bookmark-url-label {
   flex: 1;
   min-width: 8rem;
   color: var(--primary-medium);
   font-weight: 500;
 }
 
-.url-to-article-btn {
+.bookmark-url-btn {
   flex-shrink: 0;
 }
 
-.url-to-article-dismiss {
+.bookmark-url-dismiss {
   flex-shrink: 0;
   padding: 0.25rem 0.5rem !important;
   color: var(--primary-medium) !important;
 }
 
-.url-to-article-status {
+.bookmark-url-status {
   font-style: italic;
   font-size: var(--font-down-1);
 
-  &.url-to-article-status--info {
+  &.bookmark-url-status--info {
     color: var(--tertiary);
   }
-  &.url-to-article-status--success {
+  &.bookmark-url-status--success {
     color: var(--success);
   }
-  &.url-to-article-status--error {
+  &.bookmark-url-status--error {
     color: var(--danger);
   }
 }