Changeset 3373293

Timestamp:

10/05/2025 10:43:11 PM (2 months ago)

Author:

PerS

Message:

Update to version 2.2.3 from GitHub

Location:

jobbnorge-block

Files:

• tags/2.2.3 (copied) (copied from jobbnorge-block/trunk)
• tags/2.2.3/CHANGELOG.md (modified) (1 diff)
• tags/2.2.3/README.md (modified) (1 diff)
• tags/2.2.3/build/block.json (modified) (1 diff)
• tags/2.2.3/build/init.asset.php (modified) (1 diff)
• tags/2.2.3/build/init.js (modified) (1 diff)
• tags/2.2.3/build/pagination.asset.php (modified) (1 diff)
• tags/2.2.3/build/pagination.js (modified) (1 diff)
• tags/2.2.3/build/style-init.css (modified) (1 diff)
• tags/2.2.3/package-lock.json (modified) (2 diffs)
• tags/2.2.3/package.json (modified) (1 diff)
• tags/2.2.3/readme.txt (modified) (2 diffs)
• tags/2.2.3/src/block.json (modified) (1 diff)
• tags/2.2.3/src/edit.js (modified) (7 diffs)
• tags/2.2.3/src/editor.scss (modified) (5 diffs)
• tags/2.2.3/src/index.js (modified) (3 diffs)
• tags/2.2.3/src/pagination.js (modified) (1 diff)
• tags/2.2.3/src/style.scss (modified) (10 diffs)
• tags/2.2.3/webpack.config.js (modified) (1 diff)
• tags/2.2.3/wp-jobb-norge.php (modified) (10 diffs)
• trunk/CHANGELOG.md (modified) (1 diff)
• trunk/README.md (modified) (1 diff)
• trunk/build/block.json (modified) (1 diff)
• trunk/build/init.asset.php (modified) (1 diff)
• trunk/build/init.js (modified) (1 diff)
• trunk/build/pagination.asset.php (modified) (1 diff)
• trunk/build/pagination.js (modified) (1 diff)
• trunk/build/style-init.css (modified) (1 diff)
• trunk/package-lock.json (modified) (2 diffs)
• trunk/package.json (modified) (1 diff)
• trunk/readme.txt (modified) (2 diffs)
• trunk/src/block.json (modified) (1 diff)
• trunk/src/edit.js (modified) (7 diffs)
• trunk/src/editor.scss (modified) (5 diffs)
• trunk/src/index.js (modified) (3 diffs)
• trunk/src/pagination.js (modified) (1 diff)
• trunk/src/style.scss (modified) (10 diffs)
• trunk/webpack.config.js (modified) (1 diff)
• trunk/wp-jobb-norge.php (modified) (10 diffs)

jobbnorge-block/tags/2.2.3/CHANGELOG.md

@@ -1 +1 @@
 # Changelog
+
+## 2.2.3
+* Version bump: synchronize plugin header, constant, readme Stable tag and package.json.
+* Enhancement: Add resilient API failure handling (HTTP status differentiation, stale cache fallback, logging hook `jobbnorge_api_request_failed`).
+* Enhancement: Display stale cache notice when serving cached results after API failure.
 
 ## 2.2.2

jobbnorge-block/tags/2.2.3/README.md

@@ -91 +91 @@
 ### 2) Modify the block settings.
 
+-   In pagination mode (default), set the number of jobs to display per page (10 is default), else set the number of jobs to display.
+-   Sort jobs bye deadline, closest first.
+-   Does not show jobs that are past the deadline.
 -   Set the number of jobs to display.
 -   Set the no jobs message.

jobbnorge-block/tags/2.2.3/build/block.json

@@ -3 +3 @@
   "apiVersion": 2,
   "name": "dss/jobbnorge",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "title": "Jobbnorge",
   "category": "widgets",

jobbnorge-block/tags/2.2.3/build/init.asset.php

@@ -1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives', 'wp-server-side-render'), 'version' => 'd713101f8e701317709b');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives', 'wp-server-side-render'), 'version' => '7ed0b4ca7d9ee76915e1');

jobbnorge-block/tags/2.2.3/build/init.js

@@ -1 @@
-!function(){"use strict";var e,o={938:function(e,o,t){var n=window.React,l=window.wp.primitives,r=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",fillRule:"evenodd"})),a=window.wp.blocks,i=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"dss/jobbnorge","version":"2.2.2","title":"Jobbnorge","category":"widgets","icon":"people","description":"Retrieve and display job listings from Jobbnorge.no","keywords":["jobbnorge","jobbnorge.no"],"supports":{"html":false},"attributes":{"columns":{"type":"number","default":3},"blockLayout":{"type":"string","default":"list"},"employerID":{"type":"string","default":"","role":"content"},"noJobsMessage":{"type":"string","default":""},"orderBy":{"type":"string","default":"Deadline"},"itemsToShow":{"type":"number","default":5},"displayEmployer":{"type":"boolean","default":false},"displayExcerpt":{"type":"boolean","default":true},"displayDeadline":{"type":"boolean","default":false},"displayScope":{"type":"boolean","default":false},"displayDate":{"type":"boolean","default":true},"excerptLength":{"type":"number","default":55},"enablePagination":{"type":"boolean","default":true},"jobsPerPage":{"type":"number","default":10}},"textdomain":"wp-jobbnorge-block","editorScript":"file:init.js","editorStyle":"file:editor.css","style":"file:style-init.css"}'),c=window.wp.blockEditor,b=window.wp.components,s=window.wp.element,p=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"})),d=(0,n.createElement)(l.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,n.createElement)(l.Path,{d:"M4 4v1.5h16V4H4zm8 8.5h8V11h-8v1.5zM4 20h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z"})),m=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"m3 5c0-1.10457.89543-2 2-2h13.5c1.1046 0 2 .89543 2 2v13.5c0 1.1046-.8954 2-2 2h-13.5c-1.10457 0-2-.8954-2-2zm2-.5h6v6.5h-6.5v-6c0-.27614.22386-.5.5-.5zm-.5 8v6c0 .2761.22386.5.5.5h6v-6.5zm8 0v6.5h6c.2761 0 .5-.2239.5-.5v-6zm0-8v6.5h6.5v-6c0-.27614-.2239-.5-.5-.5z",fillRule:"evenodd",clipRule:"evenodd"})),u=window.wp.i18n,g=window.wp.serverSideRender,w=t.n(g);const{name:h}=i;(e=>{const{metadata:o,settings:t,name:n}=e;(0,a.registerBlockType)({name:n,...o},t)})({name:h,metadata:i,settings:{icon:r,example:{attributes:{employerID:"123[, 456, 789]"}},edit:function({attributes:e,setAttributes:o}){const[t,l]=(0,s.useState)(!e.employerID),{blockLayout:a,columns:i,displayScope:g,displayDate:h,displayEmployer:y,displayExcerpt:v,employerID:f,itemsToShow:_,noJobsMessage:k,orderBy:j,enablePagination:E,jobsPerPage:C}=e;function x(t){return()=>{const n=e[t];o({[t]:!n})}}const S=(0,c.useBlockProps)();var B;if(t)return(0,n.createElement)("div",{...S},(0,n.createElement)(b.Placeholder,{icon:r,label:"Jobbnorge"},(0,n.createElement)("form",{onSubmit:function(e){e.preventDefault(),f&&(o({employerID:f}),l(!1))},className:"wp-block-dss-jobbnorge__placeholder-form"},window.wpJobbnorgeBlock&&window.wpJobbnorgeBlock.employers?(0,n.createElement)(b.SelectControl,{multiple:!0,value:f.split(","),onChange:e=>o({employerID:e.toString()}),options:(null!==(B=wpJobbnorgeBlock.employers)&&void 0!==B?B:[]).map((e=>{var o;return{label:e.label,value:e.value,disabled:null!==(o=e?.disabled)&&void 0!==o&&o}})),className:"wp-block-dss-jobbnorge__placeholder-input",help:(0,u.__)("Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers.","wp-jobbnorge-block"),__nextHasNoMarginBottom:!0}):(0,n.createElement)(b.TextControl,{placeholder:(0,u.__)("Employer ID [,id2, id3, ..]","wp-jobbnorge-block"),value:f,onChange:e=>o({employerID:e}),className:"wp-block-dss-jobbnorge__placeholder-input"}),(0,n.createElement)(b.Button,{variant:"primary",type:"submit"},(0,u.__)("Save","wp-jobbnorge-block")))));const D=[{icon:p,title:(0,u.__)("Edit Jobbnorge URL","wp-jobbnorge-block"),onClick:()=>l(!0)},{icon:d,title:(0,u.__)("List view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"list"}),isActive:"list"===a},{icon:m,title:(0,u.__)("Grid view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"grid"}),isActive:"grid"===a}];return(0,n.createElement)(n.Fragment,null,(0,n.createElement)(c.BlockControls,null,(0,n.createElement)(b.ToolbarGroup,{controls:D})),(0,n.createElement)(c.InspectorControls,null,(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Settings","wp-jobbnorge-block")},(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Enable pagination","wp-jobbnorge-block"),help:(0,u.__)("When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.","wp-jobbnorge-block"),checked:E,onChange:e=>o({enablePagination:e})}),!E&&(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Number of items","wp-jobbnorge-block"),value:_,onChange:e=>o({itemsToShow:e}),min:1,max:100,required:!0}),E&&(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Jobs per page","wp-jobbnorge-block"),value:C,onChange:e=>o({jobsPerPage:e}),min:1,max:50,required:!0}),f.includes(",")&&(0,n.createElement)(b.RadioControl,{label:(0,u.__)("Order by","wp-jobbnorge-block"),selected:j,options:[{label:(0,u.__)("Deadline","wp-jobbnorge-block"),value:"Deadline"},{label:(0,u.__)("Employer","wp-jobbnorge-block"),value:"Employer"}],onChange:e=>o({orderBy:e})}),(0,n.createElement)(b.TextareaControl,{label:(0,u.__)("No jobs found message","wp-jobbnorge-block"),help:(0,u.__)("Message to display if no jobs are found","wp-jobbnorge-block"),value:k||(0,u.__)("There are no jobs at this time.","wp-jobbnorge-block"),onChange:e=>o({noJobsMessage:e})})),(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Item","wp-jobbnorge-block")},(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display employer","wp-jobbnorge-block"),checked:y,onChange:x("displayEmployer")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display excerpt","wp-jobbnorge-block"),checked:v,onChange:x("displayExcerpt")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display deadline","wp-jobbnorge-block"),checked:h,onChange:x("displayDate")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display scope","wp-jobbnorge-block"),checked:g,onChange:x("displayScope")})),"grid"===a&&(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Grid view","wp-jobbnorge-block")},(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Columns","wp-jobbnorge-block"),value:i,onChange:e=>o({columns:e}),min:2,max:6,required:!0}))),(0,n.createElement)("div",{...S},(0,n.createElement)(b.Disabled,null,(0,n.createElement)(w(),{block:"dss/jobbnorge",attributes:e,httpMethod:"POST"}))))}}})}},t={};function n(e){var l=t[e];if(void 0!==l)return l.exports;var r=t[e]={exports:{}};return o[e](r,r.exports,n),r.exports}n.m=o,e=[],n.O=function(o,t,l,r){if(!t){var a=1/0;for(s=0;s<e.length;s++){t=e[s][0],l=e[s][1],r=e[s][2];for(var i=!0,c=0;c<t.length;c++)(!1&r||a>=r)&&Object.keys(n.O).every((function(e){return n.O[e](t[c])}))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){e.splice(s--,1);var b=l();void 0!==b&&(o=b)}}return o}r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];e[s]=[t,l,r]},n.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(o,{a:o}),o},n.d=function(e,o){for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},function(){var e={410:0,308:0};n.O.j=function(o){return 0===e[o]};var o=function(o,t){var l,r,a=t[0],i=t[1],c=t[2],b=0;if(a.some((function(o){return 0!==e[o]}))){for(l in i)n.o(i,l)&&(n.m[l]=i[l]);if(c)var s=c(n)}for(o&&o(t);b<a.length;b++)r=a[b],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.O(s)},t=self.webpackChunkjobbnorge_block=self.webpackChunkjobbnorge_block||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))}();var l=n.O(void 0,[308],(function(){return n(938)}));l=n.O(l)}();
+!function(){"use strict";var e,o={938:function(e,o,t){var n=window.React,l=window.wp.primitives,r=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",fillRule:"evenodd"})),a=window.wp.blocks,i=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"dss/jobbnorge","version":"2.2.3","title":"Jobbnorge","category":"widgets","icon":"people","description":"Retrieve and display job listings from Jobbnorge.no","keywords":["jobbnorge","jobbnorge.no"],"supports":{"html":false},"attributes":{"columns":{"type":"number","default":3},"blockLayout":{"type":"string","default":"list"},"employerID":{"type":"string","default":"","role":"content"},"noJobsMessage":{"type":"string","default":""},"orderBy":{"type":"string","default":"Deadline"},"itemsToShow":{"type":"number","default":5},"displayEmployer":{"type":"boolean","default":false},"displayExcerpt":{"type":"boolean","default":true},"displayDeadline":{"type":"boolean","default":false},"displayScope":{"type":"boolean","default":false},"displayDate":{"type":"boolean","default":true},"excerptLength":{"type":"number","default":55},"enablePagination":{"type":"boolean","default":true},"jobsPerPage":{"type":"number","default":10}},"textdomain":"wp-jobbnorge-block","editorScript":"file:init.js","editorStyle":"file:editor.css","style":"file:style-init.css"}'),c=window.wp.blockEditor,b=window.wp.components,s=window.wp.element,p=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"})),d=(0,n.createElement)(l.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,n.createElement)(l.Path,{d:"M4 4v1.5h16V4H4zm8 8.5h8V11h-8v1.5zM4 20h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z"})),m=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"m3 5c0-1.10457.89543-2 2-2h13.5c1.1046 0 2 .89543 2 2v13.5c0 1.1046-.8954 2-2 2h-13.5c-1.10457 0-2-.8954-2-2zm2-.5h6v6.5h-6.5v-6c0-.27614.22386-.5.5-.5zm-.5 8v6c0 .2761.22386.5.5.5h6v-6.5zm8 0v6.5h6c.2761 0 .5-.2239.5-.5v-6zm0-8v6.5h6.5v-6c0-.27614-.2239-.5-.5-.5z",fillRule:"evenodd",clipRule:"evenodd"})),u=window.wp.i18n,g=window.wp.serverSideRender,w=t.n(g);const{name:h}=i;(e=>{const{metadata:o,settings:t,name:n}=e;(0,a.registerBlockType)({name:n,...o},t)})({name:h,metadata:i,settings:{icon:r,example:{attributes:{employerID:"123[, 456, 789]"}},edit:function({attributes:e,setAttributes:o}){const[t,l]=(0,s.useState)(!e.employerID),{blockLayout:a,columns:i,displayScope:g,displayDate:h,displayEmployer:y,displayExcerpt:v,employerID:f,itemsToShow:_,noJobsMessage:k,orderBy:j,enablePagination:E,jobsPerPage:C}=e;function x(t){return()=>{const n=e[t];o({[t]:!n})}}const S=(0,c.useBlockProps)();var B;if(t)return(0,n.createElement)("div",{...S},(0,n.createElement)(b.Placeholder,{icon:r,label:"Jobbnorge"},(0,n.createElement)("form",{onSubmit:function(e){e.preventDefault(),f&&(o({employerID:f}),l(!1))},className:"wp-block-dss-jobbnorge__placeholder-form"},window.wpJobbnorgeBlock&&window.wpJobbnorgeBlock.employers?(0,n.createElement)(b.SelectControl,{multiple:!0,value:f.split(","),onChange:e=>o({employerID:e.toString()}),options:(null!==(B=window.wpJobbnorgeBlock?.employers)&&void 0!==B?B:[]).map((e=>{var o;return{label:e.label,value:e.value,disabled:null!==(o=e?.disabled)&&void 0!==o&&o}})),className:"wp-block-dss-jobbnorge__placeholder-input",help:(0,u.__)("Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers.","wp-jobbnorge-block"),__nextHasNoMarginBottom:!0}):(0,n.createElement)(b.TextControl,{placeholder:(0,u.__)("Employer ID [,id2, id3, ..]","wp-jobbnorge-block"),value:f,onChange:e=>o({employerID:e}),className:"wp-block-dss-jobbnorge__placeholder-input"}),(0,n.createElement)(b.Button,{variant:"primary",type:"submit"},(0,u.__)("Save","wp-jobbnorge-block")))));const D=[{icon:p,title:(0,u.__)("Edit Jobbnorge URL","wp-jobbnorge-block"),onClick:()=>l(!0)},{icon:d,title:(0,u.__)("List view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"list"}),isActive:"list"===a},{icon:m,title:(0,u.__)("Grid view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"grid"}),isActive:"grid"===a}];return(0,n.createElement)(n.Fragment,null,(0,n.createElement)(c.BlockControls,null,(0,n.createElement)(b.ToolbarGroup,{controls:D})),(0,n.createElement)(c.InspectorControls,null,(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Settings","wp-jobbnorge-block")},(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Enable pagination","wp-jobbnorge-block"),help:(0,u.__)("When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.","wp-jobbnorge-block"),checked:E,onChange:e=>o({enablePagination:e})}),!E&&(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Number of items","wp-jobbnorge-block"),value:_,onChange:e=>o({itemsToShow:e}),min:1,max:100,required:!0}),E&&(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Jobs per page","wp-jobbnorge-block"),value:C,onChange:e=>o({jobsPerPage:e}),min:1,max:50,required:!0}),f.includes(",")&&(0,n.createElement)(b.RadioControl,{label:(0,u.__)("Order by","wp-jobbnorge-block"),selected:j,options:[{label:(0,u.__)("Deadline","wp-jobbnorge-block"),value:"Deadline"},{label:(0,u.__)("Employer","wp-jobbnorge-block"),value:"Employer"}],onChange:e=>o({orderBy:e})}),(0,n.createElement)(b.TextareaControl,{label:(0,u.__)("No jobs found message","wp-jobbnorge-block"),help:(0,u.__)("Message to display if no jobs are found","wp-jobbnorge-block"),value:k||(0,u.__)("There are no jobs at this time.","wp-jobbnorge-block"),onChange:e=>o({noJobsMessage:e})})),(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Item","wp-jobbnorge-block")},(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display employer","wp-jobbnorge-block"),checked:y,onChange:x("displayEmployer")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display excerpt","wp-jobbnorge-block"),checked:v,onChange:x("displayExcerpt")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display deadline","wp-jobbnorge-block"),checked:h,onChange:x("displayDate")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display scope","wp-jobbnorge-block"),checked:g,onChange:x("displayScope")})),"grid"===a&&(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Grid view","wp-jobbnorge-block")},(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Columns","wp-jobbnorge-block"),value:i,onChange:e=>o({columns:e}),min:2,max:6,required:!0}))),(0,n.createElement)("div",{...S},(0,n.createElement)(b.Disabled,null,(0,n.createElement)(w(),{block:"dss/jobbnorge",attributes:e,httpMethod:"POST"}))))}}})}},t={};function n(e){var l=t[e];if(void 0!==l)return l.exports;var r=t[e]={exports:{}};return o[e](r,r.exports,n),r.exports}n.m=o,e=[],n.O=function(o,t,l,r){if(!t){var a=1/0;for(s=0;s<e.length;s++){t=e[s][0],l=e[s][1],r=e[s][2];for(var i=!0,c=0;c<t.length;c++)(!1&r||a>=r)&&Object.keys(n.O).every((function(e){return n.O[e](t[c])}))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){e.splice(s--,1);var b=l();void 0!==b&&(o=b)}}return o}r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];e[s]=[t,l,r]},n.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(o,{a:o}),o},n.d=function(e,o){for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},function(){var e={410:0,308:0};n.O.j=function(o){return 0===e[o]};var o=function(o,t){var l,r,a=t[0],i=t[1],c=t[2],b=0;if(a.some((function(o){return 0!==e[o]}))){for(l in i)n.o(i,l)&&(n.m[l]=i[l]);if(c)var s=c(n)}for(o&&o(t);b<a.length;b++)r=a[b],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.O(s)},t=self.webpackChunkjobbnorge_block=self.webpackChunkjobbnorge_block||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))}();var l=n.O(void 0,[308],(function(){return n(938)}));l=n.O(l)}();

jobbnorge-block/tags/2.2.3/build/pagination.asset.php

@@ -1 @@
-<?php return array('dependencies' => array(), 'version' => '09b126faf8a7661ac618');
+<?php return array('dependencies' => array(), 'version' => 'c74730f64eb48d06bafd');

jobbnorge-block/tags/2.2.3/build/pagination.js

@@ -1 @@
-!function(){"use strict";function e(){document.querySelectorAll(".wp-block-dss-jobbnorge__pagination").forEach((function(e){const o=e.closest(".wp-block-dss-jobbnorge");if(!o)return;const n=o.getAttribute("data-attributes");if(!n)return;let r;try{r=JSON.parse(n)}catch(e){return void console.error("Failed to parse block attributes:",e)}const a=e.querySelector(".wp-block-dss-jobbnorge__pagination-prev"),i=e.querySelector(".wp-block-dss-jobbnorge__pagination-next");a&&!a.disabled&&a.addEventListener("click",(function(e){e.preventDefault(),t(parseInt(this.getAttribute("data-page")),r,o)})),i&&!i.disabled&&i.addEventListener("click",(function(e){e.preventDefault(),t(parseInt(this.getAttribute("data-page")),r,o)}))}))}function t(t,n,r){r.classList.add("wp-block-dss-jobbnorge__loading"),r.querySelectorAll(".wp-block-dss-jobbnorge__pagination button").forEach((function(e){e.disabled=!0}));const a=new FormData;a.append("action","jobbnorge_get_jobs"),a.append("page",t),a.append("attributes",JSON.stringify(n)),a.append("nonce",jobbnorgeAjax.nonce),fetch(jobbnorgeAjax.ajaxUrl,{method:"POST",body:a}).then((function(e){return e.json()})).then((function(n){if(n.success){r.innerHTML=n.data.html,e();const o=r.getBoundingClientRect(),a=2*parseFloat(getComputedStyle(document.documentElement).fontSize),i=window.pageYOffset+o.top-a;window.scrollTo({top:i,behavior:"smooth"}),function(e){if(history.pushState){const t=new URL(window.location);e>1?t.searchParams.set("jobbnorge_page",e):t.searchParams.delete("jobbnorge_page"),history.pushState({page:e},"",t)}}(t)}else console.error("AJAX request failed:",n.data),o(r,"Failed to load page. Please try again.")})).catch((function(e){console.error("AJAX request error:",e),o(r,"An error occurred while loading the page.")})).finally((function(){r.classList.remove("wp-block-dss-jobbnorge__loading")}))}function o(e,t){const o=document.createElement("div");o.className="wp-block-dss-jobbnorge__error notice notice-error",o.innerHTML="<p>"+t+"</p>",e.insertBefore(o,e.firstChild),setTimeout((function(){o.parentNode&&o.parentNode.removeChild(o)}),5e3)}document.addEventListener("DOMContentLoaded",(function(){e()})),window.addEventListener("popstate",(function(e){e.state&&e.state.page&&window.location.reload()}))}();
+!function(){"use strict";function e(){document.querySelectorAll(".wp-block-dss-jobbnorge__pagination").forEach((function(e){const o=e.closest(".wp-block-dss-jobbnorge");if(!o)return;const n=o.getAttribute("data-attributes");if(!n)return;let r;try{r=JSON.parse(n)}catch(e){return void console.error("Failed to parse block attributes:",e)}const a=e.querySelector(".wp-block-dss-jobbnorge__pagination-prev"),i=e.querySelector(".wp-block-dss-jobbnorge__pagination-next");a&&!a.disabled&&a.addEventListener("click",(function(e){e.preventDefault(),t(parseInt(this.getAttribute("data-page")),r,o)})),i&&!i.disabled&&i.addEventListener("click",(function(e){e.preventDefault(),t(parseInt(this.getAttribute("data-page")),r,o)}))}))}function t(t,n,r){r.classList.add("wp-block-dss-jobbnorge__loading"),r.querySelectorAll(".wp-block-dss-jobbnorge__pagination button").forEach((function(e){e.disabled=!0}));const a=new FormData;a.append("action","jobbnorge_get_jobs"),a.append("page",t),a.append("attributes",JSON.stringify(n)),a.append("nonce",window.jobbnorgeAjax?.nonce||""),fetch(window.jobbnorgeAjax?.ajaxUrl||window.ajaxurl||"",{method:"POST",body:a}).then((function(e){return e.json()})).then((function(n){if(n.success){r.innerHTML=n.data.html,e();const o=r.getBoundingClientRect(),a=2*parseFloat(window.getComputedStyle(document.documentElement).fontSize),i=window.pageYOffset+o.top-a;window.scrollTo({top:i,behavior:"smooth"}),function(e){if(window.history.pushState){const t=new URL(window.location);e>1?t.searchParams.set("jobbnorge_page",e):t.searchParams.delete("jobbnorge_page"),window.history.pushState({page:e},"",t)}}(t)}else console.error("AJAX request failed:",n.data),o(r,"Failed to load page. Please try again.")})).catch((function(e){console.error("AJAX request error:",e),o(r,"An error occurred while loading the page.")})).finally((function(){r.classList.remove("wp-block-dss-jobbnorge__loading")}))}function o(e,t){const o=document.createElement("div");o.className="wp-block-dss-jobbnorge__error notice notice-error",o.innerHTML="<p>"+t+"</p>",e.insertBefore(o,e.firstChild),setTimeout((function(){o.parentNode&&o.parentNode.removeChild(o)}),5e3)}document.addEventListener("DOMContentLoaded",(function(){e()})),window.addEventListener("popstate",(function(e){e.state&&e.state.page&&window.location.reload()}))}();

jobbnorge-block/tags/2.2.3/build/style-init.css

@@ -1 @@
-ul.wp-block-dss-jobbnorge{list-style:none;padding:0}ul.wp-block-dss-jobbnorge.wp-block-dss-jobbnorge{box-sizing:border-box}ul.wp-block-dss-jobbnorge.alignleft{margin-right:2em}ul.wp-block-dss-jobbnorge.alignright{margin-left:2em}ul.wp-block-dss-jobbnorge li{margin:0 0 1em}ul.wp-block-dss-jobbnorge.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-dss-jobbnorge.is-grid li{margin:0 1em 1em 0;width:100%}@media(min-width:600px){ul.wp-block-dss-jobbnorge.columns-2 li{width:calc(50% - 1em)}ul.wp-block-dss-jobbnorge.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-dss-jobbnorge.columns-4 li{width:calc(25% - 1em)}ul.wp-block-dss-jobbnorge.columns-5 li{width:calc(20% - 1em)}ul.wp-block-dss-jobbnorge.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-dss-jobbnorge__item-title{font-size:1.125em;font-weight:600;margin:0 0 .25em}.wp-block-dss-jobbnorge__item-meta{margin:0 0 .25em;padding:0}.wp-block-dss-jobbnorge__item-deadline,.wp-block-dss-jobbnorge__item-employer,.wp-block-dss-jobbnorge__item-scope{display:block;font-size:.8125em;font-weight:600}.wp-block-dss-jobbnorge__pagination{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1rem 0}@media(min-width:600px){.wp-block-dss-jobbnorge__pagination{align-items:center;flex-direction:row;justify-content:space-between}}.wp-block-dss-jobbnorge__pagination-info{color:#666;font-size:.875rem;margin:0}.wp-block-dss-jobbnorge__pagination-controls{align-items:center;display:flex;gap:.5rem}.wp-block-dss-jobbnorge__pagination-controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.wp-block-dss-jobbnorge__pagination-controls button:hover:not(:disabled){background:#f5f5f5;border-color:#999}.wp-block-dss-jobbnorge__pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.wp-block-dss-jobbnorge__pagination-controls .wp-block-dss-jobbnorge__pagination-info{color:#333;font-size:.875rem;margin:0 .5rem}.wp-block-dss-jobbnorge__loading{opacity:.6;pointer-events:none}.wp-block-dss-jobbnorge__loading:after{animation:spin 1s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#333;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.wp-block-dss-jobbnorge__error{background:#ffebe8;border:1px solid #d63638;border-radius:4px;color:#d63638;margin:1rem 0;padding:.75rem}.wp-block-dss-jobbnorge__error p{margin:0}@keyframes spin{to{transform:rotate(1turn)}}
+ul.wp-block-dss-jobbnorge{list-style:none;padding:0}ul.wp-block-dss-jobbnorge.wp-block-dss-jobbnorge{box-sizing:border-box}ul.wp-block-dss-jobbnorge.alignleft{margin-right:2em}ul.wp-block-dss-jobbnorge.alignright{margin-left:2em}ul.wp-block-dss-jobbnorge li{margin:0 0 1em}ul.wp-block-dss-jobbnorge.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-dss-jobbnorge.is-grid li{margin:0 1em 1em 0;width:100%}@media(min-width:600px){ul.wp-block-dss-jobbnorge.columns-2 li{width:calc(50% - 1em)}ul.wp-block-dss-jobbnorge.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-dss-jobbnorge.columns-4 li{width:calc(25% - 1em)}ul.wp-block-dss-jobbnorge.columns-5 li{width:calc(20% - 1em)}ul.wp-block-dss-jobbnorge.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-dss-jobbnorge__item-title{font-size:1.125em;font-weight:600;margin:0 0 .25em}.wp-block-dss-jobbnorge__item-meta{margin:0 0 .25em;padding:0}.wp-block-dss-jobbnorge__item-deadline,.wp-block-dss-jobbnorge__item-employer,.wp-block-dss-jobbnorge__item-scope{display:block;font-size:.8125em;font-weight:600}.wp-block-dss-jobbnorge__pagination{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1rem 0}@media(min-width:600px){.wp-block-dss-jobbnorge__pagination{align-items:center;flex-direction:row;justify-content:space-between}}.wp-block-dss-jobbnorge__pagination-info{color:#666;font-size:.875rem;margin:0}.wp-block-dss-jobbnorge__pagination-controls{align-items:center;display:flex;gap:.5rem}.wp-block-dss-jobbnorge__pagination-controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.wp-block-dss-jobbnorge__pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.wp-block-dss-jobbnorge__pagination-controls button:hover:not(:disabled){background:#f5f5f5;border-color:#999}.wp-block-dss-jobbnorge__pagination-controls .wp-block-dss-jobbnorge__pagination-info{color:#333;font-size:.875rem;margin:0 .5rem}.wp-block-dss-jobbnorge__loading{opacity:.6;pointer-events:none}.wp-block-dss-jobbnorge__loading:after{animation:spin 1s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#333;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.wp-block-dss-jobbnorge__error{background:#ffebe8;border:1px solid #d63638;border-radius:4px;color:#d63638;margin:1rem 0;padding:.75rem}.wp-block-dss-jobbnorge__error p{margin:0}@keyframes spin{to{transform:rotate(1turn)}}

jobbnorge-block/tags/2.2.3/package-lock.json

@@ -1 +1 @@
 {
     "name": "jobbnorge-block",
-    "version": "2.2.2",
+    "version": "2.2.3",
     "lockfileVersion": 3,
     "requires": true,
@@ -7 +7 @@
         "": {
             "name": "jobbnorge-block",
-            "version": "2.2.2",
+            "version": "2.2.3",
             "license": "GPL-2.0-or-later",
             "dependencies": {

jobbnorge-block/tags/2.2.3/package.json

@@ -1 +1 @@
 {
     "name": "jobbnorge-block",
-    "version": "2.2.2",
+    "version": "2.2.3",
     "description": "Jobbnorge Block for WordPress Gutenberg",
     "author": "Per Søderlind <[email protected]>",

jobbnorge-block/tags/2.2.3/readme.txt

@@ -5 +5 @@
 Requires at least: 6.5
 Requires PHP:      8.2
-Stable tag:        2.2.2
+Stable tag:        2.2.3
 License:           GPL-2.0-or-later
 License URI:       https://www.gnu.org/licenses/gpl-2.0.html
@@ -105 +105 @@
 == Changelog ==
 
+= 2.2.3 =
+* Version bump: synchronize plugin header, constant, readme Stable tag and package.json.
+* Enhancement: Add resilient API failure handling (HTTP status differentiation, stale cache fallback, logging hook `jobbnorge_api_request_failed`).
+* Enhancement: Display stale cache notice when serving cached results after API failure.
+
 = 2.2.2 =
 * Update block.json to include default value and role for employerID

jobbnorge-block/tags/2.2.3/src/block.json

@@ -3 +3 @@
     "apiVersion": 2,
     "name": "dss/jobbnorge",
-    "version": "2.2.2",
+    "version": "2.2.3",
     "title": "Jobbnorge",
     "category": "widgets",

jobbnorge-block/tags/2.2.3/src/edit.js

@@ -2 +2 @@
  * WordPress dependencies
  */
-import { BlockControls, InspectorControls, useBlockProps } from '@wordpress/block-editor';
+import {
+    BlockControls,
+    InspectorControls,
+    useBlockProps,
+} from '@wordpress/block-editor';
 import {
     Button,
@@ -26 +30 @@
 const DEFAULT_MAX_ITEMS = 100;
 
+/* eslint-disable jsdoc/check-line-alignment */
 /**
- * Description placeholder
- * @date 17/11/2023 - 16:21:26
+ * Jobbnorge block editor component.
  *
- * @export
- * @param {{ attributes: any; setAttributes: any; }} param0
- * @param {*} param0.attributes
- * @param {*} param0.setAttributes
- * @returns {*}
+ * @param {Object}      props              Component props.
+ * @param {Object}      props.attributes   Block attributes.
+ * @param {Function}    props.setAttributes Setter for block attributes.
+ * @return {JSX.Element} Editor element.
  */
-export default function JobbnorgeEdit({ attributes, setAttributes }) {
+/* eslint-enable jsdoc/check-line-alignment */
+export default function JobbnorgeEdit( { attributes, setAttributes } ) {
     // Initialize the isEditing state variable. If the employerID attribute is not set, isEditing will be true.
-    const [isEditing, setIsEditing] = useState(!attributes.employerID);
+    const [ isEditing, setIsEditing ] = useState( ! attributes.employerID );
 
     // Destructure the attributes object to get the individual attributes.
@@ -58 +62 @@
     // Define a function to toggle an attribute.
     // This function returns another function that, when called, will toggle the value of the attribute specified by propName.
-    function toggleAttribute(propName) {
+    function toggleAttribute( propName ) {
         return () => {
-            const value = attributes[propName];
-
-            setAttributes({ [propName]: !value });
+            const value = attributes[ propName ];
+
+            setAttributes( { [ propName ]: ! value } );
         };
     }
@@ -68 +72 @@
     // Define a function to handle the form submission.
     // This function will set the employerID attribute and set isEditing to false.
-    function onSubmitURL(event) {
+    function onSubmitURL( event ) {
         event.preventDefault();
 
-        if (employerID) {
-            setAttributes({ employerID: employerID });
-            setIsEditing(false);
+        if ( employerID ) {
+            setAttributes( { employerID } );
+            setIsEditing( false );
         }
     }
@@ -79 +83 @@
     const blockProps = useBlockProps();
 
-    if (isEditing) {
+    if ( isEditing ) {
         return (
-            <div {...blockProps}>
-                <Placeholder icon={people} label="Jobbnorge">
-                    <form onSubmit={onSubmitURL} className="wp-block-dss-jobbnorge__placeholder-form">
-                        {window.wpJobbnorgeBlock && window.wpJobbnorgeBlock.employers ? (
+            <div { ...blockProps }>
+                <Placeholder icon={ people } label="Jobbnorge">
+                    <form
+                        onSubmit={ onSubmitURL }
+                        className="wp-block-dss-jobbnorge__placeholder-form"
+                    >
+                        { window.wpJobbnorgeBlock &&
+                        window.wpJobbnorgeBlock.employers ? (
                             <SelectControl
                                 multiple
-                                value={employerID.split(',')}
-                                onChange={(value) => setAttributes({ employerID: value.toString() })}
-                                options={(wpJobbnorgeBlock.employers ?? []).map((o) => ({
+                                value={ employerID.split( ',' ) }
+                                onChange={ ( value ) =>
+                                    setAttributes( {
+                                        employerID: value.toString(),
+                                    } )
+                                }
+                                options={ (
+                                    window.wpJobbnorgeBlock?.employers ?? []
+                                ).map( ( o ) => ( {
                                     label: o.label,
                                     value: o.value,
                                     disabled: o?.disabled ?? false,
-                                }))}
+                                } ) ) }
                                 className="wp-block-dss-jobbnorge__placeholder-input"
-                                help={__(
+                                help={ __(
                                     'Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers.',
                                     'wp-jobbnorge-block'
-                                )}
+                                ) }
                                 __nextHasNoMarginBottom
                             />
                         ) : (
                             <TextControl
-                                placeholder={__('Employer ID [,id2, id3, ..]', 'wp-jobbnorge-block')}
-                                value={employerID}
-                                onChange={(value) => setAttributes({ employerID: value })}
+                                placeholder={ __(
+                                    'Employer ID [,id2, id3, ..]',
+                                    'wp-jobbnorge-block'
+                                ) }
+                                value={ employerID }
+                                onChange={ ( value ) =>
+                                    setAttributes( { employerID: value } )
+                                }
                                 className="wp-block-dss-jobbnorge__placeholder-input"
                             />
-                        )}
+                        ) }
                         <Button variant="primary" type="submit">
-                            {__('Save', 'wp-jobbnorge-block')}
+                            { __( 'Save', 'wp-jobbnorge-block' ) }
                         </Button>
                     </form>
@@ -121 +140 @@
         {
             icon: edit,
-            title: __('Edit Jobbnorge URL', 'wp-jobbnorge-block'),
-            onClick: () => setIsEditing(true),
+            title: __( 'Edit Jobbnorge URL', 'wp-jobbnorge-block' ),
+            onClick: () => setIsEditing( true ),
         },
         {
             icon: list,
-            title: __('List view', 'wp-jobbnorge-block'),
-            onClick: () => setAttributes({ blockLayout: 'list' }),
+            title: __( 'List view', 'wp-jobbnorge-block' ),
+            onClick: () => setAttributes( { blockLayout: 'list' } ),
             isActive: blockLayout === 'list',
         },
         {
             icon: grid,
-            title: __('Grid view', 'wp-jobbnorge-block'),
-            onClick: () => setAttributes({ blockLayout: 'grid' }),
+            title: __( 'Grid view', 'wp-jobbnorge-block' ),
+            onClick: () => setAttributes( { blockLayout: 'grid' } ),
             isActive: blockLayout === 'grid',
         },
@@ -141 +160 @@
         <>
             <BlockControls>
-                <ToolbarGroup controls={toolbarControls} />
+                <ToolbarGroup controls={ toolbarControls } />
             </BlockControls>
             <InspectorControls>
-                <PanelBody title={__('Settings', 'wp-jobbnorge-block')}>
-                    <ToggleControl
-                        label={__('Enable pagination', 'wp-jobbnorge-block')}
-                        help={__('When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.', 'wp-jobbnorge-block')}
-                        checked={enablePagination}
-                        onChange={(value) => setAttributes({ enablePagination: value })}
-                    />
-                    {!enablePagination && (
+                <PanelBody title={ __( 'Settings', 'wp-jobbnorge-block' ) }>
+                    <ToggleControl
+                        label={ __(
+                            'Enable pagination',
+                            'wp-jobbnorge-block'
+                        ) }
+                        help={ __(
+                            'When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.',
+                            'wp-jobbnorge-block'
+                        ) }
+                        checked={ enablePagination }
+                        onChange={ ( value ) =>
+                            setAttributes( { enablePagination: value } )
+                        }
+                    />
+                    { ! enablePagination && (
                         <RangeControl
                             __nextHasNoMarginBottom
-                            label={__('Number of items', 'wp-jobbnorge-block')}
-                            value={itemsToShow}
-                            onChange={(value) => setAttributes({ itemsToShow: value })}
-                            min={DEFAULT_MIN_ITEMS}
-                            max={DEFAULT_MAX_ITEMS}
+                            label={ __(
+                                'Number of items',
+                                'wp-jobbnorge-block'
+                            ) }
+                            value={ itemsToShow }
+                            onChange={ ( value ) =>
+                                setAttributes( { itemsToShow: value } )
+                            }
+                            min={ DEFAULT_MIN_ITEMS }
+                            max={ DEFAULT_MAX_ITEMS }
                             required
                         />
-                    )}
-                    {enablePagination && (
+                    ) }
+                    { enablePagination && (
                         <RangeControl
                             __nextHasNoMarginBottom
-                            label={__('Jobs per page', 'wp-jobbnorge-block')}
-                            value={jobsPerPage}
-                            onChange={(value) => setAttributes({ jobsPerPage: value })}
-                            min={1}
-                            max={50}
+                            label={ __(
+                                'Jobs per page',
+                                'wp-jobbnorge-block'
+                            ) }
+                            value={ jobsPerPage }
+                            onChange={ ( value ) =>
+                                setAttributes( { jobsPerPage: value } )
+                            }
+                            min={ 1 }
+                            max={ 50 }
                             required
                         />
-                    )}
-                    {employerID.includes(',') && (
+                    ) }
+                    { employerID.includes( ',' ) && (
                         <RadioControl
-                            label={__('Order by', 'wp-jobbnorge-block')}
-                            selected={orderBy}
-                            options={[
-                                { label: __('Deadline', 'wp-jobbnorge-block'), value: 'Deadline' },
-                                { label: __('Employer', 'wp-jobbnorge-block'), value: 'Employer' },
-                            ]}
-                            onChange={(value) => setAttributes({ orderBy: value })}
+                            label={ __( 'Order by', 'wp-jobbnorge-block' ) }
+                            selected={ orderBy }
+                            options={ [
+                                {
+                                    label: __(
+                                        'Deadline',
+                                        'wp-jobbnorge-block'
+                                    ),
+                                    value: 'Deadline',
+                                },
+                                {
+                                    label: __(
+                                        'Employer',
+                                        'wp-jobbnorge-block'
+                                    ),
+                                    value: 'Employer',
+                                },
+                            ] }
+                            onChange={ ( value ) =>
+                                setAttributes( { orderBy: value } )
+                            }
                         />
-                    )}
+                    ) }
                     <TextareaControl
-                        label={__('No jobs found message', 'wp-jobbnorge-block')}
-                        help={__('Message to display if no jobs are found', 'wp-jobbnorge-block')}
-                        value={noJobsMessage || __('There are no jobs at this time.', 'wp-jobbnorge-block')}
-                        onChange={(value) => setAttributes({ noJobsMessage: value })}
+                        label={ __(
+                            'No jobs found message',
+                            'wp-jobbnorge-block'
+                        ) }
+                        help={ __(
+                            'Message to display if no jobs are found',
+                            'wp-jobbnorge-block'
+                        ) }
+                        value={
+                            noJobsMessage ||
+                            __(
+                                'There are no jobs at this time.',
+                                'wp-jobbnorge-block'
+                            )
+                        }
+                        onChange={ ( value ) =>
+                            setAttributes( { noJobsMessage: value } )
+                        }
                     />
                 </PanelBody>
-                <PanelBody title={__('Item', 'wp-jobbnorge-block')}>
-                    <ToggleControl
-                        label={__('Display employer', 'wp-jobbnorge-block')}
-                        checked={displayEmployer}
-                        onChange={toggleAttribute('displayEmployer')}
-                    />
-                    <ToggleControl
-                        label={__('Display excerpt', 'wp-jobbnorge-block')}
-                        checked={displayExcerpt}
-                        onChange={toggleAttribute('displayExcerpt')}
-                    />
-                    <ToggleControl
-                        label={__('Display deadline', 'wp-jobbnorge-block')}
-                        checked={displayDate}
-                        onChange={toggleAttribute('displayDate')}
-                    />
-                    <ToggleControl
-                        label={__('Display scope', 'wp-jobbnorge-block')}
-                        checked={displayScope}
-                        onChange={toggleAttribute('displayScope')}
+                <PanelBody title={ __( 'Item', 'wp-jobbnorge-block' ) }>
+                    <ToggleControl
+                        label={ __( 'Display employer', 'wp-jobbnorge-block' ) }
+                        checked={ displayEmployer }
+                        onChange={ toggleAttribute( 'displayEmployer' ) }
+                    />
+                    <ToggleControl
+                        label={ __( 'Display excerpt', 'wp-jobbnorge-block' ) }
+                        checked={ displayExcerpt }
+                        onChange={ toggleAttribute( 'displayExcerpt' ) }
+                    />
+                    <ToggleControl
+                        label={ __( 'Display deadline', 'wp-jobbnorge-block' ) }
+                        checked={ displayDate }
+                        onChange={ toggleAttribute( 'displayDate' ) }
+                    />
+                    <ToggleControl
+                        label={ __( 'Display scope', 'wp-jobbnorge-block' ) }
+                        checked={ displayScope }
+                        onChange={ toggleAttribute( 'displayScope' ) }
                     />
                 </PanelBody>
-                {blockLayout === 'grid' && (
-                    <PanelBody title={__('Grid view', 'wp-jobbnorge-block')}>
+                { blockLayout === 'grid' && (
+                    <PanelBody
+                        title={ __( 'Grid view', 'wp-jobbnorge-block' ) }
+                    >
                         <RangeControl
                             __nextHasNoMarginBottom
-                            label={__('Columns', 'wp-jobbnorge-block')}
-                            value={columns}
-                            onChange={(value) => setAttributes({ columns: value })}
-                            min={2}
-                            max={6}
+                            label={ __( 'Columns', 'wp-jobbnorge-block' ) }
+                            value={ columns }
+                            onChange={ ( value ) =>
+                                setAttributes( { columns: value } )
+                            }
+                            min={ 2 }
+                            max={ 6 }
                             required
                         />
                     </PanelBody>
-                )}
+                ) }
             </InspectorControls>
-            <div {...blockProps}>
+            <div { ...blockProps }>
                 <Disabled>
-                    <ServerSideRender block="dss/jobbnorge" attributes={attributes} httpMethod="POST" />
+                    <ServerSideRender
+                        block="dss/jobbnorge"
+                        attributes={ attributes }
+                        httpMethod="POST"
+                    />
                 </Disabled>
             </div>

jobbnorge-block/tags/2.2.3/src/editor.scss

@@ -5 +5 @@
 
 @mixin break-medium() {
+
     @media (min-width: #{ ($break-medium) }) {
         @content;
@@ -11 +12 @@
 
 @mixin break-small() {
+
     @media (min-width: #{ ($break-small) }) {
         @content;
@@ -16 +18 @@
 }
 
-.wp-block-dss-jobbnorge li a>div {
+.wp-block-dss-jobbnorge li a > div {
     display: inline;
 }
@@ -29 +31 @@
 
     @include break-medium() {
+
         >* {
             margin-bottom: 0;
@@ -75 +78 @@
 
     @include break-small {
+
         @for $i from 2 through 6 {
             &.columns-#{ $i } li {

jobbnorge-block/tags/2.2.3/src/index.js

@@ -2 +2 @@
  * WordPress dependencies
  */
-import { people as icon } from "@wordpress/icons";
-import { registerBlockType } from "@wordpress/blocks";
+import { people as icon } from '@wordpress/icons';
+import { registerBlockType } from '@wordpress/blocks';
 /**
  * Internal dependencies
  */
-import "./style.scss";
-import metadata from "./block.json";
-import edit from "./edit";
+import './style.scss';
+import metadata from './block.json';
+import edit from './edit';
 
 const { name } = metadata;
@@ -19 +19 @@
     example: {
         attributes: {
-            employerID: "123[, 456, 789]",
+            employerID: '123[, 456, 789]',
         },
     },
@@ -25 +25 @@
 };
 
-const initBlock = (block) => {
-    // if (!block) {
-    //  return;
-    // }
-    const { metadata, settings, name } = block;
-    return registerBlockType({ name, ...metadata }, settings);
+const initBlock = ( block ) => {
+    // Accept an object with keys name, metadata, settings without shadowing outer scope.
+    const { metadata: md, settings: st, name: blockName } = block;
+    return registerBlockType( { name: blockName, ...md }, st );
 };
 
-export const init = () => initBlock({ name, metadata, settings });
+export const init = () => initBlock( { name, metadata, settings } );

jobbnorge-block/tags/2.2.3/src/pagination.js

@@ -1 +1 @@
 /**
  * Jobbnorge Block Pagination JavaScript
- * 
+ *
  * Handles AJAX pagination for job listings.
  */
 
-(function() {
-    'use strict';
-    
-    // Initialize pagination when DOM is ready
-    document.addEventListener('DOMContentLoaded', function() {
-        initializePagination();
-    });
-    
-    /**
-     * Initialize pagination functionality
-     */
-    function initializePagination() {
-        const paginationContainers = document.querySelectorAll('.wp-block-dss-jobbnorge__pagination');
-        
-        paginationContainers.forEach(function(container) {
-            const blockContainer = container.closest('.wp-block-dss-jobbnorge');
-            
-            if (!blockContainer) return;
-            
-            // Get block attributes from data attribute
-            const attributesData = blockContainer.getAttribute('data-attributes');
-            if (!attributesData) return;
-            
-            let attributes;
-            try {
-                attributes = JSON.parse(attributesData);
-            } catch (e) {
-                console.error('Failed to parse block attributes:', e);
-                return;
-            }
-            
-            // Add event listeners to pagination buttons
-            const prevButton = container.querySelector('.wp-block-dss-jobbnorge__pagination-prev');
-            const nextButton = container.querySelector('.wp-block-dss-jobbnorge__pagination-next');
-            
-            if (prevButton && !prevButton.disabled) {
-                prevButton.addEventListener('click', function(e) {
-                    e.preventDefault();
-                    const page = parseInt(this.getAttribute('data-page'));
-                    loadPage(page, attributes, blockContainer);
-                });
-            }
-            
-            if (nextButton && !nextButton.disabled) {
-                nextButton.addEventListener('click', function(e) {
-                    e.preventDefault();
-                    const page = parseInt(this.getAttribute('data-page'));
-                    loadPage(page, attributes, blockContainer);
-                });
-            }
-        });
-    }
-    
-    /**
-     * Load a specific page via AJAX
-     * 
-     * @param {number} page - Page number to load
-     * @param {Object} attributes - Block attributes
-     * @param {Element} container - Block container element
-     */
-    function loadPage(page, attributes, container) {
-        // Show loading state
-        container.classList.add('wp-block-dss-jobbnorge__loading');
-        
-        // Disable pagination buttons during loading
-        const buttons = container.querySelectorAll('.wp-block-dss-jobbnorge__pagination button');
-        buttons.forEach(function(button) {
-            button.disabled = true;
-        });
-        
-        // Prepare AJAX data
-        const formData = new FormData();
-        formData.append('action', 'jobbnorge_get_jobs');
-        formData.append('page', page);
-        formData.append('attributes', JSON.stringify(attributes));
-        formData.append('nonce', jobbnorgeAjax.nonce);
-        
-        // Make AJAX request
-        fetch(jobbnorgeAjax.ajaxUrl, {
-            method: 'POST',
-            body: formData
-        })
-        .then(function(response) {
-            return response.json();
-        })
-        .then(function(data) {
-            if (data.success) {
-                // Update the container with new content
-                container.innerHTML = data.data.html;
-                
-                // Reinitialize pagination for the new content
-                initializePagination();
-                
-                // Scroll to 2em above the top of the block
-                const containerRect = container.getBoundingClientRect();
-                const twoEm = parseFloat(getComputedStyle(document.documentElement).fontSize) * 2;
-                const targetPosition = window.pageYOffset + containerRect.top - twoEm;
-                
-                window.scrollTo({
-                    top: targetPosition,
-                    behavior: 'smooth'
-                });
-                
-                // Update URL with page parameter (optional)
-                updateURL(page);
-                
-            } else {
-                console.error('AJAX request failed:', data.data);
-                showError(container, 'Failed to load page. Please try again.');
-            }
-        })
-        .catch(function(error) {
-            console.error('AJAX request error:', error);
-            showError(container, 'An error occurred while loading the page.');
-        })
-        .finally(function() {
-            // Remove loading state
-            container.classList.remove('wp-block-dss-jobbnorge__loading');
-        });
-    }
-    
-    /**
-     * Update URL with page parameter
-     * 
-     * @param {number} page - Current page number
-     */
-    function updateURL(page) {
-        if (history.pushState) {
-            const url = new URL(window.location);
-            if (page > 1) {
-                url.searchParams.set('jobbnorge_page', page);
-            } else {
-                url.searchParams.delete('jobbnorge_page');
-            }
-            history.pushState({ page: page }, '', url);
-        }
-    }
-    
-    /**
-     * Show error message
-     * 
-     * @param {Element} container - Block container
-     * @param {string} message - Error message
-     */
-    function showError(container, message) {
-        const errorDiv = document.createElement('div');
-        errorDiv.className = 'wp-block-dss-jobbnorge__error notice notice-error';
-        errorDiv.innerHTML = '<p>' + message + '</p>';
-        
-        // Insert error message at the top of the container
-        container.insertBefore(errorDiv, container.firstChild);
-        
-        // Remove error message after 5 seconds
-        setTimeout(function() {
-            if (errorDiv.parentNode) {
-                errorDiv.parentNode.removeChild(errorDiv);
-            }
-        }, 5000);
-    }
-    
-    // Handle browser back/forward buttons
-    window.addEventListener('popstate', function(event) {
-        if (event.state && event.state.page) {
-            // Reload the page with the correct page number
-            window.location.reload();
-        }
-    });
-    
-})();
+/* eslint-env browser */
+( function () {
+    'use strict';
+
+    // Initialize pagination when DOM is ready
+    document.addEventListener( 'DOMContentLoaded', function () {
+        initializePagination();
+    } );
+
+    /**
+     * Initialize pagination functionality
+     */
+    function initializePagination() {
+        const paginationContainers = document.querySelectorAll(
+            '.wp-block-dss-jobbnorge__pagination'
+        );
+
+        paginationContainers.forEach( function ( container ) {
+            const blockContainer = container.closest(
+                '.wp-block-dss-jobbnorge'
+            );
+
+            if ( ! blockContainer ) return;
+
+            // Get block attributes from data attribute
+            const attributesData =
+                blockContainer.getAttribute( 'data-attributes' );
+            if ( ! attributesData ) return;
+
+            let attributes;
+            try {
+                attributes = JSON.parse( attributesData );
+            } catch ( e ) {
+                // eslint-disable-next-line no-console
+                console.error( 'Failed to parse block attributes:', e );
+                return;
+            }
+
+            // Add event listeners to pagination buttons
+            const prevButton = container.querySelector(
+                '.wp-block-dss-jobbnorge__pagination-prev'
+            );
+            const nextButton = container.querySelector(
+                '.wp-block-dss-jobbnorge__pagination-next'
+            );
+
+            if ( prevButton && ! prevButton.disabled ) {
+                prevButton.addEventListener( 'click', function ( e ) {
+                    e.preventDefault();
+                    const page = parseInt( this.getAttribute( 'data-page' ) );
+                    loadPage( page, attributes, blockContainer );
+                } );
+            }
+
+            if ( nextButton && ! nextButton.disabled ) {
+                nextButton.addEventListener( 'click', function ( e ) {
+                    e.preventDefault();
+                    const page = parseInt( this.getAttribute( 'data-page' ) );
+                    loadPage( page, attributes, blockContainer );
+                } );
+            }
+        } );
+    }
+
+    /**
+     * Load a specific page via AJAX
+     *
+     * @param {number}  page       - Page number to load
+     * @param {Object}  attributes - Block attributes
+     * @param {Element} container  - Block container element
+     */
+    function loadPage( page, attributes, container ) {
+        // Show loading state
+        container.classList.add( 'wp-block-dss-jobbnorge__loading' );
+
+        // Disable pagination buttons during loading
+        const buttons = container.querySelectorAll(
+            '.wp-block-dss-jobbnorge__pagination button'
+        );
+        buttons.forEach( function ( button ) {
+            button.disabled = true;
+        } );
+
+        // Prepare AJAX data
+        const formData = new FormData();
+        formData.append( 'action', 'jobbnorge_get_jobs' );
+        formData.append( 'page', page );
+        formData.append( 'attributes', JSON.stringify( attributes ) );
+        formData.append( 'nonce', window.jobbnorgeAjax?.nonce || '' );
+
+        // Make AJAX request
+        fetch( window.jobbnorgeAjax?.ajaxUrl || window.ajaxurl || '', {
+            method: 'POST',
+            body: formData,
+        } )
+            .then( function ( response ) {
+                return response.json();
+            } )
+            .then( function ( data ) {
+                if ( data.success ) {
+                    // Update the container with new content
+                    container.innerHTML = data.data.html;
+
+                    // Reinitialize pagination for the new content
+                    initializePagination();
+
+                    // Scroll to 2em above the top of the block
+                    const containerRect = container.getBoundingClientRect();
+                    const twoEm =
+                        parseFloat(
+                            window.getComputedStyle( document.documentElement )
+                                .fontSize
+                            ) * 2;
+                    const targetPosition =
+                        window.pageYOffset + containerRect.top - twoEm;
+
+                    window.scrollTo( {
+                        top: targetPosition,
+                        behavior: 'smooth',
+                    } );
+
+                    // Update URL with page parameter (optional)
+                    updateURL( page );
+                } else {
+                    // eslint-disable-next-line no-console
+                    console.error( 'AJAX request failed:', data.data );
+                    showError(
+                        container,
+                        'Failed to load page. Please try again.'
+                    );
+                }
+            } )
+            .catch( function ( error ) {
+                // eslint-disable-next-line no-console
+                console.error( 'AJAX request error:', error );
+                showError( container, 'An error occurred while loading the page.' );
+            } )
+            .finally( function () {
+                // Remove loading state
+                container.classList.remove( 'wp-block-dss-jobbnorge__loading' );
+            } );
+    }
+
+    /**
+     * Update URL with page parameter
+     *
+     * @param {number} page - Current page number
+     */
+    function updateURL( page ) {
+        if ( window.history.pushState ) {
+            const url = new URL( window.location );
+            if ( page > 1 ) {
+                url.searchParams.set( 'jobbnorge_page', page );
+            } else {
+                url.searchParams.delete( 'jobbnorge_page' );
+            }
+            window.history.pushState( { page }, '', url );
+        }
+    }
+
+    /**
+     * Show error message
+     *
+     * @param {Element} container - Block container
+     * @param {string}  message   - Error message
+     */
+    function showError( container, message ) {
+        const errorDiv = document.createElement( 'div' );
+        errorDiv.className =
+            'wp-block-dss-jobbnorge__error notice notice-error';
+        errorDiv.innerHTML = '<p>' + message + '</p>';
+
+        // Insert error message at the top of the container
+        container.insertBefore( errorDiv, container.firstChild );
+
+        // Remove error message after 5 seconds
+        setTimeout( function () {
+            if ( errorDiv.parentNode ) {
+                errorDiv.parentNode.removeChild( errorDiv );
+            }
+        }, 5000 );
+    }
+
+    // Handle browser back/forward buttons
+    window.addEventListener( 'popstate', function ( event ) {
+        if ( event.state && event.state.page ) {
+            // Reload the page with the correct page number
+            window.location.reload();
+        }
+    } );
+} )();

jobbnorge-block/tags/2.2.3/src/style.scss

@@ -2 +2 @@
 
 @mixin break-small() {
+
     @media (min-width: #{ ($break-small) }) {
         @content;
@@ -13 +14 @@
     padding: 0;
 
-    // This needs extra specificity due to the reset mixin on the parent: https://github.com/WordPress/gutenberg/blob/a250e9e5fe00dd5195624f96a3d924e7078951c3/packages/edit-post/src/style.scss#L54
+    // This needs extra specificity due to the reset mixin on the parent:
+    // See: https://github.com/WordPress/gutenberg/blob/a250e9e5fe00dd5195624f96a3d924e7078951c3/packages/edit-post/src/style.scss#L54
     &.wp-block-dss-jobbnorge {
         box-sizing: border-box;
@@ -19 +21 @@
 
     &.alignleft {
+
         /*rtl:ignore*/
         margin-right: 2em;
@@ -24 +27 @@
 
     &.alignright {
+
         /*rtl:ignore*/
         margin-left: 2em;
@@ -45 +49 @@
 
     @include break-small {
+
         @for $i from 2 through 6 {
             &.columns-#{ $i } li {
@@ -75 +80 @@
 // Pagination styles
 .wp-block-dss-jobbnorge {
+
     &__pagination {
         display: flex;
@@ -104 +110 @@
             padding: 0.5rem 1rem;
             border: 1px solid #ddd;
-            background: white;
+            background: #fff; // replaced named color per stylelint
             cursor: pointer;
             border-radius: 4px;
@@ -110 +116 @@
             transition: all 0.2s ease;
 
+            &:disabled {
+                opacity: 0.5;
+                cursor: not-allowed;
+            }
+
             &:hover:not(:disabled) {
                 background: #f5f5f5;
                 border-color: #999;
-            }
-
-            &:disabled {
-                opacity: 0.5;
-                cursor: not-allowed;
             }
         }
@@ -134 +140 @@
 
         &::after {
-            content: '';
+            content: "";
             position: absolute;
             top: 50%;
@@ -164 +170 @@
 
 @keyframes spin {
+
     to {
         transform: rotate(360deg);

jobbnorge-block/tags/2.2.3/webpack.config.js

@@ -1 @@
-const defaultConfig = require('@wordpress/scripts/config/webpack.config');
-const path = require('path');
+const defaultConfig = require( '@wordpress/scripts/config/webpack.config' );
+const path = require( 'path' );
 
 module.exports = {
     ...defaultConfig,
     entry: {
-        init: path.resolve(__dirname, 'src/init.js'),
-        editor: path.resolve(__dirname, 'src/editor.scss'),
-        style: path.resolve(__dirname, 'src/style.scss'),
-        pagination: path.resolve(__dirname, 'src/pagination.js'),
+        init: path.resolve( __dirname, 'src/init.js' ),
+        editor: path.resolve( __dirname, 'src/editor.scss' ),
+        style: path.resolve( __dirname, 'src/style.scss' ),
+        pagination: path.resolve( __dirname, 'src/pagination.js' ),
     },
 };

jobbnorge-block/tags/2.2.3/wp-jobb-norge.php

@@ -4 +4 @@
  * Plugin URI:        https://wordpress.org/plugins/jobbnorge-block/
  * Description:       Retrieve and display job listings from Jobbnorge.no
- * Requires at least: 5.9
- * Requires PHP:      7.0
- * Version:           2.2.2
+ * Requires at least: 6.5
+ * Requires PHP:      8.2
+ * Version:           2.2.3
  * Author:            PerS
  * License:           GPL-2.0-or-later
  * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
  * Text Domain:       wp-jobbnorge-block
- *
  * @package           wp-jobbnorge-block
  */
 
 namespace DSS\Jobbnorge;
+
+if ( ! defined( 'ABSPATH' ) ) {
+    exit; // Safety.
+}
+
+if ( ! defined( 'WP_JOBBNORGE_VERSION' ) ) {
+    define( 'WP_JOBBNORGE_VERSION', '2.2.3' );
+}
 
 if ( ! \class_exists( 'Jobbnorge_CacheHandler' ) ) {
@@ -21 +28 @@
 }
 
-
-add_action( 'init', __NAMESPACE__ . '\dss_jobbnorge_init' );
-
-/**
- * Registers the block using the metadata loaded from the `block.json` file.
- * Behind the scenes, it registers also all assets so they can be enqueued
- * through the block editor in the corresponding context.
- *
- * @see https://developer.wordpress.org/reference/functions/register_block_type/
- */
-function dss_jobbnorge_init() {
-    // Add the 'dss_jobbnorge_enqueue_scripts' function to the 'admin_enqueue_scripts' action hook.
-    // This function will be called when scripts and styles are enqueued for the admin panel.
-    add_action( 'admin_enqueue_scripts', __NAMESPACE__ . '\dss_jobbnorge_enqueue_scripts' );
-
-    // Add the 'dss_jobbnorge_enqueue_frontend_styles' function to the 'wp_enqueue_scripts' action hook.
-    // This function will be called when scripts and styles are enqueued for the front end of the site.
-    add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\dss_jobbnorge_enqueue_frontend_styles' );
-
-    // Load the plugin's text domain for internationalization.
-    // The second argument is set to false to not override the global locale.
-    // The third argument is the path to the plugin's languages directory.
+add_action( 'init', __NAMESPACE__ . '\\dss_jobbnorge_init' );
+
+/**
+ * Init: register block + i18n + enqueue hooks.
+ */
+function dss_jobbnorge_init(): void {
     load_plugin_textdomain( 'wp-jobbnorge-block', false, dirname( plugin_basename( __FILE__ ) ) . '/languages' );
 
-    // Register the block type.
-    // The first argument is the path to the block's build directory.
-    // The second argument is an array of options for the block, including a render callback function.
-    register_block_type(
-        __DIR__ . '/build',
-        [ 
-            'render_callback' => __NAMESPACE__ . '\render_block_dss_jobbnorge',
-        ]
-    );
-}
-
-/**
- * Enqueue block editor only JavaScript and CSS
- *
- * @param string $hook_suffix The current admin page.
- * @return void
+    register_block_type( __DIR__ . '/build', [ 'render_callback' => __NAMESPACE__ . '\\render_block_dss_jobbnorge' ] );
+
+    add_action( 'admin_enqueue_scripts', __NAMESPACE__ . '\\dss_jobbnorge_enqueue_scripts' );
+    add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\\dss_jobbnorge_enqueue_frontend_styles' );
+    add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\\enqueue_pagination_script' );
+}
+
+/**
+ * Editor assets.
  */
 function dss_jobbnorge_enqueue_scripts( string $hook_suffix ): void {
-
-    // Check if the current page is a post editing page.
-    if ( 'post.php' !== $hook_suffix && 'post-new.php' !== $hook_suffix && 'edit.php' !== $hook_suffix ) {
-        // If not, exit early.
+    if ( ! in_array( $hook_suffix, [ 'post.php', 'post-new.php', 'edit.php' ], true ) ) {
         return;
     }
-
-    // Define the path to the dependencies file.
     $deps_file = plugin_dir_path( __FILE__ ) . 'build/init.asset.php';
-
-    // Initialize an array for JavaScript dependencies and a random version number.
-    $jsdeps  = [];
-    $version = wp_rand();
-
-    // Check if the dependencies file exists.
+    $jsdeps    = [];
+    $version   = WP_JOBBNORGE_VERSION;
     if ( file_exists( $deps_file ) ) {
-        // If it does, require it and merge its dependencies with the existing ones.
-        $file   = require $deps_file;
-        $jsdeps = array_merge( $jsdeps, $file[ 'dependencies' ] );
-        // Also, set the version to the one from the file.
+        $file    = require $deps_file; // phpcs:ignore
+        $jsdeps  = array_merge( $jsdeps, $file[ 'dependencies' ] );
         $version = $file[ 'version' ];
     }
-
-    // Check if the current view is the admin dashboard.
     if ( is_admin() ) {
-        // If it is, register and enqueue a CSS file for the admin view.
         wp_register_style( 'dss-jobbnorge-admin', plugin_dir_url( __FILE__ ) . 'build/init.css', [], $version );
         wp_enqueue_style( 'dss-jobbnorge-admin' );
     }
-
-    // Set translations for the script.
-    wp_set_script_translations(
-        'dss-jobbnorge-editor-script', // Handle = block.json "name" (replace / with -) + "-editor-script".
-        'wp-jobbnorge-block',
-        plugin_dir_path( __FILE__ ) . 'languages/'
-    );
-
-    // Apply filter to modify the employers list.
+    wp_set_script_translations( 'dss-jobbnorge-editor-script', 'wp-jobbnorge-block', plugin_dir_path( __FILE__ ) . 'languages/' );
     $employers = apply_filters( 'jobbnorge_employers', false );
-
-    // Proceed with localization if employers is not false.
     if ( false !== $employers ) {
-        // Ensure employers is an array.
         if ( ! is_array( $employers ) ) {
             $employers = [];
         }
-
-        // Localize the script to make employers data available.
-        wp_localize_script(
-            'dss-jobbnorge-editor-script',
-            'wpJobbnorgeBlock',
-            [ 
-                'employers' => $employers,
-            ]
-        );
-    }
-}
-
-/**
- * Enqueue frontend styles for the block
- *
- * @return void
+        wp_localize_script( 'dss-jobbnorge-editor-script', 'wpJobbnorgeBlock', [ 'employers' => $employers ] );
+    }
+}
+
+/**
+ * Frontend styles.
  */
 function dss_jobbnorge_enqueue_frontend_styles(): void {
-    // Define the path to the dependencies file.
     $deps_file = plugin_dir_path( __FILE__ ) . 'build/init.asset.php';
-
-    // Initialize version number.
-    $version = wp_rand();
-
-    // Check if the dependencies file exists.
+    $version   = WP_JOBBNORGE_VERSION;
     if ( file_exists( $deps_file ) ) {
-        // If it does, require it and get the version.
-        $file    = require $deps_file;
+        $file    = require $deps_file; // phpcs:ignore
         $version = $file[ 'version' ];
     }
-
-    // Register and enqueue a CSS file for the public view.
     wp_register_style( 'dss-jobbnorge', plugin_dir_url( __FILE__ ) . 'build/style-init.css', [], $version );
     wp_enqueue_style( 'dss-jobbnorge' );
@@ -146 +87 @@
 
 /**
- * Renders the `jobbnorge` block on server.
- *
- * @param array $attributes The block attributes.
- *
- * @return string Returns the block content with received rss items.
- */
-function render_block_dss_jobbnorge( $attributes ) {
-
-    // Set default values for attributes.
-    $attributes = wp_parse_args(
-        $attributes,
-        [ 
-            'employerID'       => '',
-            'displayEmployer'  => false,
-            'displayDate'      => true,
-            'displayDeadline'  => false,
-            'displayScope'     => false,
-            'displayExcerpt'   => true,
-            'excerptLength'    => 55,
-            'blockLayout'      => 'list',
-            'orderBy'          => 'Deadline',
-            'columns'          => 3,
-            'itemsToShow'      => 5,
-            'enablePagination' => true,
-            'jobsPerPage'      => 10,
-        ]
-    );
-
-    // Convert employer IDs to an array and trim whitespace.
-    $arr_ids = array_map( 'trim', explode( ',', $attributes[ 'employerID' ] ) );
-
-    // Check if all IDs are numeric. If not, return an error message.
-    if ( ! array_filter( $arr_ids, 'is_numeric' ) ) {
-        return '<div class="components-placeholder"><div class="notice notice-error">' . __( 'Invalid ID', 'wp-jobbnorge-block' ) . '</div></div>';
-    }
-
-    // Get current page for pagination
-    $current_page = isset( $_GET[ 'jobbnorge_page' ] ) ? max( 1, intval( $_GET[ 'jobbnorge_page' ] ) ) : 1;
-
-    // Determine items per page based on pagination setting
-    $items_per_page = $attributes[ 'enablePagination' ] ? $attributes[ 'jobsPerPage' ] : $attributes[ 'itemsToShow' ];
-
-    // Construct the API URL for v3
-    // NOTE: API v3 pagination doesn't work correctly with employer filtering
-    // So we fetch all jobs for the employers and paginate in PHP
-    $jobbnorge_api_url = 'https://publicapi.jobbnorge.no/v3/Jobs?abroad=false&orderBy=' . $attributes[ 'orderBy' ];
-
-    // Add each employer ID to the API URL.
+ * Render block frontend.
+ */
+function render_block_dss_jobbnorge( $attributes ): string {
+    $attributes = wp_parse_args( $attributes, [
+        'employerID'       => '',
+        'displayEmployer'  => false,
+        'displayDate'      => true, // currently unused but kept for backward compat.
+        'displayDeadline'  => false,
+        'displayScope'     => false,
+        'displayExcerpt'   => true,
+        'excerptLength'    => 55,
+        'blockLayout'      => 'list',
+        'orderBy'          => 'Deadline',
+        'columns'          => 3,
+        'itemsToShow'      => 5,
+        'enablePagination' => true,
+        'jobsPerPage'      => 10,
+    ] );
+
+    // Sanitize employer IDs.
+    $arr_ids_raw = array_filter( array_map( 'trim', explode( ',', (string) $attributes[ 'employerID' ] ) ) );
+    $arr_ids     = [];
+    foreach ( $arr_ids_raw as $maybe ) {
+        if ( ctype_digit( $maybe ) ) {
+            $arr_ids[] = (string) absint( $maybe );
+        }
+    }
+    if ( empty( $arr_ids ) && ! empty( $attributes[ 'employerID' ] ) ) {
+        return '<div class="components-placeholder"><div class="notice notice-error">' . esc_html__( 'Invalid ID', 'wp-jobbnorge-block' ) . '</div></div>';
+    }
+
+    $current_page   = isset( $_GET[ 'jobbnorge_page' ] ) ? max( 1, absint( $_GET[ 'jobbnorge_page' ] ) ) : 1; // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- read only.
+    $items_per_page = $attributes[ 'enablePagination' ] ? (int) $attributes[ 'jobsPerPage' ] : (int) $attributes[ 'itemsToShow' ];
+
+    // Build API URL.
+    $jobbnorge_api_url = 'https://publicapi.jobbnorge.no/v3/Jobs?abroad=false&orderBy=' . rawurlencode( $attributes[ 'orderBy' ] );
     foreach ( $arr_ids as $id ) {
-        $jobbnorge_api_url .= '&employer=' . $id;
-    }
-
-    $cache_path = apply_filters( 'jobbnorge_cache_path', WP_CONTENT_DIR . '/cache/jobbnorge' );
-    $cache      = new \Jobbnorge_CacheHandler( $cache_path );
-
-    // Cache key based on employer IDs and settings, not pagination
+        $jobbnorge_api_url .= '&employer=' . absint( $id );
+    }
+
+    $cache_path    = apply_filters( 'jobbnorge_cache_path', WP_CONTENT_DIR . '/cache/jobbnorge' );
+    $cache         = new \Jobbnorge_CacheHandler( $cache_path );
     $cache_key     = md5( $jobbnorge_api_url );
-    $expiration    = apply_filters( 'jobbnorge_cache_time', 30 * MINUTE_IN_SECONDS );
+    $expiration    = (int) apply_filters( 'jobbnorge_cache_time', 30 * MINUTE_IN_SECONDS );
     $response_data = $cache->get( $cache_key, $expiration );
-
     if ( false === $response_data ) {
-        $response = wp_remote_get( $jobbnorge_api_url );
-
-        if ( is_wp_error( $response ) ) {
-            return '<div class="components-placeholder"><div class="notice notice-error">' . __( 'Error connecting to Jobbnorge.no', 'wp-jobbnorge-block' ) . '</div></div>';
+        // Perform remote request when no *fresh* cache. We'll attempt a stale cache fallback below if available.
+        $response = wp_remote_get( $jobbnorge_api_url, [
+            'timeout' => 10,
+            'headers' => [
+                'Accept'     => 'application/json',
+                'User-Agent' => 'JobbnorgeBlock/' . WP_JOBBNORGE_VERSION . ' ' . home_url( '/' ),
+            ],
+        ] );
+
+        $http_status = ! is_wp_error( $response ) ? wp_remote_retrieve_response_code( $response ) : 0;
+        $body        = ! is_wp_error( $response ) ? wp_remote_retrieve_body( $response ) : '';
+        $tmp         = $body ? json_decode( $body, true ) : null;
+        $json_ok     = is_array( $tmp ) && json_last_error() === JSON_ERROR_NONE;
+
+        if ( ! is_wp_error( $response ) && $http_status >= 200 && $http_status < 300 && $json_ok ) {
+            // Happy path: cache and proceed.
+            $response_data = $tmp;
+            $cache->set( $cache_key, $response_data );
+        } else {
+            // Attempt stale cache fallback: read cache file ignoring expiration.
+            $stale_data = null;
+            $cache_file = apply_filters( 'jobbnorge_cache_path', WP_CONTENT_DIR . '/cache/jobbnorge' ) . '/' . $cache_key . '.php';
+            if ( file_exists( $cache_file ) ) {
+                // Suppress errors; include returns data array.
+                $maybe_stale = @include $cache_file; // phpcs:ignore
+                if ( is_array( $maybe_stale ) ) {
+                    $stale_data = $maybe_stale;
+                }
+            }
+
+            $error_type = 'unknown';
+            if ( is_wp_error( $response ) ) {
+                $error_type = 'network';
+            } elseif ( $http_status >= 500 ) {
+                $error_type = 'server';
+            } elseif ( $http_status === 404 ) {
+                $error_type = 'not_found';
+            } elseif ( $http_status >= 400 ) {
+                $error_type = 'client';
+            } elseif ( ! $json_ok ) {
+                $error_type = 'invalid_json';
+            }
+
+            /**
+             * Fires when the Jobbnorge API request fails.
+             *
+             * @param string $error_type One of network|server|client|not_found|invalid_json|unknown.
+             * @param int    $http_status HTTP status code (0 if network error).
+             * @param string $api_url     Requested API URL.
+             */
+            do_action( 'jobbnorge_api_request_failed', $error_type, $http_status, $jobbnorge_api_url );
+
+            if ( $stale_data ) {
+                // Provide gentle notice while still rendering stale data.
+                $response_data = $stale_data;
+                // Prepend a warning message that content may be outdated.
+                $stale_notice = '<div class="notice notice-warning jobbnorge-stale" role="alert">' . esc_html__( 'Showing cached results due to a temporary connection issue.', 'wp-jobbnorge-block' ) . '</div>';
+            } else {
+                // User-facing message depending on error type.
+                $human_msg = __( 'Error connecting to Jobbnorge.no', 'wp-jobbnorge-block' );
+                if ( 'not_found' === $error_type ) {
+                    $human_msg = __( 'Job listings not found (404).', 'wp-jobbnorge-block' );
+                } elseif ( 'server' === $error_type ) {
+                    $human_msg = __( 'Jobbnorge service temporarily unavailable.', 'wp-jobbnorge-block' );
+                } elseif ( 'client' === $error_type ) {
+                    $human_msg = __( 'Request error retrieving jobs.', 'wp-jobbnorge-block' );
+                } elseif ( 'invalid_json' === $error_type ) {
+                    $human_msg = __( 'Received invalid data from Jobbnorge.', 'wp-jobbnorge-block' );
+                }
+                return '<div class="components-placeholder"><div class="notice notice-error">' . esc_html( $human_msg ) . '</div></div>';
+            }
         }
-
-        $body          = wp_remote_retrieve_body( $response );
-        $response_data = json_decode( $body, true );
-        $cache->set( $cache_key, $response_data );
-    }
-
-    // Debug: Log the API response structure
-    if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
-        error_log( 'Jobbnorge API URL: ' . $jobbnorge_api_url );
-        error_log( 'Jobbnorge API Response: ' . print_r( $response_data, true ) );
-    }
-    // Handle v3 API response structure
-    $all_items  = isset( $response_data[ 'jobs' ] ) ? $response_data[ 'jobs' ] : $response_data;
+    }
+
+    $all_items = isset( $response_data[ 'jobs' ] ) && is_array( $response_data[ 'jobs' ] ) ? $response_data[ 'jobs' ] : ( is_array( $response_data ) ? $response_data : [] );
+    if ( ! is_array( $all_items ) ) {
+        $all_items = [];
+    }
     $total_jobs = count( $all_items );
-
-    // Debug: Log the items array
-    if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
-        error_log( 'Items count: ' . count( $all_items ) );
-        error_log( 'Total jobs: ' . $total_jobs );
-        if ( ! empty( $all_items ) ) {
-            error_log( 'First item: ' . print_r( $all_items[ 0 ], true ) );
-        }
-    }
-
-    // Implement pagination in PHP since API pagination doesn't work with employer filtering
-    if ( $attributes[ 'enablePagination' ] && $total_jobs > 0 ) {
-        // Calculate pagination
-        $start_index = ( $current_page - 1 ) * $attributes[ 'jobsPerPage' ];
-        $items       = array_slice( $all_items, $start_index, $attributes[ 'jobsPerPage' ] );
+    if ( 0 === $total_jobs ) {
+        return '<div class="components-placeholder"><div class="notice notice-error">' . esc_html__( 'No jobs found', 'wp-jobbnorge-block' ) . '</div></div>';
+    }
+
+    if ( $attributes[ 'enablePagination' ] ) {
+        $start_index = ( $current_page - 1 ) * $items_per_page;
+        $items       = array_slice( $all_items, $start_index, $items_per_page );
     } else {
-        // For non-paginated, limit to itemsToShow
-        $items      = array_slice( $all_items, 0, $attributes[ 'itemsToShow' ] );
-        $total_jobs = count( $items ); // Update total for non-paginated display
-    }
-
-    // If there are no items, return an error message.
-    if ( ! $items ) {
-        return '<div class="components-placeholder"><div class="notice notice-error">' . __( 'No jobs found', 'wp-jobbnorge-block' ) . '</div></div>';
-    }
-
-    // Initialize an empty string for the list items.
-    $list_items = '';
-
-    // Loop through each item.
-    foreach ( $items as $item ) {
-        // Sanitize and format the title.
-        $title = esc_html( trim( wp_strip_all_tags( $item[ 'title' ] ) ) );
-        $title = empty( $title ) ? __( '(no title)', 'wp-jobbnorge-block' ) : $title;
-
-        // Sanitize the link.
-        $link = esc_url( $item[ 'link' ] );
-        // If there's a link, wrap the title in an anchor tag.
-        $title = $link ? "<a href='{$link}'>{$title}</a>" : $title;
-
-        // Wrap the title in a div.
-        $title = "<div class='wp-block-dss-jobbnorge__item-title'>{$title}</div>";
-
-        // Initialize an empty string for the deadline.
-        $deadline = '';
-        // If the displayDate attribute is true and the item has a deadline, format the deadline.
-        if ( $attributes[ 'displayDate' ] && isset( $item[ 'deadline' ] ) ) {
-            $deadline = format_deadline( $item[ 'deadline' ] );
-        }
-
-        // Format the excerpt.
-        $excerpt = format_excerpt( $attributes, $item );
-
-        // Format the employer and scope attributes.
-        $employer = format_attribute( $attributes, $item, 'employer', 'displayEmployer', 'wp-block-dss-jobbnorge__item-employer', __( 'Employer', 'wp-jobbnorge-block' ) );
-        $scope    = format_attribute( $attributes, $item, 'jobScope', 'displayScope', 'wp-block-dss-jobbnorge__item-scope', __( 'Scope', 'wp-jobbnorge-block' ) );
-
-        // Initialize an empty string for the meta.
-        $meta = '';
-        // If there's an employer, deadline, or scope, wrap them in a div.
-        if ( $employer || $deadline || $scope ) {
-            $meta = '<div class="wp-block-dss-jobbnorge__item-meta">' . $employer . $deadline . $scope . '</div>';
-        }
-
-        // Add the item to the list items string.
-        $list_items .= "<li class='wp-block-dss-jobbnorge__item'>{$title}{$meta}{$excerpt}</li>";
-    }
-
-    // Get the block wrapper attributes (without grid classes)
-    $wrapper_classes = [];
-    add_classname( $wrapper_classes, $attributes, 'displayEmployer', 'has-employer' );
-    add_classname( $wrapper_classes, $attributes, 'displayDate', 'has-dates' );
-    add_classname( $wrapper_classes, $attributes, 'displayDeadline', 'has-deadline' );
-    add_classname( $wrapper_classes, $attributes, 'displayScope', 'has-scope' );
-    add_classname( $wrapper_classes, $attributes, 'displayExcerpt', 'has-excerpts' );
-
-    $wrapper_attributes = get_block_wrapper_attributes( [ 
+        $items      = array_slice( $all_items, 0, $items_per_page );
+        $total_jobs = count( $items );
+    }
+    if ( empty( $items ) ) {
+        return '<div class="components-placeholder"><div class="notice notice-error">' . esc_html__( 'No jobs found', 'wp-jobbnorge-block' ) . '</div></div>';
+    }
+
+    $wrapper_classes = [ 'wp-block-dss-jobbnorge__wrapper' ];
+    if ( $attributes[ 'enablePagination' ] ) {
+        $wrapper_classes[] = 'has-pagination';
+    }
+
+    $wrapper_attributes = get_block_wrapper_attributes( [
         'class'           => implode( ' ', $wrapper_classes ),
-        'data-attributes' => esc_attr( json_encode( $attributes ) ),
+        'data-attributes' => esc_attr( wp_json_encode( $attributes ) ),
+        'aria-live'       => 'polite',
     ] );
 
-    // Generate the ul classes (including grid classes)
     $ul_classes = [ 'wp-block-dss-jobbnorge' ];
     if ( 'grid' === $attributes[ 'blockLayout' ] ) {
         $ul_classes[] = 'is-grid';
-        $ul_classes[] = 'columns-' . $attributes[ 'columns' ];
-    }
-
-    // Generate pagination controls if enabled
+        $ul_classes[] = 'columns-' . (int) $attributes[ 'columns' ];
+    }
+
+    $list_items = '';
+    foreach ( $items as $item ) {
+        // Deadline filtering: hide past deadlines if ordering by deadline.
+        if ( isset( $item[ 'deadlineDate' ] ) && 'Deadline' === $attributes[ 'orderBy' ] ) {
+            $deadline_ts = false;
+            try {
+                $deadline_ts = parse_date( $item[ 'deadlineDate' ] );
+            } catch (\Throwable $t) {
+                $deadline_ts = false;
+            }
+            if ( $deadline_ts && $deadline_ts < time() ) {
+                continue; // Skip expired.
+            }
+        }
+        $title     = isset( $item[ 'title' ] ) ? $item[ 'title' ] : '';
+        $link      = isset( $item[ 'link' ] ) ? $item[ 'link' ] : '#';
+        $deadline  = $attributes[ 'displayDeadline' ] && ! empty( $item[ 'deadlineDate' ] ) ? format_deadline( $item[ 'deadlineDate' ] ) : '';
+        $excerpt   = format_excerpt( $attributes, $item );
+        $employer  = format_attribute( $attributes, $item, 'employer', 'displayEmployer', 'wp-block-dss-jobbnorge__item-employer', __( 'Employer', 'wp-jobbnorge-block' ) );
+        $scope     = format_attribute( $attributes, $item, 'jobScope', 'displayScope', 'wp-block-dss-jobbnorge__item-scope', __( 'Scope', 'wp-jobbnorge-block' ) );
+        $meta_html = '';
+        if ( $employer || $deadline || $scope ) {
+            $meta_html = sprintf( '<div class="wp-block-dss-jobbnorge__item-meta">%s%s%s</div>', $employer, $deadline, $scope );
+        }
+        $list_items .= sprintf(
+            '<li class="wp-block-dss-jobbnorge__item"><div class="wp-block-dss-jobbnorge__item-title"><a href="%s">%s</a></div>%s%s</li>',
+            esc_url( $link ),
+            esc_html( $title ),
+            $meta_html,
+            $excerpt
+        );
+    }
+
+    if ( '' === $list_items ) {
+        return '<div class="components-placeholder"><div class="notice notice-error">' . esc_html__( 'No jobs found', 'wp-jobbnorge-block' ) . '</div></div>';
+    }
+
     $pagination_html = '';
-    if ( $attributes[ 'enablePagination' ] && count( $all_items ) > $attributes[ 'jobsPerPage' ] ) {
-        $pagination_html = generate_pagination_controls( $current_page, count( $all_items ), $attributes[ 'jobsPerPage' ], $attributes );
-    }
-
-    // Return the final HTML string, wrapping the list items in an unordered list.
-    return sprintf( '<div %s><ul class="%s">%s</ul>%s</div>', $wrapper_attributes, esc_attr( implode( ' ', $ul_classes ) ), $list_items, $pagination_html );
+    if ( $attributes[ 'enablePagination' ] && $total_jobs > $items_per_page ) {
+        $pagination_html = generate_pagination_controls( $current_page, $total_jobs, $items_per_page, $attributes );
+    }
+
+    return sprintf( '<div %1$s><ul class="%2$s">%3$s</ul>%4$s</div>', $wrapper_attributes, esc_attr( implode( ' ', $ul_classes ) ), $list_items, $pagination_html );
 }
 
@@ -331 +296 @@
  * @return string The formatted excerpt.
  */
-function format_excerpt( $attributes, $item ) {
-    // Initialize an empty string for the result.
-    $result = '';
-
-    // If the displayExcerpt attribute is true and the item has a summary, format the excerpt.
-    if ( $attributes[ 'displayExcerpt' ] && isset( $item[ 'summary' ] ) ) {
-        // Decode the HTML entities in the summary.
-        $excerpt = html_entity_decode( $item[ 'summary' ], ENT_QUOTES, get_option( 'blog_charset' ) );
-        // Trim the excerpt to the excerptLength and escape it for safe use in HTML output.
-        $excerpt = esc_attr( wp_trim_words( $excerpt, $attributes[ 'excerptLength' ], '' ) );
-
-        // Format the read more link.
-        $read_more = sprintf( ' ... <a href="%s">%s</a>', esc_url( $item[ 'link' ] ), __( 'Read more', 'wp-jobbnorge-block' ) );
-
-        // Add the excerpt and read more link to the result string, wrapped in a div.
-        $result = sprintf( '<div class="wp-block-dss-jobbnorge__item-excerpt">%s%s</div>', esc_html( $excerpt ), $read_more );
-    }
-
-    // Return the result.
-    return $result;
+function format_excerpt( $attributes, $item ): string {
+    if ( empty( $attributes[ 'displayExcerpt' ] ) || empty( $item[ 'summary' ] ) ) {
+        return '';
+    }
+    $excerpt_raw = html_entity_decode( wp_strip_all_tags( (string) $item[ 'summary' ] ), ENT_QUOTES, get_option( 'blog_charset' ) );
+    $excerpt     = wp_trim_words( $excerpt_raw, (int) $attributes[ 'excerptLength' ], '' );
+    $read_more   = sprintf( ' <a href="%s">%s</a>', esc_url( $item[ 'link' ] ?? '#' ), esc_html__( 'Read more', 'wp-jobbnorge-block' ) );
+    return sprintf( '<div class="wp-block-dss-jobbnorge__item-excerpt">%s%s</div>', esc_html( $excerpt ), $read_more );
 }
 
@@ -390 +343 @@
  * @return string The formatted deadline date.
  */
-function format_deadline( $deadline_date ) {
-    // If there's no deadline date, return an empty string.
+function format_deadline( $deadline_date ): string {
     if ( ! $deadline_date ) {
         return '';
     }
-
     try {
-        // Try to parse the deadline date.
-        $date = parse_date( $deadline_date );
-        // Format the date according to the site's date format.
+        $date     = parse_date( $deadline_date );
         $str_date = date_i18n( get_option( 'date_format' ), $date );
-    } catch (\Exception $e) {
-        // If there's an exception, fallback to the original date.
+    } catch (\Throwable $t) {
         $str_date = $deadline_date;
         $date     = false;
     }
-
-    // If there's a formatted date, return a time element with the date.
     if ( $str_date ) {
         return sprintf(
-            '<time datetime="%1$s" class="wp-block-dss-jobbnorge__item-deadline">%2$s %3$s</time> ',
-                // If there's a parsed date, use it for the datetime attribute. Otherwise, leave it empty.
-            ( $date ) ? esc_attr( wp_date( 'c', $date ) ) : '',
-            // Translate the 'Deadline:' string.
-            __( 'Deadline:', 'wp-jobbnorge-block' ),
-            // Escape the formatted date for safe use in HTML output.
-            esc_attr( $str_date )
+            '<time datetime="%1$s" class="wp-block-dss-jobbnorge__item-deadline">%2$s %3$s</time>',
+            $date ? esc_attr( wp_date( 'c', $date ) ) : '',
+            esc_html__( 'Deadline:', 'wp-jobbnorge-block' ),
+            esc_html( $str_date )
         );
     }
-
-    // If there's no formatted date, return an empty string.
     return '';
 }
@@ -469 +410 @@
 function parse_date_fallback( $deadline_date ) {
     // Define an array of month names in Norwegian.
-    $str_months = [ 
+    $str_months = [
         'januar',
         'februar',
@@ -485 +426 @@
 
     // Define an array of month numbers.
-    $num_months = [ 
+    $num_months = [
         '01',
         '02',
@@ -617 +558 @@
  * Register AJAX endpoints for pagination.
  */
-add_action( 'wp_ajax_jobbnorge_get_jobs', __NAMESPACE__ . '\handle_ajax_get_jobs' );
-add_action( 'wp_ajax_nopriv_jobbnorge_get_jobs', __NAMESPACE__ . '\handle_ajax_get_jobs' );
+add_action( 'wp_ajax_jobbnorge_get_jobs', __NAMESPACE__ . '\\handle_ajax_get_jobs' );
+add_action( 'wp_ajax_nopriv_jobbnorge_get_jobs', __NAMESPACE__ . '\\handle_ajax_get_jobs' );
 
 /**
  * Handle AJAX request for paginated job listings.
  */
-function handle_ajax_get_jobs() {
-    // Verify nonce
-    if ( ! wp_verify_nonce( $_POST[ 'nonce' ], 'jobbnorge_pagination_nonce' ) ) {
-        wp_die( 'Security check failed' );
-    }
-
-    // Get and sanitize parameters
-    $page       = isset( $_POST[ 'page' ] ) ? max( 1, intval( $_POST[ 'page' ] ) ) : 1;
-    $attributes = isset( $_POST[ 'attributes' ] ) ? json_decode( stripslashes( $_POST[ 'attributes' ] ), true ) : [];
-
-    // Validate attributes
-    if ( empty( $attributes ) || ! is_array( $attributes ) ) {
-        wp_send_json_error( 'Invalid attributes' );
-    }
-
-    // Set current page in GET superglobal for compatibility
-    $_GET[ 'jobbnorge_page' ] = $page;
-
-    // Generate the job listings HTML
-    $html = render_block_dss_jobbnorge( $attributes );
-
-    // Return JSON response
+function handle_ajax_get_jobs(): void {
+    if ( empty( $_POST[ 'nonce' ] ) || ! wp_verify_nonce( sanitize_text_field( wp_unslash( $_POST[ 'nonce' ] ) ), 'jobbnorge_pagination_nonce' ) ) {
+        wp_send_json_error( [ 'message' => __( 'Security check failed', 'wp-jobbnorge-block' ) ], 403 );
+    }
+    $page       = isset( $_POST[ 'page' ] ) ? max( 1, absint( wp_unslash( $_POST[ 'page' ] ) ) ) : 1;
+    $raw_attr   = isset( $_POST[ 'attributes' ] ) ? wp_unslash( $_POST[ 'attributes' ] ) : '';
+    $attributes = json_decode( $raw_attr, true );
+    if ( json_last_error() !== JSON_ERROR_NONE || empty( $attributes ) || ! is_array( $attributes ) ) {
+        wp_send_json_error( [ 'message' => __( 'Invalid attributes', 'wp-jobbnorge-block' ) ], 400 );
+    }
+    $_GET[ 'jobbnorge_page' ] = $page; // phpcs:ignore WordPress.Security.NonceVerification.Recommended
+    $html                     = render_block_dss_jobbnorge( $attributes );
     wp_send_json_success( [ 'html' => $html ] );
 }
@@ -685 +616 @@
         'jobbnorge-pagination',
         'jobbnorgeAjax',
-        [ 
+        [
             'ajaxUrl' => admin_url( 'admin-ajax.php' ),
             'nonce'   => wp_create_nonce( 'jobbnorge_pagination_nonce' ),
@@ -693 +624 @@
 
 // Hook into wp_enqueue_scripts to add pagination script
-add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\enqueue_pagination_script' );
+// Enqueue pagination script already hooked in init via dss_jobbnorge_init.

jobbnorge-block/trunk/CHANGELOG.md

@@ -1 +1 @@
 # Changelog
+
+## 2.2.3
+* Version bump: synchronize plugin header, constant, readme Stable tag and package.json.
+* Enhancement: Add resilient API failure handling (HTTP status differentiation, stale cache fallback, logging hook `jobbnorge_api_request_failed`).
+* Enhancement: Display stale cache notice when serving cached results after API failure.
 
 ## 2.2.2

jobbnorge-block/trunk/README.md

@@ -91 +91 @@
 ### 2) Modify the block settings.
 
+-   In pagination mode (default), set the number of jobs to display per page (10 is default), else set the number of jobs to display.
+-   Sort jobs bye deadline, closest first.
+-   Does not show jobs that are past the deadline.
 -   Set the number of jobs to display.
 -   Set the no jobs message.

jobbnorge-block/trunk/build/block.json

@@ -3 +3 @@
   "apiVersion": 2,
   "name": "dss/jobbnorge",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "title": "Jobbnorge",
   "category": "widgets",

jobbnorge-block/trunk/build/init.asset.php

@@ -1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives', 'wp-server-side-render'), 'version' => 'd713101f8e701317709b');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives', 'wp-server-side-render'), 'version' => '7ed0b4ca7d9ee76915e1');

jobbnorge-block/trunk/build/init.js

@@ -1 @@
-!function(){"use strict";var e,o={938:function(e,o,t){var n=window.React,l=window.wp.primitives,r=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",fillRule:"evenodd"})),a=window.wp.blocks,i=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"dss/jobbnorge","version":"2.2.2","title":"Jobbnorge","category":"widgets","icon":"people","description":"Retrieve and display job listings from Jobbnorge.no","keywords":["jobbnorge","jobbnorge.no"],"supports":{"html":false},"attributes":{"columns":{"type":"number","default":3},"blockLayout":{"type":"string","default":"list"},"employerID":{"type":"string","default":"","role":"content"},"noJobsMessage":{"type":"string","default":""},"orderBy":{"type":"string","default":"Deadline"},"itemsToShow":{"type":"number","default":5},"displayEmployer":{"type":"boolean","default":false},"displayExcerpt":{"type":"boolean","default":true},"displayDeadline":{"type":"boolean","default":false},"displayScope":{"type":"boolean","default":false},"displayDate":{"type":"boolean","default":true},"excerptLength":{"type":"number","default":55},"enablePagination":{"type":"boolean","default":true},"jobsPerPage":{"type":"number","default":10}},"textdomain":"wp-jobbnorge-block","editorScript":"file:init.js","editorStyle":"file:editor.css","style":"file:style-init.css"}'),c=window.wp.blockEditor,b=window.wp.components,s=window.wp.element,p=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"})),d=(0,n.createElement)(l.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,n.createElement)(l.Path,{d:"M4 4v1.5h16V4H4zm8 8.5h8V11h-8v1.5zM4 20h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z"})),m=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"m3 5c0-1.10457.89543-2 2-2h13.5c1.1046 0 2 .89543 2 2v13.5c0 1.1046-.8954 2-2 2h-13.5c-1.10457 0-2-.8954-2-2zm2-.5h6v6.5h-6.5v-6c0-.27614.22386-.5.5-.5zm-.5 8v6c0 .2761.22386.5.5.5h6v-6.5zm8 0v6.5h6c.2761 0 .5-.2239.5-.5v-6zm0-8v6.5h6.5v-6c0-.27614-.2239-.5-.5-.5z",fillRule:"evenodd",clipRule:"evenodd"})),u=window.wp.i18n,g=window.wp.serverSideRender,w=t.n(g);const{name:h}=i;(e=>{const{metadata:o,settings:t,name:n}=e;(0,a.registerBlockType)({name:n,...o},t)})({name:h,metadata:i,settings:{icon:r,example:{attributes:{employerID:"123[, 456, 789]"}},edit:function({attributes:e,setAttributes:o}){const[t,l]=(0,s.useState)(!e.employerID),{blockLayout:a,columns:i,displayScope:g,displayDate:h,displayEmployer:y,displayExcerpt:v,employerID:f,itemsToShow:_,noJobsMessage:k,orderBy:j,enablePagination:E,jobsPerPage:C}=e;function x(t){return()=>{const n=e[t];o({[t]:!n})}}const S=(0,c.useBlockProps)();var B;if(t)return(0,n.createElement)("div",{...S},(0,n.createElement)(b.Placeholder,{icon:r,label:"Jobbnorge"},(0,n.createElement)("form",{onSubmit:function(e){e.preventDefault(),f&&(o({employerID:f}),l(!1))},className:"wp-block-dss-jobbnorge__placeholder-form"},window.wpJobbnorgeBlock&&window.wpJobbnorgeBlock.employers?(0,n.createElement)(b.SelectControl,{multiple:!0,value:f.split(","),onChange:e=>o({employerID:e.toString()}),options:(null!==(B=wpJobbnorgeBlock.employers)&&void 0!==B?B:[]).map((e=>{var o;return{label:e.label,value:e.value,disabled:null!==(o=e?.disabled)&&void 0!==o&&o}})),className:"wp-block-dss-jobbnorge__placeholder-input",help:(0,u.__)("Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers.","wp-jobbnorge-block"),__nextHasNoMarginBottom:!0}):(0,n.createElement)(b.TextControl,{placeholder:(0,u.__)("Employer ID [,id2, id3, ..]","wp-jobbnorge-block"),value:f,onChange:e=>o({employerID:e}),className:"wp-block-dss-jobbnorge__placeholder-input"}),(0,n.createElement)(b.Button,{variant:"primary",type:"submit"},(0,u.__)("Save","wp-jobbnorge-block")))));const D=[{icon:p,title:(0,u.__)("Edit Jobbnorge URL","wp-jobbnorge-block"),onClick:()=>l(!0)},{icon:d,title:(0,u.__)("List view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"list"}),isActive:"list"===a},{icon:m,title:(0,u.__)("Grid view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"grid"}),isActive:"grid"===a}];return(0,n.createElement)(n.Fragment,null,(0,n.createElement)(c.BlockControls,null,(0,n.createElement)(b.ToolbarGroup,{controls:D})),(0,n.createElement)(c.InspectorControls,null,(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Settings","wp-jobbnorge-block")},(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Enable pagination","wp-jobbnorge-block"),help:(0,u.__)("When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.","wp-jobbnorge-block"),checked:E,onChange:e=>o({enablePagination:e})}),!E&&(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Number of items","wp-jobbnorge-block"),value:_,onChange:e=>o({itemsToShow:e}),min:1,max:100,required:!0}),E&&(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Jobs per page","wp-jobbnorge-block"),value:C,onChange:e=>o({jobsPerPage:e}),min:1,max:50,required:!0}),f.includes(",")&&(0,n.createElement)(b.RadioControl,{label:(0,u.__)("Order by","wp-jobbnorge-block"),selected:j,options:[{label:(0,u.__)("Deadline","wp-jobbnorge-block"),value:"Deadline"},{label:(0,u.__)("Employer","wp-jobbnorge-block"),value:"Employer"}],onChange:e=>o({orderBy:e})}),(0,n.createElement)(b.TextareaControl,{label:(0,u.__)("No jobs found message","wp-jobbnorge-block"),help:(0,u.__)("Message to display if no jobs are found","wp-jobbnorge-block"),value:k||(0,u.__)("There are no jobs at this time.","wp-jobbnorge-block"),onChange:e=>o({noJobsMessage:e})})),(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Item","wp-jobbnorge-block")},(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display employer","wp-jobbnorge-block"),checked:y,onChange:x("displayEmployer")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display excerpt","wp-jobbnorge-block"),checked:v,onChange:x("displayExcerpt")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display deadline","wp-jobbnorge-block"),checked:h,onChange:x("displayDate")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display scope","wp-jobbnorge-block"),checked:g,onChange:x("displayScope")})),"grid"===a&&(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Grid view","wp-jobbnorge-block")},(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Columns","wp-jobbnorge-block"),value:i,onChange:e=>o({columns:e}),min:2,max:6,required:!0}))),(0,n.createElement)("div",{...S},(0,n.createElement)(b.Disabled,null,(0,n.createElement)(w(),{block:"dss/jobbnorge",attributes:e,httpMethod:"POST"}))))}}})}},t={};function n(e){var l=t[e];if(void 0!==l)return l.exports;var r=t[e]={exports:{}};return o[e](r,r.exports,n),r.exports}n.m=o,e=[],n.O=function(o,t,l,r){if(!t){var a=1/0;for(s=0;s<e.length;s++){t=e[s][0],l=e[s][1],r=e[s][2];for(var i=!0,c=0;c<t.length;c++)(!1&r||a>=r)&&Object.keys(n.O).every((function(e){return n.O[e](t[c])}))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){e.splice(s--,1);var b=l();void 0!==b&&(o=b)}}return o}r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];e[s]=[t,l,r]},n.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(o,{a:o}),o},n.d=function(e,o){for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},function(){var e={410:0,308:0};n.O.j=function(o){return 0===e[o]};var o=function(o,t){var l,r,a=t[0],i=t[1],c=t[2],b=0;if(a.some((function(o){return 0!==e[o]}))){for(l in i)n.o(i,l)&&(n.m[l]=i[l]);if(c)var s=c(n)}for(o&&o(t);b<a.length;b++)r=a[b],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.O(s)},t=self.webpackChunkjobbnorge_block=self.webpackChunkjobbnorge_block||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))}();var l=n.O(void 0,[308],(function(){return n(938)}));l=n.O(l)}();
+!function(){"use strict";var e,o={938:function(e,o,t){var n=window.React,l=window.wp.primitives,r=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",fillRule:"evenodd"})),a=window.wp.blocks,i=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"dss/jobbnorge","version":"2.2.3","title":"Jobbnorge","category":"widgets","icon":"people","description":"Retrieve and display job listings from Jobbnorge.no","keywords":["jobbnorge","jobbnorge.no"],"supports":{"html":false},"attributes":{"columns":{"type":"number","default":3},"blockLayout":{"type":"string","default":"list"},"employerID":{"type":"string","default":"","role":"content"},"noJobsMessage":{"type":"string","default":""},"orderBy":{"type":"string","default":"Deadline"},"itemsToShow":{"type":"number","default":5},"displayEmployer":{"type":"boolean","default":false},"displayExcerpt":{"type":"boolean","default":true},"displayDeadline":{"type":"boolean","default":false},"displayScope":{"type":"boolean","default":false},"displayDate":{"type":"boolean","default":true},"excerptLength":{"type":"number","default":55},"enablePagination":{"type":"boolean","default":true},"jobsPerPage":{"type":"number","default":10}},"textdomain":"wp-jobbnorge-block","editorScript":"file:init.js","editorStyle":"file:editor.css","style":"file:style-init.css"}'),c=window.wp.blockEditor,b=window.wp.components,s=window.wp.element,p=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"})),d=(0,n.createElement)(l.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,n.createElement)(l.Path,{d:"M4 4v1.5h16V4H4zm8 8.5h8V11h-8v1.5zM4 20h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z"})),m=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"m3 5c0-1.10457.89543-2 2-2h13.5c1.1046 0 2 .89543 2 2v13.5c0 1.1046-.8954 2-2 2h-13.5c-1.10457 0-2-.8954-2-2zm2-.5h6v6.5h-6.5v-6c0-.27614.22386-.5.5-.5zm-.5 8v6c0 .2761.22386.5.5.5h6v-6.5zm8 0v6.5h6c.2761 0 .5-.2239.5-.5v-6zm0-8v6.5h6.5v-6c0-.27614-.2239-.5-.5-.5z",fillRule:"evenodd",clipRule:"evenodd"})),u=window.wp.i18n,g=window.wp.serverSideRender,w=t.n(g);const{name:h}=i;(e=>{const{metadata:o,settings:t,name:n}=e;(0,a.registerBlockType)({name:n,...o},t)})({name:h,metadata:i,settings:{icon:r,example:{attributes:{employerID:"123[, 456, 789]"}},edit:function({attributes:e,setAttributes:o}){const[t,l]=(0,s.useState)(!e.employerID),{blockLayout:a,columns:i,displayScope:g,displayDate:h,displayEmployer:y,displayExcerpt:v,employerID:f,itemsToShow:_,noJobsMessage:k,orderBy:j,enablePagination:E,jobsPerPage:C}=e;function x(t){return()=>{const n=e[t];o({[t]:!n})}}const S=(0,c.useBlockProps)();var B;if(t)return(0,n.createElement)("div",{...S},(0,n.createElement)(b.Placeholder,{icon:r,label:"Jobbnorge"},(0,n.createElement)("form",{onSubmit:function(e){e.preventDefault(),f&&(o({employerID:f}),l(!1))},className:"wp-block-dss-jobbnorge__placeholder-form"},window.wpJobbnorgeBlock&&window.wpJobbnorgeBlock.employers?(0,n.createElement)(b.SelectControl,{multiple:!0,value:f.split(","),onChange:e=>o({employerID:e.toString()}),options:(null!==(B=window.wpJobbnorgeBlock?.employers)&&void 0!==B?B:[]).map((e=>{var o;return{label:e.label,value:e.value,disabled:null!==(o=e?.disabled)&&void 0!==o&&o}})),className:"wp-block-dss-jobbnorge__placeholder-input",help:(0,u.__)("Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers.","wp-jobbnorge-block"),__nextHasNoMarginBottom:!0}):(0,n.createElement)(b.TextControl,{placeholder:(0,u.__)("Employer ID [,id2, id3, ..]","wp-jobbnorge-block"),value:f,onChange:e=>o({employerID:e}),className:"wp-block-dss-jobbnorge__placeholder-input"}),(0,n.createElement)(b.Button,{variant:"primary",type:"submit"},(0,u.__)("Save","wp-jobbnorge-block")))));const D=[{icon:p,title:(0,u.__)("Edit Jobbnorge URL","wp-jobbnorge-block"),onClick:()=>l(!0)},{icon:d,title:(0,u.__)("List view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"list"}),isActive:"list"===a},{icon:m,title:(0,u.__)("Grid view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"grid"}),isActive:"grid"===a}];return(0,n.createElement)(n.Fragment,null,(0,n.createElement)(c.BlockControls,null,(0,n.createElement)(b.ToolbarGroup,{controls:D})),(0,n.createElement)(c.InspectorControls,null,(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Settings","wp-jobbnorge-block")},(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Enable pagination","wp-jobbnorge-block"),help:(0,u.__)("When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.","wp-jobbnorge-block"),checked:E,onChange:e=>o({enablePagination:e})}),!E&&(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Number of items","wp-jobbnorge-block"),value:_,onChange:e=>o({itemsToShow:e}),min:1,max:100,required:!0}),E&&(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Jobs per page","wp-jobbnorge-block"),value:C,onChange:e=>o({jobsPerPage:e}),min:1,max:50,required:!0}),f.includes(",")&&(0,n.createElement)(b.RadioControl,{label:(0,u.__)("Order by","wp-jobbnorge-block"),selected:j,options:[{label:(0,u.__)("Deadline","wp-jobbnorge-block"),value:"Deadline"},{label:(0,u.__)("Employer","wp-jobbnorge-block"),value:"Employer"}],onChange:e=>o({orderBy:e})}),(0,n.createElement)(b.TextareaControl,{label:(0,u.__)("No jobs found message","wp-jobbnorge-block"),help:(0,u.__)("Message to display if no jobs are found","wp-jobbnorge-block"),value:k||(0,u.__)("There are no jobs at this time.","wp-jobbnorge-block"),onChange:e=>o({noJobsMessage:e})})),(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Item","wp-jobbnorge-block")},(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display employer","wp-jobbnorge-block"),checked:y,onChange:x("displayEmployer")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display excerpt","wp-jobbnorge-block"),checked:v,onChange:x("displayExcerpt")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display deadline","wp-jobbnorge-block"),checked:h,onChange:x("displayDate")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display scope","wp-jobbnorge-block"),checked:g,onChange:x("displayScope")})),"grid"===a&&(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Grid view","wp-jobbnorge-block")},(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Columns","wp-jobbnorge-block"),value:i,onChange:e=>o({columns:e}),min:2,max:6,required:!0}))),(0,n.createElement)("div",{...S},(0,n.createElement)(b.Disabled,null,(0,n.createElement)(w(),{block:"dss/jobbnorge",attributes:e,httpMethod:"POST"}))))}}})}},t={};function n(e){var l=t[e];if(void 0!==l)return l.exports;var r=t[e]={exports:{}};return o[e](r,r.exports,n),r.exports}n.m=o,e=[],n.O=function(o,t,l,r){if(!t){var a=1/0;for(s=0;s<e.length;s++){t=e[s][0],l=e[s][1],r=e[s][2];for(var i=!0,c=0;c<t.length;c++)(!1&r||a>=r)&&Object.keys(n.O).every((function(e){return n.O[e](t[c])}))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){e.splice(s--,1);var b=l();void 0!==b&&(o=b)}}return o}r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];e[s]=[t,l,r]},n.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(o,{a:o}),o},n.d=function(e,o){for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},function(){var e={410:0,308:0};n.O.j=function(o){return 0===e[o]};var o=function(o,t){var l,r,a=t[0],i=t[1],c=t[2],b=0;if(a.some((function(o){return 0!==e[o]}))){for(l in i)n.o(i,l)&&(n.m[l]=i[l]);if(c)var s=c(n)}for(o&&o(t);b<a.length;b++)r=a[b],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.O(s)},t=self.webpackChunkjobbnorge_block=self.webpackChunkjobbnorge_block||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))}();var l=n.O(void 0,[308],(function(){return n(938)}));l=n.O(l)}();

jobbnorge-block/trunk/build/pagination.asset.php

@@ -1 @@
-<?php return array('dependencies' => array(), 'version' => '09b126faf8a7661ac618');
+<?php return array('dependencies' => array(), 'version' => 'c74730f64eb48d06bafd');

jobbnorge-block/trunk/build/pagination.js

@@ -1 @@
-!function(){"use strict";function e(){document.querySelectorAll(".wp-block-dss-jobbnorge__pagination").forEach((function(e){const o=e.closest(".wp-block-dss-jobbnorge");if(!o)return;const n=o.getAttribute("data-attributes");if(!n)return;let r;try{r=JSON.parse(n)}catch(e){return void console.error("Failed to parse block attributes:",e)}const a=e.querySelector(".wp-block-dss-jobbnorge__pagination-prev"),i=e.querySelector(".wp-block-dss-jobbnorge__pagination-next");a&&!a.disabled&&a.addEventListener("click",(function(e){e.preventDefault(),t(parseInt(this.getAttribute("data-page")),r,o)})),i&&!i.disabled&&i.addEventListener("click",(function(e){e.preventDefault(),t(parseInt(this.getAttribute("data-page")),r,o)}))}))}function t(t,n,r){r.classList.add("wp-block-dss-jobbnorge__loading"),r.querySelectorAll(".wp-block-dss-jobbnorge__pagination button").forEach((function(e){e.disabled=!0}));const a=new FormData;a.append("action","jobbnorge_get_jobs"),a.append("page",t),a.append("attributes",JSON.stringify(n)),a.append("nonce",jobbnorgeAjax.nonce),fetch(jobbnorgeAjax.ajaxUrl,{method:"POST",body:a}).then((function(e){return e.json()})).then((function(n){if(n.success){r.innerHTML=n.data.html,e();const o=r.getBoundingClientRect(),a=2*parseFloat(getComputedStyle(document.documentElement).fontSize),i=window.pageYOffset+o.top-a;window.scrollTo({top:i,behavior:"smooth"}),function(e){if(history.pushState){const t=new URL(window.location);e>1?t.searchParams.set("jobbnorge_page",e):t.searchParams.delete("jobbnorge_page"),history.pushState({page:e},"",t)}}(t)}else console.error("AJAX request failed:",n.data),o(r,"Failed to load page. Please try again.")})).catch((function(e){console.error("AJAX request error:",e),o(r,"An error occurred while loading the page.")})).finally((function(){r.classList.remove("wp-block-dss-jobbnorge__loading")}))}function o(e,t){const o=document.createElement("div");o.className="wp-block-dss-jobbnorge__error notice notice-error",o.innerHTML="<p>"+t+"</p>",e.insertBefore(o,e.firstChild),setTimeout((function(){o.parentNode&&o.parentNode.removeChild(o)}),5e3)}document.addEventListener("DOMContentLoaded",(function(){e()})),window.addEventListener("popstate",(function(e){e.state&&e.state.page&&window.location.reload()}))}();
+!function(){"use strict";function e(){document.querySelectorAll(".wp-block-dss-jobbnorge__pagination").forEach((function(e){const o=e.closest(".wp-block-dss-jobbnorge");if(!o)return;const n=o.getAttribute("data-attributes");if(!n)return;let r;try{r=JSON.parse(n)}catch(e){return void console.error("Failed to parse block attributes:",e)}const a=e.querySelector(".wp-block-dss-jobbnorge__pagination-prev"),i=e.querySelector(".wp-block-dss-jobbnorge__pagination-next");a&&!a.disabled&&a.addEventListener("click",(function(e){e.preventDefault(),t(parseInt(this.getAttribute("data-page")),r,o)})),i&&!i.disabled&&i.addEventListener("click",(function(e){e.preventDefault(),t(parseInt(this.getAttribute("data-page")),r,o)}))}))}function t(t,n,r){r.classList.add("wp-block-dss-jobbnorge__loading"),r.querySelectorAll(".wp-block-dss-jobbnorge__pagination button").forEach((function(e){e.disabled=!0}));const a=new FormData;a.append("action","jobbnorge_get_jobs"),a.append("page",t),a.append("attributes",JSON.stringify(n)),a.append("nonce",window.jobbnorgeAjax?.nonce||""),fetch(window.jobbnorgeAjax?.ajaxUrl||window.ajaxurl||"",{method:"POST",body:a}).then((function(e){return e.json()})).then((function(n){if(n.success){r.innerHTML=n.data.html,e();const o=r.getBoundingClientRect(),a=2*parseFloat(window.getComputedStyle(document.documentElement).fontSize),i=window.pageYOffset+o.top-a;window.scrollTo({top:i,behavior:"smooth"}),function(e){if(window.history.pushState){const t=new URL(window.location);e>1?t.searchParams.set("jobbnorge_page",e):t.searchParams.delete("jobbnorge_page"),window.history.pushState({page:e},"",t)}}(t)}else console.error("AJAX request failed:",n.data),o(r,"Failed to load page. Please try again.")})).catch((function(e){console.error("AJAX request error:",e),o(r,"An error occurred while loading the page.")})).finally((function(){r.classList.remove("wp-block-dss-jobbnorge__loading")}))}function o(e,t){const o=document.createElement("div");o.className="wp-block-dss-jobbnorge__error notice notice-error",o.innerHTML="<p>"+t+"</p>",e.insertBefore(o,e.firstChild),setTimeout((function(){o.parentNode&&o.parentNode.removeChild(o)}),5e3)}document.addEventListener("DOMContentLoaded",(function(){e()})),window.addEventListener("popstate",(function(e){e.state&&e.state.page&&window.location.reload()}))}();

jobbnorge-block/trunk/build/style-init.css

@@ -1 @@
-ul.wp-block-dss-jobbnorge{list-style:none;padding:0}ul.wp-block-dss-jobbnorge.wp-block-dss-jobbnorge{box-sizing:border-box}ul.wp-block-dss-jobbnorge.alignleft{margin-right:2em}ul.wp-block-dss-jobbnorge.alignright{margin-left:2em}ul.wp-block-dss-jobbnorge li{margin:0 0 1em}ul.wp-block-dss-jobbnorge.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-dss-jobbnorge.is-grid li{margin:0 1em 1em 0;width:100%}@media(min-width:600px){ul.wp-block-dss-jobbnorge.columns-2 li{width:calc(50% - 1em)}ul.wp-block-dss-jobbnorge.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-dss-jobbnorge.columns-4 li{width:calc(25% - 1em)}ul.wp-block-dss-jobbnorge.columns-5 li{width:calc(20% - 1em)}ul.wp-block-dss-jobbnorge.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-dss-jobbnorge__item-title{font-size:1.125em;font-weight:600;margin:0 0 .25em}.wp-block-dss-jobbnorge__item-meta{margin:0 0 .25em;padding:0}.wp-block-dss-jobbnorge__item-deadline,.wp-block-dss-jobbnorge__item-employer,.wp-block-dss-jobbnorge__item-scope{display:block;font-size:.8125em;font-weight:600}.wp-block-dss-jobbnorge__pagination{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1rem 0}@media(min-width:600px){.wp-block-dss-jobbnorge__pagination{align-items:center;flex-direction:row;justify-content:space-between}}.wp-block-dss-jobbnorge__pagination-info{color:#666;font-size:.875rem;margin:0}.wp-block-dss-jobbnorge__pagination-controls{align-items:center;display:flex;gap:.5rem}.wp-block-dss-jobbnorge__pagination-controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.wp-block-dss-jobbnorge__pagination-controls button:hover:not(:disabled){background:#f5f5f5;border-color:#999}.wp-block-dss-jobbnorge__pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.wp-block-dss-jobbnorge__pagination-controls .wp-block-dss-jobbnorge__pagination-info{color:#333;font-size:.875rem;margin:0 .5rem}.wp-block-dss-jobbnorge__loading{opacity:.6;pointer-events:none}.wp-block-dss-jobbnorge__loading:after{animation:spin 1s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#333;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.wp-block-dss-jobbnorge__error{background:#ffebe8;border:1px solid #d63638;border-radius:4px;color:#d63638;margin:1rem 0;padding:.75rem}.wp-block-dss-jobbnorge__error p{margin:0}@keyframes spin{to{transform:rotate(1turn)}}
+ul.wp-block-dss-jobbnorge{list-style:none;padding:0}ul.wp-block-dss-jobbnorge.wp-block-dss-jobbnorge{box-sizing:border-box}ul.wp-block-dss-jobbnorge.alignleft{margin-right:2em}ul.wp-block-dss-jobbnorge.alignright{margin-left:2em}ul.wp-block-dss-jobbnorge li{margin:0 0 1em}ul.wp-block-dss-jobbnorge.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-dss-jobbnorge.is-grid li{margin:0 1em 1em 0;width:100%}@media(min-width:600px){ul.wp-block-dss-jobbnorge.columns-2 li{width:calc(50% - 1em)}ul.wp-block-dss-jobbnorge.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-dss-jobbnorge.columns-4 li{width:calc(25% - 1em)}ul.wp-block-dss-jobbnorge.columns-5 li{width:calc(20% - 1em)}ul.wp-block-dss-jobbnorge.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-dss-jobbnorge__item-title{font-size:1.125em;font-weight:600;margin:0 0 .25em}.wp-block-dss-jobbnorge__item-meta{margin:0 0 .25em;padding:0}.wp-block-dss-jobbnorge__item-deadline,.wp-block-dss-jobbnorge__item-employer,.wp-block-dss-jobbnorge__item-scope{display:block;font-size:.8125em;font-weight:600}.wp-block-dss-jobbnorge__pagination{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1rem 0}@media(min-width:600px){.wp-block-dss-jobbnorge__pagination{align-items:center;flex-direction:row;justify-content:space-between}}.wp-block-dss-jobbnorge__pagination-info{color:#666;font-size:.875rem;margin:0}.wp-block-dss-jobbnorge__pagination-controls{align-items:center;display:flex;gap:.5rem}.wp-block-dss-jobbnorge__pagination-controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.wp-block-dss-jobbnorge__pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.wp-block-dss-jobbnorge__pagination-controls button:hover:not(:disabled){background:#f5f5f5;border-color:#999}.wp-block-dss-jobbnorge__pagination-controls .wp-block-dss-jobbnorge__pagination-info{color:#333;font-size:.875rem;margin:0 .5rem}.wp-block-dss-jobbnorge__loading{opacity:.6;pointer-events:none}.wp-block-dss-jobbnorge__loading:after{animation:spin 1s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#333;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.wp-block-dss-jobbnorge__error{background:#ffebe8;border:1px solid #d63638;border-radius:4px;color:#d63638;margin:1rem 0;padding:.75rem}.wp-block-dss-jobbnorge__error p{margin:0}@keyframes spin{to{transform:rotate(1turn)}}

jobbnorge-block/trunk/package-lock.json

@@ -1 +1 @@
 {
     "name": "jobbnorge-block",
-    "version": "2.2.2",
+    "version": "2.2.3",
     "lockfileVersion": 3,
     "requires": true,
@@ -7 +7 @@
         "": {
             "name": "jobbnorge-block",
-            "version": "2.2.2",
+            "version": "2.2.3",
             "license": "GPL-2.0-or-later",
             "dependencies": {

jobbnorge-block/trunk/package.json

@@ -1 +1 @@
 {
     "name": "jobbnorge-block",
-    "version": "2.2.2",
+    "version": "2.2.3",
     "description": "Jobbnorge Block for WordPress Gutenberg",
     "author": "Per Søderlind <[email protected]>",

jobbnorge-block/trunk/readme.txt

@@ -5 +5 @@
 Requires at least: 6.5
 Requires PHP:      8.2
-Stable tag:        2.2.2
+Stable tag:        2.2.3
 License:           GPL-2.0-or-later
 License URI:       https://www.gnu.org/licenses/gpl-2.0.html
@@ -105 +105 @@
 == Changelog ==
 
+= 2.2.3 =
+* Version bump: synchronize plugin header, constant, readme Stable tag and package.json.
+* Enhancement: Add resilient API failure handling (HTTP status differentiation, stale cache fallback, logging hook `jobbnorge_api_request_failed`).
+* Enhancement: Display stale cache notice when serving cached results after API failure.
+
 = 2.2.2 =
 * Update block.json to include default value and role for employerID

jobbnorge-block/trunk/src/block.json

@@ -3 +3 @@
     "apiVersion": 2,
     "name": "dss/jobbnorge",
-    "version": "2.2.2",
+    "version": "2.2.3",
     "title": "Jobbnorge",
     "category": "widgets",

jobbnorge-block/trunk/src/edit.js

@@ -2 +2 @@
  * WordPress dependencies
  */
-import { BlockControls, InspectorControls, useBlockProps } from '@wordpress/block-editor';
+import {
+    BlockControls,
+    InspectorControls,
+    useBlockProps,
+} from '@wordpress/block-editor';
 import {
     Button,
@@ -26 +30 @@
 const DEFAULT_MAX_ITEMS = 100;
 
+/* eslint-disable jsdoc/check-line-alignment */
 /**
- * Description placeholder
- * @date 17/11/2023 - 16:21:26
+ * Jobbnorge block editor component.
  *
- * @export
- * @param {{ attributes: any; setAttributes: any; }} param0
- * @param {*} param0.attributes
- * @param {*} param0.setAttributes
- * @returns {*}
+ * @param {Object}      props              Component props.
+ * @param {Object}      props.attributes   Block attributes.
+ * @param {Function}    props.setAttributes Setter for block attributes.
+ * @return {JSX.Element} Editor element.
  */
-export default function JobbnorgeEdit({ attributes, setAttributes }) {
+/* eslint-enable jsdoc/check-line-alignment */
+export default function JobbnorgeEdit( { attributes, setAttributes } ) {
     // Initialize the isEditing state variable. If the employerID attribute is not set, isEditing will be true.
-    const [isEditing, setIsEditing] = useState(!attributes.employerID);
+    const [ isEditing, setIsEditing ] = useState( ! attributes.employerID );
 
     // Destructure the attributes object to get the individual attributes.
@@ -58 +62 @@
     // Define a function to toggle an attribute.
     // This function returns another function that, when called, will toggle the value of the attribute specified by propName.
-    function toggleAttribute(propName) {
+    function toggleAttribute( propName ) {
         return () => {
-            const value = attributes[propName];
-
-            setAttributes({ [propName]: !value });
+            const value = attributes[ propName ];
+
+            setAttributes( { [ propName ]: ! value } );
         };
     }
@@ -68 +72 @@
     // Define a function to handle the form submission.
     // This function will set the employerID attribute and set isEditing to false.
-    function onSubmitURL(event) {
+    function onSubmitURL( event ) {
         event.preventDefault();
 
-        if (employerID) {
-            setAttributes({ employerID: employerID });
-            setIsEditing(false);
+        if ( employerID ) {
+            setAttributes( { employerID } );
+            setIsEditing( false );
         }
     }
@@ -79 +83 @@
     const blockProps = useBlockProps();
 
-    if (isEditing) {
+    if ( isEditing ) {
         return (
-            <div {...blockProps}>
-                <Placeholder icon={people} label="Jobbnorge">
-                    <form onSubmit={onSubmitURL} className="wp-block-dss-jobbnorge__placeholder-form">
-                        {window.wpJobbnorgeBlock && window.wpJobbnorgeBlock.employers ? (
+            <div { ...blockProps }>
+                <Placeholder icon={ people } label="Jobbnorge">
+                    <form
+                        onSubmit={ onSubmitURL }
+                        className="wp-block-dss-jobbnorge__placeholder-form"
+                    >
+                        { window.wpJobbnorgeBlock &&
+                        window.wpJobbnorgeBlock.employers ? (
                             <SelectControl
                                 multiple
-                                value={employerID.split(',')}
-                                onChange={(value) => setAttributes({ employerID: value.toString() })}
-                                options={(wpJobbnorgeBlock.employers ?? []).map((o) => ({
+                                value={ employerID.split( ',' ) }
+                                onChange={ ( value ) =>
+                                    setAttributes( {
+                                        employerID: value.toString(),
+                                    } )
+                                }
+                                options={ (
+                                    window.wpJobbnorgeBlock?.employers ?? []
+                                ).map( ( o ) => ( {
                                     label: o.label,
                                     value: o.value,
                                     disabled: o?.disabled ?? false,
-                                }))}
+                                } ) ) }
                                 className="wp-block-dss-jobbnorge__placeholder-input"
-                                help={__(
+                                help={ __(
                                     'Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers.',
                                     'wp-jobbnorge-block'
-                                )}
+                                ) }
                                 __nextHasNoMarginBottom
                             />
                         ) : (
                             <TextControl
-                                placeholder={__('Employer ID [,id2, id3, ..]', 'wp-jobbnorge-block')}
-                                value={employerID}
-                                onChange={(value) => setAttributes({ employerID: value })}
+                                placeholder={ __(
+                                    'Employer ID [,id2, id3, ..]',
+                                    'wp-jobbnorge-block'
+                                ) }
+                                value={ employerID }
+                                onChange={ ( value ) =>
+                                    setAttributes( { employerID: value } )
+                                }
                                 className="wp-block-dss-jobbnorge__placeholder-input"
                             />
-                        )}
+                        ) }
                         <Button variant="primary" type="submit">
-                            {__('Save', 'wp-jobbnorge-block')}
+                            { __( 'Save', 'wp-jobbnorge-block' ) }
                         </Button>
                     </form>
@@ -121 +140 @@
         {
             icon: edit,
-            title: __('Edit Jobbnorge URL', 'wp-jobbnorge-block'),
-            onClick: () => setIsEditing(true),
+            title: __( 'Edit Jobbnorge URL', 'wp-jobbnorge-block' ),
+            onClick: () => setIsEditing( true ),
         },
         {
             icon: list,
-            title: __('List view', 'wp-jobbnorge-block'),
-            onClick: () => setAttributes({ blockLayout: 'list' }),
+            title: __( 'List view', 'wp-jobbnorge-block' ),
+            onClick: () => setAttributes( { blockLayout: 'list' } ),
             isActive: blockLayout === 'list',
         },
         {
             icon: grid,
-            title: __('Grid view', 'wp-jobbnorge-block'),
-            onClick: () => setAttributes({ blockLayout: 'grid' }),
+            title: __( 'Grid view', 'wp-jobbnorge-block' ),
+            onClick: () => setAttributes( { blockLayout: 'grid' } ),
             isActive: blockLayout === 'grid',
         },
@@ -141 +160 @@
         <>
             <BlockControls>
-                <ToolbarGroup controls={toolbarControls} />
+                <ToolbarGroup controls={ toolbarControls } />
             </BlockControls>
             <InspectorControls>
-                <PanelBody title={__('Settings', 'wp-jobbnorge-block')}>
-                    <ToggleControl
-                        label={__('Enable pagination', 'wp-jobbnorge-block')}
-                        help={__('When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.', 'wp-jobbnorge-block')}
-                        checked={enablePagination}
-                        onChange={(value) => setAttributes({ enablePagination: value })}
-                    />
-                    {!enablePagination && (
+                <PanelBody title={ __( 'Settings', 'wp-jobbnorge-block' ) }>
+                    <ToggleControl
+                        label={ __(
+                            'Enable pagination',
+                            'wp-jobbnorge-block'
+                        ) }
+                        help={ __(
+                            'When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.',
+                            'wp-jobbnorge-block'
+                        ) }
+                        checked={ enablePagination }
+                        onChange={ ( value ) =>
+                            setAttributes( { enablePagination: value } )
+                        }
+                    />
+                    { ! enablePagination && (
                         <RangeControl
                             __nextHasNoMarginBottom
-                            label={__('Number of items', 'wp-jobbnorge-block')}
-                            value={itemsToShow}
-                            onChange={(value) => setAttributes({ itemsToShow: value })}
-                            min={DEFAULT_MIN_ITEMS}
-                            max={DEFAULT_MAX_ITEMS}
+                            label={ __(
+                                'Number of items',
+                                'wp-jobbnorge-block'
+                            ) }
+                            value={ itemsToShow }
+                            onChange={ ( value ) =>
+                                setAttributes( { itemsToShow: value } )
+                            }
+                            min={ DEFAULT_MIN_ITEMS }
+                            max={ DEFAULT_MAX_ITEMS }
                             required
                         />
-                    )}
-                    {enablePagination && (
+                    ) }
+                    { enablePagination && (
                         <RangeControl
                             __nextHasNoMarginBottom
-                            label={__('Jobs per page', 'wp-jobbnorge-block')}
-                            value={jobsPerPage}
-                            onChange={(value) => setAttributes({ jobsPerPage: value })}
-                            min={1}
-                            max={50}
+                            label={ __(
+                                'Jobs per page',
+                                'wp-jobbnorge-block'
+                            ) }
+                            value={ jobsPerPage }
+                            onChange={ ( value ) =>
+                                setAttributes( { jobsPerPage: value } )
+                            }
+                            min={ 1 }
+                            max={ 50 }
                             required
                         />
-                    )}
-                    {employerID.includes(',') && (
+                    ) }
+                    { employerID.includes( ',' ) && (
                         <RadioControl
-                            label={__('Order by', 'wp-jobbnorge-block')}
-                            selected={orderBy}
-                            options={[
-                                { label: __('Deadline', 'wp-jobbnorge-block'), value: 'Deadline' },
-                                { label: __('Employer', 'wp-jobbnorge-block'), value: 'Employer' },
-                            ]}
-                            onChange={(value) => setAttributes({ orderBy: value })}
+                            label={ __( 'Order by', 'wp-jobbnorge-block' ) }
+                            selected={ orderBy }
+                            options={ [
+                                {
+                                    label: __(
+                                        'Deadline',
+                                        'wp-jobbnorge-block'
+                                    ),
+                                    value: 'Deadline',
+                                },
+                                {
+                                    label: __(
+                                        'Employer',
+                                        'wp-jobbnorge-block'
+                                    ),
+                                    value: 'Employer',
+                                },
+                            ] }
+                            onChange={ ( value ) =>
+                                setAttributes( { orderBy: value } )
+                            }
                         />
-                    )}
+                    ) }
                     <TextareaControl
-                        label={__('No jobs found message', 'wp-jobbnorge-block')}
-                        help={__('Message to display if no jobs are found', 'wp-jobbnorge-block')}
-                        value={noJobsMessage || __('There are no jobs at this time.', 'wp-jobbnorge-block')}
-                        onChange={(value) => setAttributes({ noJobsMessage: value })}
+                        label={ __(
+                            'No jobs found message',
+                            'wp-jobbnorge-block'
+                        ) }
+                        help={ __(
+                            'Message to display if no jobs are found',
+                            'wp-jobbnorge-block'
+                        ) }
+                        value={
+                            noJobsMessage ||
+                            __(
+                                'There are no jobs at this time.',
+                                'wp-jobbnorge-block'
+                            )
+                        }
+                        onChange={ ( value ) =>
+                            setAttributes( { noJobsMessage: value } )
+                        }
                     />
                 </PanelBody>
-                <PanelBody title={__('Item', 'wp-jobbnorge-block')}>
-                    <ToggleControl
-                        label={__('Display employer', 'wp-jobbnorge-block')}
-                        checked={displayEmployer}
-                        onChange={toggleAttribute('displayEmployer')}
-                    />
-                    <ToggleControl
-                        label={__('Display excerpt', 'wp-jobbnorge-block')}
-                        checked={displayExcerpt}
-                        onChange={toggleAttribute('displayExcerpt')}
-                    />
-                    <ToggleControl
-                        label={__('Display deadline', 'wp-jobbnorge-block')}
-                        checked={displayDate}
-                        onChange={toggleAttribute('displayDate')}
-                    />
-                    <ToggleControl
-                        label={__('Display scope', 'wp-jobbnorge-block')}
-                        checked={displayScope}
-                        onChange={toggleAttribute('displayScope')}
+                <PanelBody title={ __( 'Item', 'wp-jobbnorge-block' ) }>
+                    <ToggleControl
+                        label={ __( 'Display employer', 'wp-jobbnorge-block' ) }
+                        checked={ displayEmployer }
+                        onChange={ toggleAttribute( 'displayEmployer' ) }
+                    />
+                    <ToggleControl
+                        label={ __( 'Display excerpt', 'wp-jobbnorge-block' ) }
+                        checked={ displayExcerpt }
+                        onChange={ toggleAttribute( 'displayExcerpt' ) }
+                    />
+                    <ToggleControl
+                        label={ __( 'Display deadline', 'wp-jobbnorge-block' ) }
+                        checked={ displayDate }
+                        onChange={ toggleAttribute( 'displayDate' ) }
+                    />
+                    <ToggleControl
+                        label={ __( 'Display scope', 'wp-jobbnorge-block' ) }
+                        checked={ displayScope }
+                        onChange={ toggleAttribute( 'displayScope' ) }
                     />
                 </PanelBody>
-                {blockLayout === 'grid' && (
-                    <PanelBody title={__('Grid view', 'wp-jobbnorge-block')}>
+                { blockLayout === 'grid' && (
+                    <PanelBody
+                        title={ __( 'Grid view', 'wp-jobbnorge-block' ) }
+                    >
                         <RangeControl
                             __nextHasNoMarginBottom
-                            label={__('Columns', 'wp-jobbnorge-block')}
-                            value={columns}
-                            onChange={(value) => setAttributes({ columns: value })}
-                            min={2}
-                            max={6}
+                            label={ __( 'Columns', 'wp-jobbnorge-block' ) }
+                            value={ columns }
+                            onChange={ ( value ) =>
+                                setAttributes( { columns: value } )
+                            }
+                            min={ 2 }
+                            max={ 6 }
                             required
                         />
                     </PanelBody>
-                )}
+                ) }
             </InspectorControls>
-            <div {...blockProps}>
+            <div { ...blockProps }>
                 <Disabled>
-                    <ServerSideRender block="dss/jobbnorge" attributes={attributes} httpMethod="POST" />
+                    <ServerSideRender
+                        block="dss/jobbnorge"
+                        attributes={ attributes }
+                        httpMethod="POST"
+                    />
                 </Disabled>
             </div>

jobbnorge-block/trunk/src/editor.scss

@@ -5 +5 @@
 
 @mixin break-medium() {
+
     @media (min-width: #{ ($break-medium) }) {
         @content;
@@ -11 +12 @@
 
 @mixin break-small() {
+
     @media (min-width: #{ ($break-small) }) {
         @content;
@@ -16 +18 @@
 }
 
-.wp-block-dss-jobbnorge li a>div {
+.wp-block-dss-jobbnorge li a > div {
     display: inline;
 }
@@ -29 +31 @@
 
     @include break-medium() {
+
         >* {
             margin-bottom: 0;
@@ -75 +78 @@
 
     @include break-small {
+
         @for $i from 2 through 6 {
             &.columns-#{ $i } li {

jobbnorge-block/trunk/src/index.js

@@ -2 +2 @@
  * WordPress dependencies
  */
-import { people as icon } from "@wordpress/icons";
-import { registerBlockType } from "@wordpress/blocks";
+import { people as icon } from '@wordpress/icons';
+import { registerBlockType } from '@wordpress/blocks';
 /**
  * Internal dependencies
  */
-import "./style.scss";
-import metadata from "./block.json";
-import edit from "./edit";
+import './style.scss';
+import metadata from './block.json';
+import edit from './edit';
 
 const { name } = metadata;
@@ -19 +19 @@
     example: {
         attributes: {
-            employerID: "123[, 456, 789]",
+            employerID: '123[, 456, 789]',
         },
     },
@@ -25 +25 @@
 };
 
-const initBlock = (block) => {
-    // if (!block) {
-    //  return;
-    // }
-    const { metadata, settings, name } = block;
-    return registerBlockType({ name, ...metadata }, settings);
+const initBlock = ( block ) => {
+    // Accept an object with keys name, metadata, settings without shadowing outer scope.
+    const { metadata: md, settings: st, name: blockName } = block;
+    return registerBlockType( { name: blockName, ...md }, st );
 };
 
-export const init = () => initBlock({ name, metadata, settings });
+export const init = () => initBlock( { name, metadata, settings } );

jobbnorge-block/trunk/src/pagination.js

@@ -1 +1 @@
 /**
  * Jobbnorge Block Pagination JavaScript
- * 
+ *
  * Handles AJAX pagination for job listings.
  */
 
-(function() {
-    'use strict';
-    
-    // Initialize pagination when DOM is ready
-    document.addEventListener('DOMContentLoaded', function() {
-        initializePagination();
-    });
-    
-    /**
-     * Initialize pagination functionality
-     */
-    function initializePagination() {
-        const paginationContainers = document.querySelectorAll('.wp-block-dss-jobbnorge__pagination');
-        
-        paginationContainers.forEach(function(container) {
-            const blockContainer = container.closest('.wp-block-dss-jobbnorge');
-            
-            if (!blockContainer) return;
-            
-            // Get block attributes from data attribute
-            const attributesData = blockContainer.getAttribute('data-attributes');
-            if (!attributesData) return;
-            
-            let attributes;
-            try {
-                attributes = JSON.parse(attributesData);
-            } catch (e) {
-                console.error('Failed to parse block attributes:', e);
-                return;
-            }
-            
-            // Add event listeners to pagination buttons
-            const prevButton = container.querySelector('.wp-block-dss-jobbnorge__pagination-prev');
-            const nextButton = container.querySelector('.wp-block-dss-jobbnorge__pagination-next');
-            
-            if (prevButton && !prevButton.disabled) {
-                prevButton.addEventListener('click', function(e) {
-                    e.preventDefault();
-                    const page = parseInt(this.getAttribute('data-page'));
-                    loadPage(page, attributes, blockContainer);
-                });
-            }
-            
-            if (nextButton && !nextButton.disabled) {
-                nextButton.addEventListener('click', function(e) {
-                    e.preventDefault();
-                    const page = parseInt(this.getAttribute('data-page'));
-                    loadPage(page, attributes, blockContainer);
-                });
-            }
-        });
-    }
-    
-    /**
-     * Load a specific page via AJAX
-     * 
-     * @param {number} page - Page number to load
-     * @param {Object} attributes - Block attributes
-     * @param {Element} container - Block container element
-     */
-    function loadPage(page, attributes, container) {
-        // Show loading state
-        container.classList.add('wp-block-dss-jobbnorge__loading');
-        
-        // Disable pagination buttons during loading
-        const buttons = container.querySelectorAll('.wp-block-dss-jobbnorge__pagination button');
-        buttons.forEach(function(button) {
-            button.disabled = true;
-        });
-        
-        // Prepare AJAX data
-        const formData = new FormData();
-        formData.append('action', 'jobbnorge_get_jobs');
-        formData.append('page', page);
-        formData.append('attributes', JSON.stringify(attributes));
-        formData.append('nonce', jobbnorgeAjax.nonce);
-        
-        // Make AJAX request
-        fetch(jobbnorgeAjax.ajaxUrl, {
-            method: 'POST',
-            body: formData
-        })
-        .then(function(response) {
-            return response.json();
-        })
-        .then(function(data) {
-            if (data.success) {
-                // Update the container with new content
-                container.innerHTML = data.data.html;
-                
-                // Reinitialize pagination for the new content
-                initializePagination();
-                
-                // Scroll to 2em above the top of the block
-                const containerRect = container.getBoundingClientRect();
-                const twoEm = parseFloat(getComputedStyle(document.documentElement).fontSize) * 2;
-                const targetPosition = window.pageYOffset + containerRect.top - twoEm;
-                
-                window.scrollTo({
-                    top: targetPosition,
-                    behavior: 'smooth'
-                });
-                
-                // Update URL with page parameter (optional)
-                updateURL(page);
-                
-            } else {
-                console.error('AJAX request failed:', data.data);
-                showError(container, 'Failed to load page. Please try again.');
-            }
-        })
-        .catch(function(error) {
-            console.error('AJAX request error:', error);
-            showError(container, 'An error occurred while loading the page.');
-        })
-        .finally(function() {
-            // Remove loading state
-            container.classList.remove('wp-block-dss-jobbnorge__loading');
-        });
-    }
-    
-    /**
-     * Update URL with page parameter
-     * 
-     * @param {number} page - Current page number
-     */
-    function updateURL(page) {
-        if (history.pushState) {
-            const url = new URL(window.location);
-            if (page > 1) {
-                url.searchParams.set('jobbnorge_page', page);
-            } else {
-                url.searchParams.delete('jobbnorge_page');
-            }
-            history.pushState({ page: page }, '', url);
-        }
-    }
-    
-    /**
-     * Show error message
-     * 
-     * @param {Element} container - Block container
-     * @param {string} message - Error message
-     */
-    function showError(container, message) {
-        const errorDiv = document.createElement('div');
-        errorDiv.className = 'wp-block-dss-jobbnorge__error notice notice-error';
-        errorDiv.innerHTML = '<p>' + message + '</p>';
-        
-        // Insert error message at the top of the container
-        container.insertBefore(errorDiv, container.firstChild);
-        
-        // Remove error message after 5 seconds
-        setTimeout(function() {
-            if (errorDiv.parentNode) {
-                errorDiv.parentNode.removeChild(errorDiv);
-            }
-        }, 5000);
-    }
-    
-    // Handle browser back/forward buttons
-    window.addEventListener('popstate', function(event) {
-        if (event.state && event.state.page) {
-            // Reload the page with the correct page number
-            window.location.reload();
-        }
-    });
-    
-})();
+/* eslint-env browser */
+( function () {
+    'use strict';
+
+    // Initialize pagination when DOM is ready
+    document.addEventListener( 'DOMContentLoaded', function () {
+        initializePagination();
+    } );
+
+    /**
+     * Initialize pagination functionality
+     */
+    function initializePagination() {
+        const paginationContainers = document.querySelectorAll(
+            '.wp-block-dss-jobbnorge__pagination'
+        );
+
+        paginationContainers.forEach( function ( container ) {
+            const blockContainer = container.closest(
+                '.wp-block-dss-jobbnorge'
+            );
+
+            if ( ! blockContainer ) return;
+
+            // Get block attributes from data attribute
+            const attributesData =
+                blockContainer.getAttribute( 'data-attributes' );
+            if ( ! attributesData ) return;
+
+            let attributes;
+            try {
+                attributes = JSON.parse( attributesData );
+            } catch ( e ) {
+                // eslint-disable-next-line no-console
+                console.error( 'Failed to parse block attributes:', e );
+                return;
+            }
+
+            // Add event listeners to pagination buttons
+            const prevButton = container.querySelector(
+                '.wp-block-dss-jobbnorge__pagination-prev'
+            );
+            const nextButton = container.querySelector(
+                '.wp-block-dss-jobbnorge__pagination-next'
+            );
+
+            if ( prevButton && ! prevButton.disabled ) {
+                prevButton.addEventListener( 'click', function ( e ) {
+                    e.preventDefault();
+                    const page = parseInt( this.getAttribute( 'data-page' ) );
+                    loadPage( page, attributes, blockContainer );
+                } );
+            }
+
+            if ( nextButton && ! nextButton.disabled ) {
+                nextButton.addEventListener( 'click', function ( e ) {
+                    e.preventDefault();
+                    const page = parseInt( this.getAttribute( 'data-page' ) );
+                    loadPage( page, attributes, blockContainer );
+                } );
+            }
+        } );
+    }
+
+    /**
+     * Load a specific page via AJAX
+     *
+     * @param {number}  page       - Page number to load
+     * @param {Object}  attributes - Block attributes
+     * @param {Element} container  - Block container element
+     */
+    function loadPage( page, attributes, container ) {
+        // Show loading state
+        container.classList.add( 'wp-block-dss-jobbnorge__loading' );
+
+        // Disable pagination buttons during loading
+        const buttons = container.querySelectorAll(
+            '.wp-block-dss-jobbnorge__pagination button'
+        );
+        buttons.forEach( function ( button ) {
+            button.disabled = true;
+        } );
+
+        // Prepare AJAX data
+        const formData = new FormData();
+        formData.append( 'action', 'jobbnorge_get_jobs' );
+        formData.append( 'page', page );
+        formData.append( 'attributes', JSON.stringify( attributes ) );
+        formData.append( 'nonce', window.jobbnorgeAjax?.nonce || '' );
+
+        // Make AJAX request
+        fetch( window.jobbnorgeAjax?.ajaxUrl || window.ajaxurl || '', {
+            method: 'POST',
+            body: formData,
+        } )
+            .then( function ( response ) {
+                return response.json();
+            } )
+            .then( function ( data ) {
+                if ( data.success ) {
+                    // Update the container with new content
+                    container.innerHTML = data.data.html;
+
+                    // Reinitialize pagination for the new content
+                    initializePagination();
+
+                    // Scroll to 2em above the top of the block
+                    const containerRect = container.getBoundingClientRect();
+                    const twoEm =
+                        parseFloat(
+                            window.getComputedStyle( document.documentElement )
+                                .fontSize
+                            ) * 2;
+                    const targetPosition =
+                        window.pageYOffset + containerRect.top - twoEm;
+
+                    window.scrollTo( {
+                        top: targetPosition,
+                        behavior: 'smooth',
+                    } );
+
+                    // Update URL with page parameter (optional)
+                    updateURL( page );
+                } else {
+                    // eslint-disable-next-line no-console
+                    console.error( 'AJAX request failed:', data.data );
+                    showError(
+                        container,
+                        'Failed to load page. Please try again.'
+                    );
+                }
+            } )
+            .catch( function ( error ) {
+                // eslint-disable-next-line no-console
+                console.error( 'AJAX request error:', error );
+                showError( container, 'An error occurred while loading the page.' );
+            } )
+            .finally( function () {
+                // Remove loading state
+                container.classList.remove( 'wp-block-dss-jobbnorge__loading' );
+            } );
+    }
+
+    /**
+     * Update URL with page parameter
+     *
+     * @param {number} page - Current page number
+     */
+    function updateURL( page ) {
+        if ( window.history.pushState ) {
+            const url = new URL( window.location );
+            if ( page > 1 ) {
+                url.searchParams.set( 'jobbnorge_page', page );
+            } else {
+                url.searchParams.delete( 'jobbnorge_page' );
+            }
+            window.history.pushState( { page }, '', url );
+        }
+    }
+
+    /**
+     * Show error message
+     *
+     * @param {Element} container - Block container
+     * @param {string}  message   - Error message
+     */
+    function showError( container, message ) {
+        const errorDiv = document.createElement( 'div' );
+        errorDiv.className =
+            'wp-block-dss-jobbnorge__error notice notice-error';
+        errorDiv.innerHTML = '<p>' + message + '</p>';
+
+        // Insert error message at the top of the container
+        container.insertBefore( errorDiv, container.firstChild );
+
+        // Remove error message after 5 seconds
+        setTimeout( function () {
+            if ( errorDiv.parentNode ) {
+                errorDiv.parentNode.removeChild( errorDiv );
+            }
+        }, 5000 );
+    }
+
+    // Handle browser back/forward buttons
+    window.addEventListener( 'popstate', function ( event ) {
+        if ( event.state && event.state.page ) {
+            // Reload the page with the correct page number
+            window.location.reload();
+        }
+    } );
+} )();

jobbnorge-block/trunk/src/style.scss

@@ -2 +2 @@
 
 @mixin break-small() {
+
     @media (min-width: #{ ($break-small) }) {
         @content;
@@ -13 +14 @@
     padding: 0;
 
-    // This needs extra specificity due to the reset mixin on the parent: https://github.com/WordPress/gutenberg/blob/a250e9e5fe00dd5195624f96a3d924e7078951c3/packages/edit-post/src/style.scss#L54
+    // This needs extra specificity due to the reset mixin on the parent:
+    // See: https://github.com/WordPress/gutenberg/blob/a250e9e5fe00dd5195624f96a3d924e7078951c3/packages/edit-post/src/style.scss#L54
     &.wp-block-dss-jobbnorge {
         box-sizing: border-box;
@@ -19 +21 @@
 
     &.alignleft {
+
         /*rtl:ignore*/
         margin-right: 2em;
@@ -24 +27 @@
 
     &.alignright {
+
         /*rtl:ignore*/
         margin-left: 2em;
@@ -45 +49 @@
 
     @include break-small {
+
         @for $i from 2 through 6 {
             &.columns-#{ $i } li {
@@ -75 +80 @@
 // Pagination styles
 .wp-block-dss-jobbnorge {
+
     &__pagination {
         display: flex;
@@ -104 +110 @@
             padding: 0.5rem 1rem;
             border: 1px solid #ddd;
-            background: white;
+            background: #fff; // replaced named color per stylelint
             cursor: pointer;
             border-radius: 4px;
@@ -110 +116 @@
             transition: all 0.2s ease;
 
+            &:disabled {
+                opacity: 0.5;
+                cursor: not-allowed;
+            }
+
             &:hover:not(:disabled) {
                 background: #f5f5f5;
                 border-color: #999;
-            }
-
-            &:disabled {
-                opacity: 0.5;
-                cursor: not-allowed;
             }
         }
@@ -134 +140 @@
 
         &::after {
-            content: '';
+            content: "";
             position: absolute;
             top: 50%;
@@ -164 +170 @@
 
 @keyframes spin {
+
     to {
         transform: rotate(360deg);

jobbnorge-block/trunk/webpack.config.js

@@ -1 @@
-const defaultConfig = require('@wordpress/scripts/config/webpack.config');
-const path = require('path');
+const defaultConfig = require( '@wordpress/scripts/config/webpack.config' );
+const path = require( 'path' );
 
 module.exports = {
     ...defaultConfig,
     entry: {
-        init: path.resolve(__dirname, 'src/init.js'),
-        editor: path.resolve(__dirname, 'src/editor.scss'),
-        style: path.resolve(__dirname, 'src/style.scss'),
-        pagination: path.resolve(__dirname, 'src/pagination.js'),
+        init: path.resolve( __dirname, 'src/init.js' ),
+        editor: path.resolve( __dirname, 'src/editor.scss' ),
+        style: path.resolve( __dirname, 'src/style.scss' ),
+        pagination: path.resolve( __dirname, 'src/pagination.js' ),
     },
 };

jobbnorge-block/trunk/wp-jobb-norge.php

@@ -4 +4 @@
  * Plugin URI:        https://wordpress.org/plugins/jobbnorge-block/
  * Description:       Retrieve and display job listings from Jobbnorge.no
- * Requires at least: 5.9
- * Requires PHP:      7.0
- * Version:           2.2.2
+ * Requires at least: 6.5
+ * Requires PHP:      8.2
+ * Version:           2.2.3
  * Author:            PerS
  * License:           GPL-2.0-or-later
  * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
  * Text Domain:       wp-jobbnorge-block
- *
  * @package           wp-jobbnorge-block
  */
 
 namespace DSS\Jobbnorge;
+
+if ( ! defined( 'ABSPATH' ) ) {
+    exit; // Safety.
+}
+
+if ( ! defined( 'WP_JOBBNORGE_VERSION' ) ) {
+    define( 'WP_JOBBNORGE_VERSION', '2.2.3' );
+}
 
 if ( ! \class_exists( 'Jobbnorge_CacheHandler' ) ) {
@@ -21 +28 @@
 }
 
-
-add_action( 'init', __NAMESPACE__ . '\dss_jobbnorge_init' );
-
-/**
- * Registers the block using the metadata loaded from the `block.json` file.
- * Behind the scenes, it registers also all assets so they can be enqueued
- * through the block editor in the corresponding context.
- *
- * @see https://developer.wordpress.org/reference/functions/register_block_type/
- */
-function dss_jobbnorge_init() {
-    // Add the 'dss_jobbnorge_enqueue_scripts' function to the 'admin_enqueue_scripts' action hook.
-    // This function will be called when scripts and styles are enqueued for the admin panel.
-    add_action( 'admin_enqueue_scripts', __NAMESPACE__ . '\dss_jobbnorge_enqueue_scripts' );
-
-    // Add the 'dss_jobbnorge_enqueue_frontend_styles' function to the 'wp_enqueue_scripts' action hook.
-    // This function will be called when scripts and styles are enqueued for the front end of the site.
-    add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\dss_jobbnorge_enqueue_frontend_styles' );
-
-    // Load the plugin's text domain for internationalization.
-    // The second argument is set to false to not override the global locale.
-    // The third argument is the path to the plugin's languages directory.
+add_action( 'init', __NAMESPACE__ . '\\dss_jobbnorge_init' );
+
+/**
+ * Init: register block + i18n + enqueue hooks.
+ */
+function dss_jobbnorge_init(): void {
     load_plugin_textdomain( 'wp-jobbnorge-block', false, dirname( plugin_basename( __FILE__ ) ) . '/languages' );
 
-    // Register the block type.
-    // The first argument is the path to the block's build directory.
-    // The second argument is an array of options for the block, including a render callback function.
-    register_block_type(
-        __DIR__ . '/build',
-        [ 
-            'render_callback' => __NAMESPACE__ . '\render_block_dss_jobbnorge',
-        ]
-    );
-}
-
-/**
- * Enqueue block editor only JavaScript and CSS
- *
- * @param string $hook_suffix The current admin page.
- * @return void
+    register_block_type( __DIR__ . '/build', [ 'render_callback' => __NAMESPACE__ . '\\render_block_dss_jobbnorge' ] );
+
+    add_action( 'admin_enqueue_scripts', __NAMESPACE__ . '\\dss_jobbnorge_enqueue_scripts' );
+    add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\\dss_jobbnorge_enqueue_frontend_styles' );
+    add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\\enqueue_pagination_script' );
+}
+
+/**
+ * Editor assets.
  */
 function dss_jobbnorge_enqueue_scripts( string $hook_suffix ): void {
-
-    // Check if the current page is a post editing page.
-    if ( 'post.php' !== $hook_suffix && 'post-new.php' !== $hook_suffix && 'edit.php' !== $hook_suffix ) {
-        // If not, exit early.
+    if ( ! in_array( $hook_suffix, [ 'post.php', 'post-new.php', 'edit.php' ], true ) ) {
         return;
     }
-
-    // Define the path to the dependencies file.
     $deps_file = plugin_dir_path( __FILE__ ) . 'build/init.asset.php';
-
-    // Initialize an array for JavaScript dependencies and a random version number.
-    $jsdeps  = [];
-    $version = wp_rand();
-
-    // Check if the dependencies file exists.
+    $jsdeps    = [];
+    $version   = WP_JOBBNORGE_VERSION;
     if ( file_exists( $deps_file ) ) {
-        // If it does, require it and merge its dependencies with the existing ones.
-        $file   = require $deps_file;
-        $jsdeps = array_merge( $jsdeps, $file[ 'dependencies' ] );
-        // Also, set the version to the one from the file.
+        $file    = require $deps_file; // phpcs:ignore
+        $jsdeps  = array_merge( $jsdeps, $file[ 'dependencies' ] );
         $version = $file[ 'version' ];
     }
-
-    // Check if the current view is the admin dashboard.
     if ( is_admin() ) {
-        // If it is, register and enqueue a CSS file for the admin view.
         wp_register_style( 'dss-jobbnorge-admin', plugin_dir_url( __FILE__ ) . 'build/init.css', [], $version );
         wp_enqueue_style( 'dss-jobbnorge-admin' );
     }
-
-    // Set translations for the script.
-    wp_set_script_translations(
-        'dss-jobbnorge-editor-script', // Handle = block.json "name" (replace / with -) + "-editor-script".
-        'wp-jobbnorge-block',
-        plugin_dir_path( __FILE__ ) . 'languages/'
-    );
-
-    // Apply filter to modify the employers list.
+    wp_set_script_translations( 'dss-jobbnorge-editor-script', 'wp-jobbnorge-block', plugin_dir_path( __FILE__ ) . 'languages/' );
     $employers = apply_filters( 'jobbnorge_employers', false );
-
-    // Proceed with localization if employers is not false.
     if ( false !== $employers ) {
-        // Ensure employers is an array.
         if ( ! is_array( $employers ) ) {
             $employers = [];
         }
-
-        // Localize the script to make employers data available.
-        wp_localize_script(
-            'dss-jobbnorge-editor-script',
-            'wpJobbnorgeBlock',
-            [ 
-                'employers' => $employers,
-            ]
-        );
-    }
-}
-
-/**
- * Enqueue frontend styles for the block
- *
- * @return void
+        wp_localize_script( 'dss-jobbnorge-editor-script', 'wpJobbnorgeBlock', [ 'employers' => $employers ] );
+    }
+}
+
+/**
+ * Frontend styles.
  */
 function dss_jobbnorge_enqueue_frontend_styles(): void {
-    // Define the path to the dependencies file.
     $deps_file = plugin_dir_path( __FILE__ ) . 'build/init.asset.php';
-
-    // Initialize version number.
-    $version = wp_rand();
-
-    // Check if the dependencies file exists.
+    $version   = WP_JOBBNORGE_VERSION;
     if ( file_exists( $deps_file ) ) {
-        // If it does, require it and get the version.
-        $file    = require $deps_file;
+        $file    = require $deps_file; // phpcs:ignore
         $version = $file[ 'version' ];
     }
-
-    // Register and enqueue a CSS file for the public view.
     wp_register_style( 'dss-jobbnorge', plugin_dir_url( __FILE__ ) . 'build/style-init.css', [], $version );
     wp_enqueue_style( 'dss-jobbnorge' );
@@ -146 +87 @@
 
 /**
- * Renders the `jobbnorge` block on server.
- *
- * @param array $attributes The block attributes.
- *
- * @return string Returns the block content with received rss items.
- */
-function render_block_dss_jobbnorge( $attributes ) {
-
-    // Set default values for attributes.
-    $attributes = wp_parse_args(
-        $attributes,
-        [ 
-            'employerID'       => '',
-            'displayEmployer'  => false,
-            'displayDate'      => true,
-            'displayDeadline'  => false,
-            'displayScope'     => false,
-            'displayExcerpt'   => true,
-            'excerptLength'    => 55,
-            'blockLayout'      => 'list',
-            'orderBy'          => 'Deadline',
-            'columns'          => 3,
-            'itemsToShow'      => 5,
-            'enablePagination' => true,
-            'jobsPerPage'      => 10,
-        ]
-    );
-
-    // Convert employer IDs to an array and trim whitespace.
-    $arr_ids = array_map( 'trim', explode( ',', $attributes[ 'employerID' ] ) );
-
-    // Check if all IDs are numeric. If not, return an error message.
-    if ( ! array_filter( $arr_ids, 'is_numeric' ) ) {
-        return '<div class="components-placeholder"><div class="notice notice-error">' . __( 'Invalid ID', 'wp-jobbnorge-block' ) . '</div></div>';
-    }
-
-    // Get current page for pagination
-    $current_page = isset( $_GET[ 'jobbnorge_page' ] ) ? max( 1, intval( $_GET[ 'jobbnorge_page' ] ) ) : 1;
-
-    // Determine items per page based on pagination setting
-    $items_per_page = $attributes[ 'enablePagination' ] ? $attributes[ 'jobsPerPage' ] : $attributes[ 'itemsToShow' ];
-
-    // Construct the API URL for v3
-    // NOTE: API v3 pagination doesn't work correctly with employer filtering
-    // So we fetch all jobs for the employers and paginate in PHP
-    $jobbnorge_api_url = 'https://publicapi.jobbnorge.no/v3/Jobs?abroad=false&orderBy=' . $attributes[ 'orderBy' ];
-
-    // Add each employer ID to the API URL.
+ * Render block frontend.
+ */
+function render_block_dss_jobbnorge( $attributes ): string {
+    $attributes = wp_parse_args( $attributes, [
+        'employerID'       => '',
+        'displayEmployer'  => false,
+        'displayDate'      => true, // currently unused but kept for backward compat.
+        'displayDeadline'  => false,
+        'displayScope'     => false,
+        'displayExcerpt'   => true,
+        'excerptLength'    => 55,
+        'blockLayout'      => 'list',
+        'orderBy'          => 'Deadline',
+        'columns'          => 3,
+        'itemsToShow'      => 5,
+        'enablePagination' => true,
+        'jobsPerPage'      => 10,
+    ] );
+
+    // Sanitize employer IDs.
+    $arr_ids_raw = array_filter( array_map( 'trim', explode( ',', (string) $attributes[ 'employerID' ] ) ) );
+    $arr_ids     = [];
+    foreach ( $arr_ids_raw as $maybe ) {
+        if ( ctype_digit( $maybe ) ) {
+            $arr_ids[] = (string) absint( $maybe );
+        }
+    }
+    if ( empty( $arr_ids ) && ! empty( $attributes[ 'employerID' ] ) ) {
+        return '<div class="components-placeholder"><div class="notice notice-error">' . esc_html__( 'Invalid ID', 'wp-jobbnorge-block' ) . '</div></div>';
+    }
+
+    $current_page   = isset( $_GET[ 'jobbnorge_page' ] ) ? max( 1, absint( $_GET[ 'jobbnorge_page' ] ) ) : 1; // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- read only.
+    $items_per_page = $attributes[ 'enablePagination' ] ? (int) $attributes[ 'jobsPerPage' ] : (int) $attributes[ 'itemsToShow' ];
+
+    // Build API URL.
+    $jobbnorge_api_url = 'https://publicapi.jobbnorge.no/v3/Jobs?abroad=false&orderBy=' . rawurlencode( $attributes[ 'orderBy' ] );
     foreach ( $arr_ids as $id ) {
-        $jobbnorge_api_url .= '&employer=' . $id;
-    }
-
-    $cache_path = apply_filters( 'jobbnorge_cache_path', WP_CONTENT_DIR . '/cache/jobbnorge' );
-    $cache      = new \Jobbnorge_CacheHandler( $cache_path );
-
-    // Cache key based on employer IDs and settings, not pagination
+        $jobbnorge_api_url .= '&employer=' . absint( $id );
+    }
+
+    $cache_path    = apply_filters( 'jobbnorge_cache_path', WP_CONTENT_DIR . '/cache/jobbnorge' );
+    $cache         = new \Jobbnorge_CacheHandler( $cache_path );
     $cache_key     = md5( $jobbnorge_api_url );
-    $expiration    = apply_filters( 'jobbnorge_cache_time', 30 * MINUTE_IN_SECONDS );
+    $expiration    = (int) apply_filters( 'jobbnorge_cache_time', 30 * MINUTE_IN_SECONDS );
     $response_data = $cache->get( $cache_key, $expiration );
-
     if ( false === $response_data ) {
-        $response = wp_remote_get( $jobbnorge_api_url );
-
-        if ( is_wp_error( $response ) ) {
-            return '<div class="components-placeholder"><div class="notice notice-error">' . __( 'Error connecting to Jobbnorge.no', 'wp-jobbnorge-block' ) . '</div></div>';
+        // Perform remote request when no *fresh* cache. We'll attempt a stale cache fallback below if available.
+        $response = wp_remote_get( $jobbnorge_api_url, [
+            'timeout' => 10,
+            'headers' => [
+                'Accept'     => 'application/json',
+                'User-Agent' => 'JobbnorgeBlock/' . WP_JOBBNORGE_VERSION . ' ' . home_url( '/' ),
+            ],
+        ] );
+
+        $http_status = ! is_wp_error( $response ) ? wp_remote_retrieve_response_code( $response ) : 0;
+        $body        = ! is_wp_error( $response ) ? wp_remote_retrieve_body( $response ) : '';
+        $tmp         = $body ? json_decode( $body, true ) : null;
+        $json_ok     = is_array( $tmp ) && json_last_error() === JSON_ERROR_NONE;
+
+        if ( ! is_wp_error( $response ) && $http_status >= 200 && $http_status < 300 && $json_ok ) {
+            // Happy path: cache and proceed.
+            $response_data = $tmp;
+            $cache->set( $cache_key, $response_data );
+        } else {
+            // Attempt stale cache fallback: read cache file ignoring expiration.
+            $stale_data = null;
+            $cache_file = apply_filters( 'jobbnorge_cache_path', WP_CONTENT_DIR . '/cache/jobbnorge' ) . '/' . $cache_key . '.php';
+            if ( file_exists( $cache_file ) ) {
+                // Suppress errors; include returns data array.
+                $maybe_stale = @include $cache_file; // phpcs:ignore
+                if ( is_array( $maybe_stale ) ) {
+                    $stale_data = $maybe_stale;
+                }
+            }
+
+            $error_type = 'unknown';
+            if ( is_wp_error( $response ) ) {
+                $error_type = 'network';
+            } elseif ( $http_status >= 500 ) {
+                $error_type = 'server';
+            } elseif ( $http_status === 404 ) {
+                $error_type = 'not_found';
+            } elseif ( $http_status >= 400 ) {
+                $error_type = 'client';
+            } elseif ( ! $json_ok ) {
+                $error_type = 'invalid_json';
+            }
+
+            /**
+             * Fires when the Jobbnorge API request fails.
+             *
+             * @param string $error_type One of network|server|client|not_found|invalid_json|unknown.
+             * @param int    $http_status HTTP status code (0 if network error).
+             * @param string $api_url     Requested API URL.
+             */
+            do_action( 'jobbnorge_api_request_failed', $error_type, $http_status, $jobbnorge_api_url );
+
+            if ( $stale_data ) {
+                // Provide gentle notice while still rendering stale data.
+                $response_data = $stale_data;
+                // Prepend a warning message that content may be outdated.
+                $stale_notice = '<div class="notice notice-warning jobbnorge-stale" role="alert">' . esc_html__( 'Showing cached results due to a temporary connection issue.', 'wp-jobbnorge-block' ) . '</div>';
+            } else {
+                // User-facing message depending on error type.
+                $human_msg = __( 'Error connecting to Jobbnorge.no', 'wp-jobbnorge-block' );
+                if ( 'not_found' === $error_type ) {
+                    $human_msg = __( 'Job listings not found (404).', 'wp-jobbnorge-block' );
+                } elseif ( 'server' === $error_type ) {
+                    $human_msg = __( 'Jobbnorge service temporarily unavailable.', 'wp-jobbnorge-block' );
+                } elseif ( 'client' === $error_type ) {
+                    $human_msg = __( 'Request error retrieving jobs.', 'wp-jobbnorge-block' );
+                } elseif ( 'invalid_json' === $error_type ) {
+                    $human_msg = __( 'Received invalid data from Jobbnorge.', 'wp-jobbnorge-block' );
+                }
+                return '<div class="components-placeholder"><div class="notice notice-error">' . esc_html( $human_msg ) . '</div></div>';
+            }
         }
-
-        $body          = wp_remote_retrieve_body( $response );
-        $response_data = json_decode( $body, true );
-        $cache->set( $cache_key, $response_data );
-    }
-
-    // Debug: Log the API response structure
-    if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
-        error_log( 'Jobbnorge API URL: ' . $jobbnorge_api_url );
-        error_log( 'Jobbnorge API Response: ' . print_r( $response_data, true ) );
-    }
-    // Handle v3 API response structure
-    $all_items  = isset( $response_data[ 'jobs' ] ) ? $response_data[ 'jobs' ] : $response_data;
+    }
+
+    $all_items = isset( $response_data[ 'jobs' ] ) && is_array( $response_data[ 'jobs' ] ) ? $response_data[ 'jobs' ] : ( is_array( $response_data ) ? $response_data : [] );
+    if ( ! is_array( $all_items ) ) {
+        $all_items = [];
+    }
     $total_jobs = count( $all_items );
-
-    // Debug: Log the items array
-    if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
-        error_log( 'Items count: ' . count( $all_items ) );
-        error_log( 'Total jobs: ' . $total_jobs );
-        if ( ! empty( $all_items ) ) {
-            error_log( 'First item: ' . print_r( $all_items[ 0 ], true ) );
-        }
-    }
-
-    // Implement pagination in PHP since API pagination doesn't work with employer filtering
-    if ( $attributes[ 'enablePagination' ] && $total_jobs > 0 ) {
-        // Calculate pagination
-        $start_index = ( $current_page - 1 ) * $attributes[ 'jobsPerPage' ];
-        $items       = array_slice( $all_items, $start_index, $attributes[ 'jobsPerPage' ] );
+    if ( 0 === $total_jobs ) {
+        return '<div class="components-placeholder"><div class="notice notice-error">' . esc_html__( 'No jobs found', 'wp-jobbnorge-block' ) . '</div></div>';
+    }
+
+    if ( $attributes[ 'enablePagination' ] ) {
+        $start_index = ( $current_page - 1 ) * $items_per_page;
+        $items       = array_slice( $all_items, $start_index, $items_per_page );
     } else {
-        // For non-paginated, limit to itemsToShow
-        $items      = array_slice( $all_items, 0, $attributes[ 'itemsToShow' ] );
-        $total_jobs = count( $items ); // Update total for non-paginated display
-    }
-
-    // If there are no items, return an error message.
-    if ( ! $items ) {
-        return '<div class="components-placeholder"><div class="notice notice-error">' . __( 'No jobs found', 'wp-jobbnorge-block' ) . '</div></div>';
-    }
-
-    // Initialize an empty string for the list items.
-    $list_items = '';
-
-    // Loop through each item.
-    foreach ( $items as $item ) {
-        // Sanitize and format the title.
-        $title = esc_html( trim( wp_strip_all_tags( $item[ 'title' ] ) ) );
-        $title = empty( $title ) ? __( '(no title)', 'wp-jobbnorge-block' ) : $title;
-
-        // Sanitize the link.
-        $link = esc_url( $item[ 'link' ] );
-        // If there's a link, wrap the title in an anchor tag.
-        $title = $link ? "<a href='{$link}'>{$title}</a>" : $title;
-
-        // Wrap the title in a div.
-        $title = "<div class='wp-block-dss-jobbnorge__item-title'>{$title}</div>";
-
-        // Initialize an empty string for the deadline.
-        $deadline = '';
-        // If the displayDate attribute is true and the item has a deadline, format the deadline.
-        if ( $attributes[ 'displayDate' ] && isset( $item[ 'deadline' ] ) ) {
-            $deadline = format_deadline( $item[ 'deadline' ] );
-        }
-
-        // Format the excerpt.
-        $excerpt = format_excerpt( $attributes, $item );
-
-        // Format the employer and scope attributes.
-        $employer = format_attribute( $attributes, $item, 'employer', 'displayEmployer', 'wp-block-dss-jobbnorge__item-employer', __( 'Employer', 'wp-jobbnorge-block' ) );
-        $scope    = format_attribute( $attributes, $item, 'jobScope', 'displayScope', 'wp-block-dss-jobbnorge__item-scope', __( 'Scope', 'wp-jobbnorge-block' ) );
-
-        // Initialize an empty string for the meta.
-        $meta = '';
-        // If there's an employer, deadline, or scope, wrap them in a div.
-        if ( $employer || $deadline || $scope ) {
-            $meta = '<div class="wp-block-dss-jobbnorge__item-meta">' . $employer . $deadline . $scope . '</div>';
-        }
-
-        // Add the item to the list items string.
-        $list_items .= "<li class='wp-block-dss-jobbnorge__item'>{$title}{$meta}{$excerpt}</li>";
-    }
-
-    // Get the block wrapper attributes (without grid classes)
-    $wrapper_classes = [];
-    add_classname( $wrapper_classes, $attributes, 'displayEmployer', 'has-employer' );
-    add_classname( $wrapper_classes, $attributes, 'displayDate', 'has-dates' );
-    add_classname( $wrapper_classes, $attributes, 'displayDeadline', 'has-deadline' );
-    add_classname( $wrapper_classes, $attributes, 'displayScope', 'has-scope' );
-    add_classname( $wrapper_classes, $attributes, 'displayExcerpt', 'has-excerpts' );
-
-    $wrapper_attributes = get_block_wrapper_attributes( [ 
+        $items      = array_slice( $all_items, 0, $items_per_page );
+        $total_jobs = count( $items );
+    }
+    if ( empty( $items ) ) {
+        return '<div class="components-placeholder"><div class="notice notice-error">' . esc_html__( 'No jobs found', 'wp-jobbnorge-block' ) . '</div></div>';
+    }
+
+    $wrapper_classes = [ 'wp-block-dss-jobbnorge__wrapper' ];
+    if ( $attributes[ 'enablePagination' ] ) {
+        $wrapper_classes[] = 'has-pagination';
+    }
+
+    $wrapper_attributes = get_block_wrapper_attributes( [
         'class'           => implode( ' ', $wrapper_classes ),
-        'data-attributes' => esc_attr( json_encode( $attributes ) ),
+        'data-attributes' => esc_attr( wp_json_encode( $attributes ) ),
+        'aria-live'       => 'polite',
     ] );
 
-    // Generate the ul classes (including grid classes)
     $ul_classes = [ 'wp-block-dss-jobbnorge' ];
     if ( 'grid' === $attributes[ 'blockLayout' ] ) {
         $ul_classes[] = 'is-grid';
-        $ul_classes[] = 'columns-' . $attributes[ 'columns' ];
-    }
-
-    // Generate pagination controls if enabled
+        $ul_classes[] = 'columns-' . (int) $attributes[ 'columns' ];
+    }
+
+    $list_items = '';
+    foreach ( $items as $item ) {
+        // Deadline filtering: hide past deadlines if ordering by deadline.
+        if ( isset( $item[ 'deadlineDate' ] ) && 'Deadline' === $attributes[ 'orderBy' ] ) {
+            $deadline_ts = false;
+            try {
+                $deadline_ts = parse_date( $item[ 'deadlineDate' ] );
+            } catch (\Throwable $t) {
+                $deadline_ts = false;
+            }
+            if ( $deadline_ts && $deadline_ts < time() ) {
+                continue; // Skip expired.
+            }
+        }
+        $title     = isset( $item[ 'title' ] ) ? $item[ 'title' ] : '';
+        $link      = isset( $item[ 'link' ] ) ? $item[ 'link' ] : '#';
+        $deadline  = $attributes[ 'displayDeadline' ] && ! empty( $item[ 'deadlineDate' ] ) ? format_deadline( $item[ 'deadlineDate' ] ) : '';
+        $excerpt   = format_excerpt( $attributes, $item );
+        $employer  = format_attribute( $attributes, $item, 'employer', 'displayEmployer', 'wp-block-dss-jobbnorge__item-employer', __( 'Employer', 'wp-jobbnorge-block' ) );
+        $scope     = format_attribute( $attributes, $item, 'jobScope', 'displayScope', 'wp-block-dss-jobbnorge__item-scope', __( 'Scope', 'wp-jobbnorge-block' ) );
+        $meta_html = '';
+        if ( $employer || $deadline || $scope ) {
+            $meta_html = sprintf( '<div class="wp-block-dss-jobbnorge__item-meta">%s%s%s</div>', $employer, $deadline, $scope );
+        }
+        $list_items .= sprintf(
+            '<li class="wp-block-dss-jobbnorge__item"><div class="wp-block-dss-jobbnorge__item-title"><a href="%s">%s</a></div>%s%s</li>',
+            esc_url( $link ),
+            esc_html( $title ),
+            $meta_html,
+            $excerpt
+        );
+    }
+
+    if ( '' === $list_items ) {
+        return '<div class="components-placeholder"><div class="notice notice-error">' . esc_html__( 'No jobs found', 'wp-jobbnorge-block' ) . '</div></div>';
+    }
+
     $pagination_html = '';
-    if ( $attributes[ 'enablePagination' ] && count( $all_items ) > $attributes[ 'jobsPerPage' ] ) {
-        $pagination_html = generate_pagination_controls( $current_page, count( $all_items ), $attributes[ 'jobsPerPage' ], $attributes );
-    }
-
-    // Return the final HTML string, wrapping the list items in an unordered list.
-    return sprintf( '<div %s><ul class="%s">%s</ul>%s</div>', $wrapper_attributes, esc_attr( implode( ' ', $ul_classes ) ), $list_items, $pagination_html );
+    if ( $attributes[ 'enablePagination' ] && $total_jobs > $items_per_page ) {
+        $pagination_html = generate_pagination_controls( $current_page, $total_jobs, $items_per_page, $attributes );
+    }
+
+    return sprintf( '<div %1$s><ul class="%2$s">%3$s</ul>%4$s</div>', $wrapper_attributes, esc_attr( implode( ' ', $ul_classes ) ), $list_items, $pagination_html );
 }
 
@@ -331 +296 @@
  * @return string The formatted excerpt.
  */
-function format_excerpt( $attributes, $item ) {
-    // Initialize an empty string for the result.
-    $result = '';
-
-    // If the displayExcerpt attribute is true and the item has a summary, format the excerpt.
-    if ( $attributes[ 'displayExcerpt' ] && isset( $item[ 'summary' ] ) ) {
-        // Decode the HTML entities in the summary.
-        $excerpt = html_entity_decode( $item[ 'summary' ], ENT_QUOTES, get_option( 'blog_charset' ) );
-        // Trim the excerpt to the excerptLength and escape it for safe use in HTML output.
-        $excerpt = esc_attr( wp_trim_words( $excerpt, $attributes[ 'excerptLength' ], '' ) );
-
-        // Format the read more link.
-        $read_more = sprintf( ' ... <a href="%s">%s</a>', esc_url( $item[ 'link' ] ), __( 'Read more', 'wp-jobbnorge-block' ) );
-
-        // Add the excerpt and read more link to the result string, wrapped in a div.
-        $result = sprintf( '<div class="wp-block-dss-jobbnorge__item-excerpt">%s%s</div>', esc_html( $excerpt ), $read_more );
-    }
-
-    // Return the result.
-    return $result;
+function format_excerpt( $attributes, $item ): string {
+    if ( empty( $attributes[ 'displayExcerpt' ] ) || empty( $item[ 'summary' ] ) ) {
+        return '';
+    }
+    $excerpt_raw = html_entity_decode( wp_strip_all_tags( (string) $item[ 'summary' ] ), ENT_QUOTES, get_option( 'blog_charset' ) );
+    $excerpt     = wp_trim_words( $excerpt_raw, (int) $attributes[ 'excerptLength' ], '' );
+    $read_more   = sprintf( ' <a href="%s">%s</a>', esc_url( $item[ 'link' ] ?? '#' ), esc_html__( 'Read more', 'wp-jobbnorge-block' ) );
+    return sprintf( '<div class="wp-block-dss-jobbnorge__item-excerpt">%s%s</div>', esc_html( $excerpt ), $read_more );
 }
 
@@ -390 +343 @@
  * @return string The formatted deadline date.
  */
-function format_deadline( $deadline_date ) {
-    // If there's no deadline date, return an empty string.
+function format_deadline( $deadline_date ): string {
     if ( ! $deadline_date ) {
         return '';
     }
-
     try {
-        // Try to parse the deadline date.
-        $date = parse_date( $deadline_date );
-        // Format the date according to the site's date format.
+        $date     = parse_date( $deadline_date );
         $str_date = date_i18n( get_option( 'date_format' ), $date );
-    } catch (\Exception $e) {
-        // If there's an exception, fallback to the original date.
+    } catch (\Throwable $t) {
         $str_date = $deadline_date;
         $date     = false;
     }
-
-    // If there's a formatted date, return a time element with the date.
     if ( $str_date ) {
         return sprintf(
-            '<time datetime="%1$s" class="wp-block-dss-jobbnorge__item-deadline">%2$s %3$s</time> ',
-                // If there's a parsed date, use it for the datetime attribute. Otherwise, leave it empty.
-            ( $date ) ? esc_attr( wp_date( 'c', $date ) ) : '',
-            // Translate the 'Deadline:' string.
-            __( 'Deadline:', 'wp-jobbnorge-block' ),
-            // Escape the formatted date for safe use in HTML output.
-            esc_attr( $str_date )
+            '<time datetime="%1$s" class="wp-block-dss-jobbnorge__item-deadline">%2$s %3$s</time>',
+            $date ? esc_attr( wp_date( 'c', $date ) ) : '',
+            esc_html__( 'Deadline:', 'wp-jobbnorge-block' ),
+            esc_html( $str_date )
         );
     }
-
-    // If there's no formatted date, return an empty string.
     return '';
 }
@@ -469 +410 @@
 function parse_date_fallback( $deadline_date ) {
     // Define an array of month names in Norwegian.
-    $str_months = [ 
+    $str_months = [
         'januar',
         'februar',
@@ -485 +426 @@
 
     // Define an array of month numbers.
-    $num_months = [ 
+    $num_months = [
         '01',
         '02',
@@ -617 +558 @@
  * Register AJAX endpoints for pagination.
  */
-add_action( 'wp_ajax_jobbnorge_get_jobs', __NAMESPACE__ . '\handle_ajax_get_jobs' );
-add_action( 'wp_ajax_nopriv_jobbnorge_get_jobs', __NAMESPACE__ . '\handle_ajax_get_jobs' );
+add_action( 'wp_ajax_jobbnorge_get_jobs', __NAMESPACE__ . '\\handle_ajax_get_jobs' );
+add_action( 'wp_ajax_nopriv_jobbnorge_get_jobs', __NAMESPACE__ . '\\handle_ajax_get_jobs' );
 
 /**
  * Handle AJAX request for paginated job listings.
  */
-function handle_ajax_get_jobs() {
-    // Verify nonce
-    if ( ! wp_verify_nonce( $_POST[ 'nonce' ], 'jobbnorge_pagination_nonce' ) ) {
-        wp_die( 'Security check failed' );
-    }
-
-    // Get and sanitize parameters
-    $page       = isset( $_POST[ 'page' ] ) ? max( 1, intval( $_POST[ 'page' ] ) ) : 1;
-    $attributes = isset( $_POST[ 'attributes' ] ) ? json_decode( stripslashes( $_POST[ 'attributes' ] ), true ) : [];
-
-    // Validate attributes
-    if ( empty( $attributes ) || ! is_array( $attributes ) ) {
-        wp_send_json_error( 'Invalid attributes' );
-    }
-
-    // Set current page in GET superglobal for compatibility
-    $_GET[ 'jobbnorge_page' ] = $page;
-
-    // Generate the job listings HTML
-    $html = render_block_dss_jobbnorge( $attributes );
-
-    // Return JSON response
+function handle_ajax_get_jobs(): void {
+    if ( empty( $_POST[ 'nonce' ] ) || ! wp_verify_nonce( sanitize_text_field( wp_unslash( $_POST[ 'nonce' ] ) ), 'jobbnorge_pagination_nonce' ) ) {
+        wp_send_json_error( [ 'message' => __( 'Security check failed', 'wp-jobbnorge-block' ) ], 403 );
+    }
+    $page       = isset( $_POST[ 'page' ] ) ? max( 1, absint( wp_unslash( $_POST[ 'page' ] ) ) ) : 1;
+    $raw_attr   = isset( $_POST[ 'attributes' ] ) ? wp_unslash( $_POST[ 'attributes' ] ) : '';
+    $attributes = json_decode( $raw_attr, true );
+    if ( json_last_error() !== JSON_ERROR_NONE || empty( $attributes ) || ! is_array( $attributes ) ) {
+        wp_send_json_error( [ 'message' => __( 'Invalid attributes', 'wp-jobbnorge-block' ) ], 400 );
+    }
+    $_GET[ 'jobbnorge_page' ] = $page; // phpcs:ignore WordPress.Security.NonceVerification.Recommended
+    $html                     = render_block_dss_jobbnorge( $attributes );
     wp_send_json_success( [ 'html' => $html ] );
 }
@@ -685 +616 @@
         'jobbnorge-pagination',
         'jobbnorgeAjax',
-        [ 
+        [
             'ajaxUrl' => admin_url( 'admin-ajax.php' ),
             'nonce'   => wp_create_nonce( 'jobbnorge_pagination_nonce' ),
@@ -693 +624 @@
 
 // Hook into wp_enqueue_scripts to add pagination script
-add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\enqueue_pagination_script' );
+// Enqueue pagination script already hooked in init via dss_jobbnorge_init.