nodebb-plugin-facebook-post 1.0.20 → 1.0.21

package/library.js

@@ -293,6 +293,39 @@ Plugin.init = async function (params) {
       return res.json({ allowed: false, reason: 'error' });
     }
   });
+
+  router.get('/api/facebook-post/search-place', middleware.ensureLoggedIn, async (req, res) => {
+    res.set('Cache-Control', 'no-store');
+    try {
+      await loadSettings();
+      if (!settings.fbPageAccessToken) return res.json({ results: [] });
+      const q = trimStr(req.query.q);
+      if (q.length < 2) return res.json({ results: [] });
+
+      const resp = await axios.get(
+        `https://graph.facebook.com/${settings.fbGraphVersion}/search`,
+        {
+          params: {
+            type: 'place',
+            q,
+            fields: 'id,name,location',
+            access_token: settings.fbPageAccessToken,
+            limit: 7,
+          },
+          timeout: 8000,
+        }
+      );
+      const data = (resp.data && resp.data.data) || [];
+      const results = data.map(p => ({
+        id: p.id,
+        name: p.name,
+        city: (p.location && (p.location.city || p.location.country)) || '',
+      }));
+      return res.json({ results });
+    } catch {
+      return res.json({ results: [] });
+    }
+  });
 };
 
 Plugin.addAdminNavigation = async function (header) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-facebook-post",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "description": "Auto-post new NodeBB topics to a fixed Facebook Page (text + NodeBB uploads + place id).",
   "main": "library.js",
   "dependencies": {

package/static/lib/composer.js

@@ -26,13 +26,18 @@
         </div>
 
         <div class="mb-2" data-fbpost-place-wrap style="display:none;">
-          <label class="form-label" style="font-size: 12px; opacity: .8;">
-            Lieu (Facebook Place ID) – optionnel
+          <label class="form-label" style="font-size:12px;opacity:.8;">
+            Lieu – optionnel
           </label>
-          <input type="text" class="form-control" data-fbpost-place-id placeholder="ex: 123456789012345">
-          <div class="form-text" style="font-size: 11px;">
-            Utilisé comme <code>place</code> sur Facebook et <code>location_id</code> sur Instagram.
+          <div style="position:relative;">
+            <input type="text" class="form-control" data-fbpost-place-query
+                   placeholder="Rechercher un lieu (ville, adresse…)" autocomplete="off">
+            <ul data-fbpost-place-results
+                style="display:none;position:absolute;z-index:9999;background:#fff;
+                       border:1px solid #ccc;border-radius:4px;list-style:none;
+                       margin:0;padding:0;width:100%;max-height:200px;overflow-y:auto;"></ul>
           </div>
+          <input type="hidden" data-fbpost-place-id>
         </div>
       </div>
     `;
@@ -56,6 +61,57 @@
       $placeWrap.toggle($enabled.is(':checked'));
     });
 
+    let _placeTimer = null;
+    const $query   = $composer.find('[data-fbpost-place-query]');
+    const $results = $composer.find('[data-fbpost-place-results]');
+    const $placeId = $composer.find('[data-fbpost-place-id]');
+
+    function clearPlace() {
+      $placeId.val('');
+    }
+    function selectPlace(id, name, city) {
+      $placeId.val(id);
+      $query.val(name + (city ? ' – ' + city : ''));
+      $results.hide().empty();
+    }
+
+    $query.on('input', function () {
+      clearPlace();
+      clearTimeout(_placeTimer);
+      const q = $query.val().trim();
+      if (q.length < 2) { $results.hide().empty(); return; }
+      _placeTimer = setTimeout(async function () {
+        try {
+          const res = await fetch('/api/facebook-post/search-place?q=' + encodeURIComponent(q), {
+            credentials: 'same-origin', cache: 'no-store',
+          });
+          if (!res.ok) return;
+          const json = await res.json();
+          $results.empty();
+          if (!json.results || !json.results.length) { $results.hide(); return; }
+          json.results.forEach(function (p) {
+            const label = p.name + (p.city ? ' – ' + p.city : '');
+            $('<li>')
+              .text(label)
+              .css({ padding: '6px 10px', cursor: 'pointer' })
+              .on('mousedown', function (e) {
+                e.preventDefault();
+                selectPlace(p.id, p.name, p.city);
+              })
+              .appendTo($results);
+          });
+          $results.show();
+        } catch { /* ignore */ }
+      }, 350);
+    });
+
+    $query.on('blur', function () {
+      setTimeout(function () { $results.hide(); }, 200);
+    });
+    $query.on('focus', function () {
+      if ($results.children().length) $results.show();
+    });
+
     $(window).off('filter:composer.submit.fbpost')
       .on('filter:composer.submit.fbpost', function (ev2, submitData) {
         const enabled = $enabled.is(':checked');