Social Web UI: Add feed reader #2399
Draft
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Major architectural changes: - Replaced custom routing with simpler state-based navigation - Implemented three-panel layout (sidebar, stage, inspector) - Created reusable Page and Panel components for consistent UI structure - Organized routes by section (dashboard, followers, following, interactions) Component improvements: - Layout: Dark theme (#1e1e1e) with fullscreen mode support - Sidebar: 300px fixed width with visible menu items on dark background - Stage: Main content area with DataViews tables and action buttons - Inspector: 380px conditional panel for item details TypeScript improvements: - Added explicit action types for Redux store (SetFollowersAction, etc.) - Created store.d.ts for @wordpress/data module augmentation - Fixed React JSX transform configuration (react-jsx mode) - Added missing icon type definitions Styling: - Consolidated styles into style-index.css via style.scss entry point - Added fullscreen body class management with useEffect hook - Used wpds design tokens for consistency with WordPress Design System - Proper margin-based spacing between panels
Changed the sidebar header title from 'ActivityPub' to 'Social Web' and updated menu item labels to use translation functions. This improves localization and better reflects the section's purpose.
Introduces a 'feed' resource to the Redux store, including actions, selectors, and async fetching logic for ActivityPub posts. Updates the sidebar navigation to include a Feed section and ensures feed data is loaded alongside followers, following, and interactions. This prepares the UI for displaying a user's ActivityPub feed.
Uncomments the line that runs PHP Code Sniffer on changed PHP files, ensuring code formatting is enforced during pre-commit.
pfefferle
changed the base branch from
trunk
to
refactor/social-web-ui-second-pass
github-actions
bot
added
[Feature] Collections
[Focus] Editor
Replaces the actor object's properties in FeedPost with new fields: ID, post_title, post_excerpt, and guid. Removes the previous fields such as id, name, preferredUsername, url, icon, and type to reflect updated data structure.
- Replace classnames with clsx for better class name handling - Restructure store into modular files (actions, selectors, reducer, types) - Replace hardcoded colors with wpds design tokens throughout SCSS - Move WordPress type declarations to project root /types/ - Create route-specific types.ts files for better organization - Add ThemedSurface component for consistent styled surfaces - Refactor Panel component to use ThemedSurface internally - Simplify design-tokens.scss to use wpds tokens directly All styling now uses wpds token names with fallback values for consistent theming.
Import style.scss from the JavaScript entry point to bundle all styles (global styles and component styles) into a single style-index.css file. This simplifies the build output and ensures fullscreen layout styles are properly applied. - Import style.scss in index.tsx to bundle all styles together - Remove editorStyle from block.json since styles are imported directly - Remove inline background style from root element - Clean up debug console.log statements
Base automatically changed from
refactor/social-web-ui-second-pass
to
add/reader
October 30, 2025 16:04
Introduces a 'feed' section to the sidebar and Redux store, including actions, selectors, and reducers for fetching and managing feed posts. Updates the layout and data hooks to support the new feed resource, and ensures dashboard statistics now include post counts. This enhances the social web interface with feed viewing capabilities.
Enhanced the social web sidebar by adding a site hub component with site icon, title, and a button to open the command palette. Updated dependencies to include 'wp-commands', 'wp-html-entities', and 'wp-url' to support new features.
Imported the 'classnames' utility in src/social-web/components/layout/index.tsx to fix a missing import error. This resolves issues where the S() function (an alias for classnames) was used without being defined, ensuring proper class name composition in the layout component.
Introduces new field components for the feed inspector (author, content, date, excerpt, metadata, status, title), a custom use-feed hook, and related styles. Updates feed, layout, and sidebar logic to support the new inspector. Also adds FeedActions and style for the feed route, and updates post type handling.
Uncomments the filter hook for 'rest_ap_post_query' to allow filtering AP posts by user. This change activates the previously disabled functionality.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Proposed changes:
Other information:
Testing instructions:
Changelog entry
Changelog Entry Details
Significance
Type
Message