"}})})}const n=b.getValue({item:e}).trim();return(0,c.jsx)("div",{className:"activitypub-feed-excerpt",children:n||" "})}},h={id:"date",label:(0,s.__)("Date","activitypub"),enableHiding:!1,enableSorting:!0,getValue:({item:e})=>e.date||"",render:({item:e})=>e.date?new Date(e.date).toLocaleDateString():""};(0,s.__)("Following","activitypub");var y=a(1230);const _={id:"metadata",label:(0,s.__)("Metadata","activitypub"),enableHiding:!0,enableSorting:!1,getValue:({item:e})=>`${e.actor_info?.name||""} · ${e.date?(0,y.g)(e.date):""}`,render:({item:e})=>{const{defaultAvatar:t}=(0,g.t)(),a=(0,f.decodeEntities)(e.actor_info?.name||(0,s.__)("Unknown author","activitypub")),i=e.actor_info?.icon||"",r=e.date?(0,y.g)(e.date):"";return(0,c.jsxs)("div",{className:"activitypub-feed-post-meta",children:[(0,c.jsx)("img",{src:i,alt:a,className:"activitypub-feed-avatar",onError:e=>{e.target.src=t}}),(0,c.jsx)("span",{className:"author",children:a}),r&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("span",{className:"separator",children:"·"}),(0,c.jsx)("span",{className:"date",children:r})]})]})}};a(8443),(0,s.__)("Last Updated","activitypub"),(0,s.__)("Name","activitypub");var w=a(1600);const x={id:"ap_object_type",type:"integer",label:(0,s.__)("Type","activitypub"),enableHiding:!1,enableSorting:!1,getValue:({item:e})=>e.ap_object_type?.[0],getElements:async()=>{const e=await(0,o.resolveSelect)(p.store).getEntityRecords("taxonomy","ap_object_type",{per_page:-1,orderby:"count",order:"desc",hide_empty:!0});return e?e.map(e=>({value:e.id,label:w.M[e.name]?.label||e.name})):[]},render:()=>null,filterBy:{operators:["is"]}},j=((0,s.__)("Status","activitypub"),{id:"ap_tag",type:"integer",label:(0,s.__)("Tag","activitypub"),enableHiding:!1,enableSorting:!1,getValue:({item:e})=>{var t;return null!==(t=e.ap_tag)&&void 0!==t?t:[]},getElements:async()=>{const e=await(0,o.resolveSelect)(p.store).getEntityRecords("taxonomy","ap_tag",{per_page:10,orderby:"count",order:"desc",hide_empty:!0});return e?e.map(e=>({value:e.id,label:`#${e.name}`})):[]},render:()=>null,filterBy:{operators:["isAny"]}}),S={id:"title.rendered",label:(0,s.__)("Title","activitypub"),enableHiding:!0,enableSorting:!1,enableGlobalSearch:!0,getValue:({item:e})=>(0,f.decodeEntities)(e.title?.rendered||""),render:({item:e})=>{if(!e.title?.rendered)return null;const t=e.title.rendered.replace(/\\(.)/g,"$1");return(0,c.jsx)("div",{className:"activitypub-feed-post-title",children:(0,f.decodeEntities)(t)})}};(0,s.__)("Profile","activitypub");var N=a(5017);const E={type:"list",perPage:20,page:1,sort:{field:"date",direction:"desc"},search:"",filters:[],fields:["metadata","title.rendered","content"],infiniteScrollEnabled:!0},A={list:{primaryField:"metadata",fields:["metadata","title.rendered","content"],mediaField:void 0}};function P({onSelectItem:e}){const t=(0,o.useSelect)(e=>e(N.E).getActiveActorId(),[]),[a,l]=(0,i.useState)(()=>{const e=(0,d.getQueryArgs)(window.location.href);return{page:e.paged?Number(e.paged):void 0,search:e.search||void 0}});(0,i.useEffect)(()=>{const e=()=>{const e=(0,d.getQueryArgs)(window.location.href);l({page:e.paged?Number(e.paged):void 0,search:e.search||void 0})};return window.addEventListener("popstate",e),window.addEventListener("hashchange",e),()=>{window.removeEventListener("popstate",e),window.removeEventListener("hashchange",e)}},[]);const{view:g,updateView:f}=(0,n.l)({kind:"postType",name:"ap_post",slug:"feed",defaultView:E,queryParams:a,onChangeQueryParams:e=>{const t=window.location.href,a=(0,d.getQueryArgs)(t),i=(0,d.addQueryArgs)(t,{...a,paged:e.page||void 0,search:e.search||void 0});window.history.pushState(null,"",i),l({page:e.page,search:e.search})}}),m=(0,i.useCallback)(e=>{const t=JSON.stringify(g.filters)!==JSON.stringify(e.filters)?1:e.page;f({...e,page:t})},[g.filters,f]),v=(0,i.useRef)(t);(0,i.useEffect)(()=>{v.current!==t&&(f({...E,fields:g.fields}),v.current=t)},[t,f]);const{feed:y,isResolving:w,totalItems:P,totalPages:I}=function({perPage:e=20,page:t=1,orderBy:a="date",order:r="desc",search:n="",userId:s,fields:d=["id","date","modified","title","excerpt","content","actor_info","status","link","ap_object_type","ap_tag"],filters:o=[]}={}){const l=null!=s,c=(0,i.useMemo)(()=>{const i={per_page:e,page:t,orderby:a,order:r,search:n,_fields:d};l&&(i.user_id=s);const c=o.find(e=>"ap_object_type"===e.field);void 0!==c?.value&&(i.ap_object_type=Array.isArray(c.value)?c.value:[c.value]);const u=o.find(e=>"ap_tag"===e.field);return void 0!==u?.value&&(i.ap_tag=u.value),i},[e,t,a,r,n,s,d,l,o]),{records:u,hasResolved:g,isResolving:f,totalItems:m,totalPages:v}=(0,p.useEntityRecords)("postType","ap_post",l?c:void 0);return{feed:l&&u||[],hasResolved:g,isResolving:f,totalItems:l?m:null,totalPages:l?v:null}}({perPage:g.perPage||20,page:g.page||1,orderBy:g.sort?.field||"date",order:g.sort?.direction||"desc",search:g.search||"",userId:t,filters:g.filters||[]}),T=(0,i.useMemo)(()=>[_,S,b,h,x,j],[]),k=(0,i.useMemo)(()=>function(e,t){if(!e.fields)return e;const a=new Map(t.map((e,t)=>[e.id,t])),i=[...e.fields].sort((e,t)=>{var i,r;return(null!==(i=a.get(e))&&void 0!==i?i:1/0)-(null!==(r=a.get(t))&&void 0!==r?r:1/0)});return{...e,fields:i}}(g,T),[g,T]),[L,M]=(0,i.useState)([]),[C,H]=(0,i.useState)([]),[R,V]=(0,i.useState)(!1),B=(0,i.useRef)(0);(0,i.useEffect)(()=>{if(0===L.length)return;const e=L[0];y.some(t=>t.id.toString()===e)||M([])},[y,L]);const D=(0,i.useCallback)(t=>{if(M(t),0===t.length)return;const a=t[0],i=y.find(e=>e.id.toString()===a);i&&e(i.id)},[y,e]),F=(0,i.useCallback)(()=>{const e=g.page||1;R||e>=(I||1)||(V(!0),m({...g,page:e+1}))},[R,g,I,m]);return(0,i.useEffect)(()=>{const e=k.page||1,t=k.infiniteScrollEnabled;0!==y.length&&(e>1&&B.current===e||(1!==e&&t?(H(e=>{const t=new Set(e.map(e=>e.id)),a=y.filter(e=>!t.has(e.id));return a.length>0?[...e,...a]:e}),B.current=e,V(!1)):(H(y),B.current=e,V(!1))))},[y,k.page,k.search,k.infiniteScrollEnabled,k.filters]),(0,c.jsx)(u,{title:(0,s.__)("Feed","activitypub"),subTitle:(0,s.__)("ActivityPub posts from your network","activitypub"),hasPadding:!1,children:(0,c.jsx)(r.A,{data:C,fields:T,view:k,onChangeView:m,isLoading:w||R,onClickItem:t=>e(t.id),isItemClickable:()=>!0,getItemId:e=>e.id.toString(),selection:L,onChangeSelection:D,empty:(0,c.jsx)("p",{children:k.search?(0,s.__)("No posts found.","activitypub"):(0,s.__)("No posts found in your feed. Posts from ActivityPub actors you follow will appear here.","activitypub")}),paginationInfo:{totalItems:P,totalPages:I,infiniteScrollHandler:F},defaultLayouts:A})})}},1230:(e,t,a)=>{a.d(t,{g:()=>n});var i=a(7723),r=a(8443);function n(e){const t=new Date(e.endsWith("Z")?e:e+"Z"),a=Date.now()-t.getTime(),n=Math.floor(a/6e4),s=Math.floor(a/36e5),d=Math.floor(a/864e5);return n<60?(0,i.sprintf)(/* translators: %d: number of minutes */ /* translators: %d: number of minutes */ +"use strict";(globalThis.webpackChunkwordpress_activitypub=globalThis.webpackChunkwordpress_activitypub||[]).push([[303],{1230:(e,t,a)=>{a.d(t,{g:()=>n});var i=a(7723),r=a(8443);function n(e){const t=new Date(e.endsWith("Z")?e:e+"Z"),a=Date.now()-t.getTime(),n=Math.floor(a/6e4),s=Math.floor(a/36e5),o=Math.floor(a/864e5);return n<60?(0,i.sprintf)(/* translators: %d: number of minutes */ /* translators: %d: number of minutes */ (0,i._x)("%dm","short time format: minutes","activitypub"),n):s<24?(0,i.sprintf)(/* translators: %d: number of hours */ /* translators: %d: number of hours */ -(0,i._x)("%dh","short time format: hours","activitypub"),s):d<7?(0,i.sprintf)(/* translators: %d: number of days */ /* translators: %d: number of days */ -(0,i._x)("%dd","short time format: days","activitypub"),d):(0,r.dateI18n)((0,r.getSettings)().formats.date,e)}}}]); \ No newline at end of file +(0,i._x)("%dh","short time format: hours","activitypub"),s):o<7?(0,i.sprintf)(/* translators: %d: number of days */ /* translators: %d: number of days */ +(0,i._x)("%dd","short time format: days","activitypub"),o):(0,r.dateI18n)((0,r.getSettings)().formats.date,e)}},7650:(e,t,a)=>{a.r(t),a.d(t,{default:()=>N});var i=a(6087),r=a(371),n=a(3510),s=a(7723),o=a(3832),d=a(7143),l=a(3582),c=a(1375),u=a(790);(0,s.__)("Avatar","activitypub");var p=a(8537),g=a(8107),f=a(7996);const v={id:"content",label:(0,s.__)("Content","activitypub"),enableHiding:!1,enableSorting:!1,getValue:({item:e})=>{const t=e.excerpt?.rendered||e.content?.rendered||"";return(0,p.decodeEntities)((0,g.__unstableStripHTML)(t))},render:({item:e})=>{const{getObjectTypeName:t,isLoading:a}=(0,f.t)(),i=e.ap_object_type?.[0],r=t(i);if(a&&!r)return(0,u.jsx)("div",{className:"activitypub-feed-excerpt",children:" "});if("Note"===r){const t=(0,g.safeHTML)((0,p.decodeEntities)(e.content?.rendered||""));return(0,u.jsx)("div",{className:"activitypub-feed-post",children:(0,u.jsx)("div",{className:"activitypub-feed-content",dangerouslySetInnerHTML:{__html:t||"
"}})})}const n=v.getValue({item:e}).trim();return(0,u.jsx)("div",{className:"activitypub-feed-excerpt",children:n||" "})}},m={id:"date",label:(0,s.__)("Date","activitypub"),enableHiding:!1,enableSorting:!0,getValue:({item:e})=>e.date||"",render:({item:e})=>e.date?new Date(e.date).toLocaleDateString():""};(0,s.__)("Following","activitypub");var y=a(1230);const b={id:"metadata",label:(0,s.__)("Metadata","activitypub"),enableHiding:!0,enableSorting:!1,getValue:({item:e})=>`${e.actor_info?.name||""} · ${e.date?(0,y.g)(e.date):""}`,render:({item:e})=>{const{defaultAvatar:t}=(0,c.t)(),a=(0,p.decodeEntities)(e.actor_info?.name||(0,s.__)("Unknown author","activitypub")),i=e.actor_info?.icon||"",r=e.date?(0,y.g)(e.date):"";return(0,u.jsxs)("div",{className:"activitypub-feed-post-meta",children:[(0,u.jsx)("img",{src:i,alt:a,className:"activitypub-feed-avatar",onError:e=>{e.target.src=t}}),(0,u.jsx)("span",{className:"author",children:a}),r&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("span",{className:"separator",children:"·"}),(0,u.jsx)("span",{className:"date",children:r})]})]})}};a(8443),(0,s.__)("Last Updated","activitypub"),(0,s.__)("Name","activitypub");var _=a(1600);const h={id:"ap_object_type",type:"integer",label:(0,s.__)("Type","activitypub"),enableHiding:!1,enableSorting:!1,getValue:({item:e})=>e.ap_object_type?.[0],getElements:async()=>{const e=await(0,d.resolveSelect)(l.store).getEntityRecords("taxonomy","ap_object_type",{per_page:-1,orderby:"count",order:"desc",hide_empty:!0});return e?e.map(e=>({value:e.id,label:_.M[e.name]?.label||e.name})):[]},render:()=>null,filterBy:{operators:["is"]}},w=((0,s.__)("Status","activitypub"),{id:"ap_tag",type:"integer",label:(0,s.__)("Tag","activitypub"),enableHiding:!1,enableSorting:!1,getValue:({item:e})=>{var t;return null!==(t=e.ap_tag)&&void 0!==t?t:[]},getElements:async()=>{const e=await(0,d.resolveSelect)(l.store).getEntityRecords("taxonomy","ap_tag",{per_page:10,orderby:"count",order:"desc",hide_empty:!0});return e?e.map(e=>({value:e.id,label:`#${e.name}`})):[]},render:()=>null,filterBy:{operators:["isAny"]}}),S={id:"title.rendered",label:(0,s.__)("Title","activitypub"),enableHiding:!0,enableSorting:!1,enableGlobalSearch:!0,getValue:({item:e})=>(0,p.decodeEntities)(e.title?.rendered||""),render:({item:e})=>{if(!e.title?.rendered)return null;const t=e.title.rendered.replace(/\\(.)/g,"$1");return(0,u.jsx)("div",{className:"activitypub-feed-post-title",children:(0,p.decodeEntities)(t)})}};(0,s.__)("Profile","activitypub");var E=a(5017);const x={type:"list",perPage:20,page:1,sort:{field:"date",direction:"desc"},search:"",filters:[],fields:["metadata","title.rendered","content"],infiniteScrollEnabled:!0},j={list:{primaryField:"metadata",fields:["metadata","title.rendered","content"],mediaField:void 0}};function N({onSelectItem:e}){const t=(0,d.useSelect)(e=>e(E.E).getActiveActorId(),[]),[a,c]=(0,i.useState)(()=>{const e=(0,o.getQueryArgs)(window.location.href);return{page:e.paged?Number(e.paged):void 0,search:e.search||void 0}});(0,i.useEffect)(()=>{const e=()=>{const e=(0,o.getQueryArgs)(window.location.href);c({page:e.paged?Number(e.paged):void 0,search:e.search||void 0})};return window.addEventListener("popstate",e),window.addEventListener("hashchange",e),()=>{window.removeEventListener("popstate",e),window.removeEventListener("hashchange",e)}},[]);const{view:p,updateView:g}=(0,n.l)({kind:"postType",name:"ap_post",slug:"feed",defaultView:x,queryParams:a,onChangeQueryParams:e=>{const t=window.location.href,a=(0,o.getQueryArgs)(t),i=(0,o.addQueryArgs)(t,{...a,paged:e.page||void 0,search:e.search||void 0});window.history.pushState(null,"",i),c({page:e.page,search:e.search})}}),f=(0,i.useCallback)(e=>{const t=JSON.stringify(p.filters)!==JSON.stringify(e.filters)?1:e.page;g({...e,page:t})},[p.filters,g]),y=(0,i.useRef)(t);(0,i.useEffect)(()=>{y.current!==t&&(g({...x,fields:p.fields}),y.current=t)},[t,g]);const{feed:_,isResolving:N,totalItems:I,totalPages:A}=function({perPage:e=20,page:t=1,orderBy:a="date",order:r="desc",search:n="",userId:s,fields:o=["id","date","modified","title","excerpt","content","actor_info","status","link","ap_object_type","ap_tag"],filters:d=[]}={}){const c=null!=s,u=(0,i.useMemo)(()=>{const i={per_page:e,page:t,orderby:a,order:r,search:n,_fields:o};c&&(i.user_id=s);const l=d.find(e=>"ap_object_type"===e.field);void 0!==l?.value&&(i.ap_object_type=Array.isArray(l.value)?l.value:[l.value]);const u=d.find(e=>"ap_tag"===e.field);return void 0!==u?.value&&(i.ap_tag=u.value),i},[e,t,a,r,n,s,o,c,d]),{records:p,hasResolved:g,isResolving:f,totalItems:v,totalPages:m}=(0,l.useEntityRecords)("postType","ap_post",c?u:void 0);return{feed:c&&p||[],hasResolved:g,isResolving:f,totalItems:c?v:null,totalPages:c?m:null}}({perPage:p.perPage||20,page:p.page||1,orderBy:p.sort?.field||"date",order:p.sort?.direction||"desc",search:p.search||"",userId:t,filters:p.filters||[]}),P=(0,i.useMemo)(()=>[b,S,v,m,h,w],[]),k=(0,i.useMemo)(()=>function(e,t){if(!e.fields)return e;const a=new Map(t.map((e,t)=>[e.id,t])),i=[...e.fields].sort((e,t)=>{var i,r;return(null!==(i=a.get(e))&&void 0!==i?i:1/0)-(null!==(r=a.get(t))&&void 0!==r?r:1/0)});return{...e,fields:i}}(p,P),[p,P]),[L,M]=(0,i.useState)([]),[T,C]=(0,i.useState)([]),[H,R]=(0,i.useState)(!1),V=(0,i.useRef)(0);(0,i.useEffect)(()=>{if(0===L.length)return;const e=L[0];_.some(t=>t.id.toString()===e)||M([])},[_,L]);const D=(0,i.useCallback)(t=>{if(M(t),0===t.length)return;const a=t[0],i=_.find(e=>e.id.toString()===a);i&&e(i.id)},[_,e]),Q=(0,i.useCallback)(()=>{const e=p.page||1;H||e>=(A||1)||(R(!0),f({...p,page:e+1}))},[H,p,A,f]);return(0,i.useEffect)(()=>{const e=k.page||1,t=k.infiniteScrollEnabled;0!==_.length&&(e>1&&V.current===e||(1!==e&&t?(C(e=>{const t=new Set(e.map(e=>e.id)),a=_.filter(e=>!t.has(e.id));return a.length>0?[...e,...a]:e}),V.current=e,R(!1)):(C(_),V.current=e,R(!1))))},[_,k.page,k.search,k.infiniteScrollEnabled,k.filters]),(0,u.jsx)(r.A,{data:T,fields:P,view:k,onChangeView:f,isLoading:N||H,onClickItem:t=>e(t.id),isItemClickable:()=>!0,getItemId:e=>e.id.toString(),selection:L,onChangeSelection:D,empty:(0,u.jsx)("p",{children:k.search?(0,s.__)("No posts found.","activitypub"):(0,s.__)("No posts found in your feed. Posts from ActivityPub actors you follow will appear here.","activitypub")}),paginationInfo:{totalItems:I,totalPages:A,infiniteScrollHandler:Q},defaultLayouts:j})}}}]); \ No newline at end of file diff --git a/build/social-web/index.asset.php b/build/social-web/index.asset.php index 5a12e11210..a35b46b6b2 100644 --- a/build/social-web/index.asset.php +++ b/build/social-web/index.asset.php @@ -1 +1 @@ - array('react', 'react-dom', 'react-jsx-runtime', 'wp-commands', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-data-controls', 'wp-date', 'wp-dom', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-notices', 'wp-preferences', 'wp-primitives', 'wp-private-apis', 'wp-url', 'wp-warning'), 'version' => 'b9266f71795cdaa0bd51'); + array('react', 'react-dom', 'react-jsx-runtime', 'wp-commands', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-data-controls', 'wp-date', 'wp-dom', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-notices', 'wp-preferences', 'wp-primitives', 'wp-private-apis', 'wp-url', 'wp-warning'), 'version' => '788a051e0c246f1582d3'); diff --git a/build/social-web/index.js b/build/social-web/index.js index dbeb3cf57e..7d47983a83 100644 --- a/build/social-web/index.js +++ b/build/social-web/index.js @@ -1,4 +1,4 @@ -(()=>{"use strict";var e,t,i,n,r,s={790:e=>{e.exports=window.ReactJSXRuntime},979:e=>{e.exports=window.wp.warning},1233:e=>{e.exports=window.wp.preferences},1375:(e,t,i)=>{i.d(t,{Z:()=>a,t:()=>o});var n=i(6087),r=i(790);const s=(0,n.createContext)(void 0);function a({children:e,settings:t}){return(0,r.jsx)(s.Provider,{value:t,children:e})}function o(){const e=(0,n.useContext)(s);if(!e)throw new Error("useSettings must be used within a SettingsProvider");return e}},1600:(e,t,i)=>{i.d(t,{l:()=>g,M:()=>_});var n=i(3582),r=i(6427),s=i(7723),a=i(6087),o=i(3510),c=i(5221),l=i(6038),d=i(2390),u=i(1417),p=i(4424),f=i(8581),m=i(4289),v=i(6104),h=i(1940),b=i(790);const _={Article:{label:(0,s.__)("Articles","activitypub"),icon:c.A},Note:{label:(0,s.__)("Notes & Updates","activitypub"),icon:l.A},Image:{label:(0,s.__)("Photos & Images","activitypub"),icon:d.A},Event:{label:(0,s.__)("Events & Meetups","activitypub"),icon:u.A},Video:{label:(0,s.__)("Videos","activitypub"),icon:p.A},Audio:{label:(0,s.__)("Music & Podcasts","activitypub"),icon:f.A},Document:{label:(0,s.__)("Documents & Files","activitypub"),icon:m.A},Page:{label:(0,s.__)("Pages","activitypub"),icon:v.A},Place:{label:(0,s.__)("Places & Locations","activitypub"),icon:h.A}};function g(){const{records:e,isResolving:t}=(0,n.useEntityRecords)("taxonomy","ap_object_type",{per_page:-1}),{selectedObjectTypeId:i,updateObjectTypeFilter:c}=function(){const{view:e,updateView:t}=(0,o.l)({kind:"postType",name:"ap_post",slug:"feed",defaultView:{type:"list",filters:[]}});return{selectedObjectTypeId:(0,a.useMemo)(()=>{var t;const i=e.filters?.find(e=>"ap_object_type"===e.field);return null!==(t=i?.value)&&void 0!==t?t:null},[e.filters]),updateObjectTypeFilter:(0,a.useCallback)((i,n={})=>{const r=e.filters||[],s=r.findIndex(e=>"ap_object_type"===e.field);let a;a=null===i?r.filter(e=>"ap_object_type"!==e.field):-1!==s?r[s].value===i?r.filter(e=>"ap_object_type"!==e.field):[...r.slice(0,s),{field:"ap_object_type",operator:"is",value:i},...r.slice(s+1)]:[...r,{field:"ap_object_type",operator:"is",value:i}],t({...e,filters:a,page:1}),n.onComplete&&n.onComplete()},[e,t])}}();if(t)return(0,b.jsx)("div",{className:"object-types",children:(0,b.jsx)("div",{className:"object-types__loading",children:(0,s.__)("Loading…","activitypub")})});if(!e||0===e.length)return null;const l=e.filter(e=>_[e.name]);if(l.length<=1)return null;const d=Object.keys(_),u=[...l].sort((e,t)=>d.indexOf(e.name)-d.indexOf(t.name));return(0,b.jsx)(r.MenuGroup,{className:"object-types-menu",children:u.map(e=>{const t=_[e.name];return(0,b.jsxs)(r.MenuItem,{onClick:()=>{return t=e.id,c(i===t?null:t);var t},className:"menu-item","aria-pressed":i===e.id,"aria-label":/* translators: %s: object type name */ /* translators: %s: object type name */ -(0,s.sprintf)((0,s.__)("Filter by type: %s","activitypub"),t.label),children:[(0,b.jsx)(r.Icon,{icon:t.icon,size:24}),(0,b.jsx)("span",{children:t.label})]},e.id)})})}},1609:e=>{e.exports=window.React},2833:(e,t,i)=>{i.d(t,{K:()=>s});var n=i(6087),r=i(3510);function s(){const{view:e,updateView:t}=(0,r.l)({kind:"postType",name:"ap_post",slug:"feed",defaultView:{type:"list",filters:[]}});return{selectedTagId:(0,n.useMemo)(()=>{var t;const i=e.filters?.find(e=>"ap_tag"===e.field),n=null!==(t=i?.value)&&void 0!==t?t:[];return 1===n.length?n[0]:null},[e.filters]),updateTagFilter:(0,n.useCallback)((i,n={})=>{const r=e.filters||[],s=r.findIndex(e=>"ap_tag"===e.field);let a;if(null===i)a=r.filter(e=>"ap_tag"!==e.field);else if(-1!==s){const e=r[s].value;a=Array.isArray(e)&&e.includes(i)?r.filter(e=>"ap_tag"!==e.field):[...r.slice(0,s),{field:"ap_tag",operator:"isAny",value:[i]},...r.slice(s+1)]}else a=[...r,{field:"ap_tag",operator:"isAny",value:[i]}];t({...e,filters:a,page:1}),n.onComplete&&n.onComplete()},[e,t])}}},3053:e=>{e.exports=window.wp.privateApis},3582:e=>{e.exports=window.wp.coreData},3832:e=>{e.exports=window.wp.url},5017:(e,t,i)=>{i.d(t,{E:()=>u});var n=i(7143);const r=window.wp.dataControls;var s=i(1233);const a="SET_ACTIVE_ACTOR",o={activeActorId:null},c={*setActiveActor(e){return yield(0,n.dispatch)(s.store).set("activitypub/social-web","activeActorId",e),{type:a,actorId:e}}};var l=i(3582);const d={getActiveActorId:function*(){const e=(0,n.select)(s.store).get("activitypub/social-web","activeActorId");if(null!=e)yield(0,n.dispatch)(u).setActiveActor(e);else{const e=(0,n.select)(l.store).getCurrentUser();e?.id&&(yield(0,n.dispatch)(u).setActiveActor(e.id))}}},u="activitypub/social-web",p={reducer:function(e=o,t){return t.type===a?{...e,activeActorId:t.actorId}:e},actions:c,selectors:{getActiveActorId:e=>e.activeActorId},resolvers:d,controls:r.controls},f=(0,n.createReduxStore)(u,p);(0,n.register)(f)},5573:e=>{e.exports=window.wp.primitives},5795:e=>{e.exports=window.ReactDOM},6087:e=>{e.exports=window.wp.element},6427:e=>{e.exports=window.wp.components},7143:e=>{e.exports=window.wp.data},7536:(e,t,i)=>{i(1609);var n=i(6087),r=i(6427);const s=window.wp.keyboardShortcuts,a=window.wp.commands;var o=i(7143);const c=window.wp.notices;var l=i(8722),d=i(6655),u=i(3988),p=i(684),f=i(7723),m=i(1375),v=i(3510),h=i(3582),b=i(8537),_=i(307),g=i(8558),y=i(3832),x=i(4164),w=i(6644),j=i(790);const A=function({className:e}){const{isRequestingSite:t,siteIconUrl:i}=(0,o.useSelect)(e=>{const{getEntityRecord:t}=e(h.store),i=t("root","__unstableBase",void 0);return{isRequestingSite:!i,siteIconUrl:i?.site_icon_url}},[]);let n=null;return n=t?(0,j.jsx)("div",{className:"site-icon__image"}):i?(0,j.jsx)("img",{className:"site-icon__image",alt:(0,f.__)("Site Icon","activitypub"),src:i}):(0,j.jsx)(r.Icon,{className:"site-icon__icon",icon:w.A,size:48}),(0,j.jsx)("div",{className:(0,x.A)(e,"site-icon"),children:n})},N=function(){const{homeUrl:e,siteTitle:t}=(0,o.useSelect)(e=>{const{getEntityRecord:t}=e(h.store),i=t("root","__unstableBase");return{homeUrl:i?.home,siteTitle:!i?.name&&i?.url?(0,y.filterURLForDisplay)(i?.url):i?.name}},[]),{open:i}=(0,o.useDispatch)(a.store);return(0,j.jsx)("div",{className:"site-hub",children:(0,j.jsxs)(r.__experimentalHStack,{justify:"flex-start",spacing:"0",children:[(0,j.jsx)("div",{className:"site-hub__icon-container",children:(0,j.jsx)(r.Button,{__next40pxDefaultSize:!0,href:"/wp-admin/",label:(0,f.__)("Go to the Dashboard","activitypub"),className:"site-hub__icon-button",style:{transform:"scale(0.5333) translateX(-4px)",borderRadius:4},children:(0,j.jsx)(A,{className:"site-hub__icon"})})}),(0,j.jsxs)(r.__experimentalHStack,{children:[(0,j.jsx)("div",{className:"site-hub__title",children:(0,j.jsxs)(r.Button,{variant:"link",href:e,target:"_blank",children:[(0,b.decodeEntities)(t),(0,j.jsx)(r.VisuallyHidden,{as:"span",children:/* translators: accessibility text */ /* translators: accessibility text */ -(0,f.__)("(opens in a new tab)","activitypub")})]})}),(0,j.jsx)(r.__experimentalHStack,{spacing:0,expanded:!1,className:"site-hub__actions",children:(0,j.jsx)(r.Button,{size:"compact",className:"site-hub__command-button",icon:_.A,onClick:()=>i(),label:(0,f.__)("Open command palette","activitypub"),shortcut:g.displayShortcut.primary("k")})})]})]})})};var S=i(5017);function k(){const{defaultAvatar:e,adminUrl:t}=(0,m.t)(),{setActiveActor:i}=(0,o.useDispatch)(S.E),{currentUser:n,activeActorId:s,canManageSite:a}=(0,o.useSelect)(e=>({currentUser:e(h.store).getCurrentUser(),activeActorId:e(S.E).getActiveActorId(),canManageSite:e(h.store).canUser("read",{kind:"root",name:"site"})}),[]),c=n?.id,l=0===s,d=n?.avatar_urls?.[48]||e,u=l?(0,f.__)("Site","activitypub"):n?.name||"";return(0,j.jsx)(r.Button,{...a?{onClick:()=>{a&&c&&i(0===s?c:0)}}:{href:`${t}profile.php`},className:"actor-switcher",label:a?(0,f.__)("Switch Actor","activitypub"):(0,f.__)("Profile","activitypub"),children:(0,j.jsxs)(r.__experimentalHStack,{spacing:2,alignment:"center",children:[l?(0,j.jsx)(A,{className:"actor-switcher__avatar"}):(0,j.jsx)("img",{src:d,alt:u,className:"actor-switcher__avatar",onError:t=>{t.target.src=e}}),(0,j.jsx)("span",{className:"actor-switcher__name",children:u})]})})}var I=i(1600),C=i(2833);function E(){const{records:e,isResolving:t}=(0,h.useEntityRecords)("taxonomy","ap_tag",{per_page:5,orderby:"count",order:"desc",hide_empty:!0}),{selectedTagId:i,updateTagFilter:n}=(0,C.K)();return t?(0,j.jsxs)("div",{className:"popular-tags",children:[(0,j.jsx)("h3",{className:"popular-tags__title",children:(0,f.__)("Popular Tags","activitypub")}),(0,j.jsx)("div",{className:"popular-tags__loading",children:(0,f.__)("Loading tags…","activitypub")})]}):e&&0!==e.length?(0,j.jsxs)("div",{className:"popular-tags",children:[(0,j.jsx)("h3",{className:"popular-tags__title",children:(0,f.__)("Popular Tags","activitypub")}),(0,j.jsx)(r.MenuGroup,{children:e.map(e=>(0,j.jsx)(r.MenuItem,{onClick:()=>{return t=e.id,n(i===t?null:t);var t},className:"menu-item","aria-pressed":i===e.id,"aria-label":/* translators: %s: tag name */ /* translators: %s: tag name */ -(0,f.sprintf)((0,f.__)("Filter by tag: %s","activitypub"),e.name),children:(0,j.jsxs)("span",{children:["#",e.name]})},e.id))})]}):null}const O=[{id:"feed",label:(0,f.__)("Feed","activitypub"),icon:l.A}];function T({activeSection:e,onNavigate:t}){const{adminUrl:i}=(0,m.t)(),{hasActiveFilters:s,clearAllFilters:a}=function(){const{view:e,updateView:t}=(0,v.l)({kind:"postType",name:"ap_post",slug:"feed",defaultView:{type:"list",filters:[]}});return{hasActiveFilters:(0,n.useMemo)(()=>{var t;return(null!==(t=e.filters?.length)&&void 0!==t?t:0)>0},[e.filters]),clearAllFilters:(0,n.useCallback)(()=>{t({...e,filters:[],page:1})},[e,t])}}(),o="feed"===e&&!s,c=()=>{t("feed"),a()};return(0,j.jsxs)("div",{className:"sidebar",children:[(0,j.jsx)(N,{}),(0,j.jsxs)("nav",{className:"nav",children:[(0,j.jsxs)(r.__experimentalHStack,{spacing:3,alignment:"flex-start",className:"sidebar-navigation__icon-title",children:[(0,j.jsx)(r.Button,{className:"sidebar-navigation__button",size:"compact",icon:(0,f.isRTL)()?d.A:u.A,href:"/wp-admin/",label:(0,f.__)("Go to the Dashboard","activitypub")}),(0,j.jsx)(r.__experimentalHeading,{className:"sidebar-navigation__title",level:1,size:20,children:(0,f.__)("Social Web","activitypub")})]}),(0,j.jsx)(r.NavigableMenu,{children:(0,j.jsx)(r.MenuGroup,{children:O.map(i=>(0,j.jsxs)(r.MenuItem,{isSelected:"feed"===i.id?o:e===i.id,onClick:"feed"===i.id?c:()=>t(i.id),className:"menu-item",children:[i.icon&&(0,j.jsx)(r.Icon,{icon:i.icon,size:24}),(0,j.jsx)("span",{children:i.label})]},i.id))})}),"feed"===e&&(0,j.jsx)(I.l,{})]}),"feed"===e&&(0,j.jsx)(E,{}),(0,j.jsx)("div",{className:"footer",children:(0,j.jsxs)(r.__experimentalHStack,{justify:"space-between",alignment:"center",children:[(0,j.jsx)(k,{}),(0,j.jsx)(r.Button,{icon:p.A,iconSize:20,size:"compact",href:`${i}admin.php?page=activitypub`,target:"_blank",label:(0,f.__)("Settings","activitypub"),className:"footer-settings-button"})]})})]})}function P({className:e,children:t}){return(0,j.jsx)("div",{className:(0,x.A)("themed-surface",e),children:t})}function R({className:e,children:t}){return(0,j.jsx)("div",{className:(0,x.A)("panel",e),children:(0,j.jsx)(P,{children:t})})}const M=(0,n.lazy)(()=>Promise.all([i.e(803),i.e(755),i.e(303)]).then(i.bind(i,1143))),F=(0,n.lazy)(()=>Promise.all([i.e(803),i.e(322)]).then(i.bind(i,6042)));function L(){const e=window.location.hash.slice(1);if(!e||"/"===e)return{section:"feed",itemId:null};const t=e.split("/").filter(Boolean),i=t[0]||"feed",n=t[1]||null;return"feed"===i&&n?{section:i,itemId:parseInt(n,10)}:{section:i,itemId:n}}function U(e,t){const i=t?`#/${e}/${t}`:`#/${e}`;window.history.pushState(null,"",i)}function B(){const[e,t]=(0,n.useState)("feed"),[i,s]=(0,n.useState)(null),l=(0,o.useSelect)(e=>e(S.E).getActiveActorId(),[]),d=(0,n.useRef)(l),u=(0,o.useSelect)(e=>e(c.store).getNotices().filter(e=>"snackbar"===e.type),[]),{removeNotice:p}=(0,o.useDispatch)(c.store);(0,n.useEffect)(()=>{const{section:e,itemId:i}=L();t(e),s(i)},[]),(0,n.useEffect)(()=>{d.current!==l&&i&&(s(null),U(e)),d.current=l},[l,i,e]),(0,n.useEffect)(()=>{const e=()=>{const{section:e,itemId:i}=L();t(e),s(i)};return window.addEventListener("hashchange",e),()=>{window.removeEventListener("hashchange",e)}},[]);const f=t=>{s(t),U(e,t)},m=()=>{s(null),U(e)},v=!!i;return(0,j.jsxs)("div",{className:"app-layout","data-section":e,children:[(0,j.jsx)(a.CommandMenu,{}),(0,j.jsxs)("div",{className:"app-content",children:[(0,j.jsx)("div",{className:"sidebar-region",children:(0,j.jsx)(T,{activeSection:e,onNavigate:e=>{t(e),s(null),U(e)}})}),(0,j.jsx)("div",{className:"stage-region",children:(0,j.jsx)(R,{children:(()=>{const e={onSelectItem:f};let t;return t=M,(0,j.jsx)(n.Suspense,{fallback:(0,j.jsx)("div",{style:{padding:"20px",textAlign:"center"},children:(0,j.jsx)(r.Spinner,{})}),children:(0,j.jsx)(t,{...e})})})()})}),v&&(0,j.jsx)("div",{className:"inspector-region",children:(0,j.jsx)(R,{children:(()=>{if(!i)return null;let e,t;return"number"!=typeof i?null:(e=F,t={id:i,onClose:m},(0,j.jsx)(n.Suspense,{fallback:(0,j.jsx)("div",{style:{padding:"20px",textAlign:"center"},children:(0,j.jsx)(r.Spinner,{})}),children:(0,j.jsx)(e,{...t})}))})()})})]}),(0,j.jsx)(r.SnackbarList,{notices:u,onRemove:p})]})}var D=i(7996);window.wp=window.wp||{},window.wp.activitypubSocialWeb={initialize:function(e,t){const i=document.getElementById(e);i&&(0,n.createRoot)(i).render((0,j.jsx)(m.Z,{settings:t,children:(0,j.jsx)(D.N,{children:(0,j.jsx)(s.ShortcutProvider,{children:(0,j.jsx)(r.SlotFillProvider,{children:(0,j.jsx)(B,{})})})})}))}}},7723:e=>{e.exports=window.wp.i18n},7996:(e,t,i)=>{i.d(t,{N:()=>c,t:()=>l});var n=i(6087),r=i(7143),s=i(3582),a=i(790);const o=(0,n.createContext)({getObjectTypeName:()=>null,isLoading:!0});function c({children:e}){const{terms:t,isResolving:i}=(0,r.useSelect)(e=>{const{getEntityRecords:t,isResolving:i}=e(s.store);return{terms:t("taxonomy","ap_object_type",{per_page:-1}),isResolving:i("getEntityRecords",["taxonomy","ap_object_type",{per_page:-1}])}},[]),c=(0,n.useMemo)(()=>t?new Map(t.map(e=>[e.id,e.name])):new Map,[t]),l=(0,n.useCallback)(e=>e&&c.get(e)||null,[c]),d=(0,n.useMemo)(()=>({getObjectTypeName:l,isLoading:i}),[l,i]);return(0,a.jsx)(o.Provider,{value:d,children:e})}function l(){return(0,n.useContext)(o)}},8107:e=>{e.exports=window.wp.dom},8443:e=>{e.exports=window.wp.date},8537:e=>{e.exports=window.wp.htmlEntities},8558:e=>{e.exports=window.wp.keycodes},9491:e=>{e.exports=window.wp.compose}},a={};function o(e){var t=a[e];if(void 0!==t)return t.exports;var i=a[e]={exports:{}};return s[e](i,i.exports,o),i.exports}o.m=s,e=[],o.O=(t,i,n,r)=>{if(!i){var s=1/0;for(d=0;d
{ description }
; +} diff --git a/src/social-web/components/sidebar-description/style.scss b/src/social-web/components/sidebar-description/style.scss new file mode 100644 index 0000000000..2c2e9c7200 --- /dev/null +++ b/src/social-web/components/sidebar-description/style.scss @@ -0,0 +1,4 @@ +.sidebar-description { + margin: 0 0 var(--wpds-spacing-80, 32px) 0; + padding: 0 var(--wpds-spacing-40, 16px); +} diff --git a/src/social-web/components/sidebar/index.tsx b/src/social-web/components/sidebar/index.tsx index b5bdd50a74..3efbb32bfb 100644 --- a/src/social-web/components/sidebar/index.tsx +++ b/src/social-web/components/sidebar/index.tsx @@ -18,6 +18,7 @@ import { __, isRTL } from '@wordpress/i18n'; import { useSettings } from '../../contexts/settings-context'; import { useFeedFilters } from '../../hooks/use-feed-filters'; import SiteHub from '../site-hub'; +import SidebarDescription from '../sidebar-description'; import ActorSwitcher from '../actor-switcher'; import { ObjectTypes } from '../object-types'; import { PopularTags } from '../popular-tags'; @@ -62,6 +63,7 @@ export default function Sidebar( { activeSection, onNavigate }: SidebarProps ) {