ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2025-01-03 20:52:23 +03:00
Code Issues Packages Projects Releases Wiki Activity

link: rewrite metadata structure for consistency

Browse Source
This commit is contained in:
Matilde Park 2020-03-05 20:26:03 -05:00
parent 12cae5dda8
commit 7ec75dcd62
11 changed files with 94 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pkg/interface/link/src/js/components/lib/channel-sidebar.js
View File

@ -21,8 +21,8 @@ export class ChannelsSidebar extends Component {
});
const channelItems =
Object.keys(props.resources).map((path) => {
const meta = props.resources[path];
Object.keys(props.associations).map((path) => {
const meta = props.associations[path];
const selected = (props.selected === path);
const linkCount = !!props.links[path] ? props.links[path].totalItems : 0;
const unseenCount = !!props.links[path]
@ -37,7 +37,7 @@ export class ChannelsSidebar extends Component {
selected={selected}
linkCount={linkCount}
unseenCount={unseenCount}
name={meta.title}/>
name={meta.metadata.title}/>
);
});
@ -61,7 +61,7 @@ export class ChannelsSidebar extends Component {
: "dn")}>
<a className="db dn-m dn-l dn-xl f8 pb3 pl3" href="/">⟵ Landscape</a>
<div className="overflow-y-scroll h-100">
<div className="w-100 bg-transparent pa4 bb b--gray4 b--gray1-d"
<div className="w-100 bg-transparent pa4 bb b--gray4 b--gray2-d"
style={{paddingBottom: 10, paddingTop: 10}}>
<Link
className="dib f9 pointer green2 gray4-d mr4"

2
pkg/interface/link/src/js/components/link.js
View File

@ -104,7 +104,7 @@ export class LinkDetail extends Component {
<Link
className="dib f9 fw4 pt2 gray2 lh-solid"
to={makeRoutePath(props.resourcePath, props.popout, props.page)}>
{`<- ${props.resource.title} index`}
{`<- ${props.resource.metadata.title}`}
</Link>
<LinksTabBar {...props} popout={props.popout} resourcePath={props.resourcePath} />
</div>

4
pkg/interface/link/src/js/components/links-list.js
View File

@ -37,7 +37,7 @@ export class Links extends Component {
render() {
let props = this.props;
if (!props.resource.title) {
if (!props.resource.metadata.title) {
return <LoadingScreen/>;
}
@ -106,7 +106,7 @@ export class Links extends Component {
popout={props.popout}/>
<Link to={makeRoutePath(props.resourcePath, props.popout, props.page)} className="pt2">
<h2 className={`dib f9 fw4 v-top`}>
{props.resource.title}
{props.resource.metadata.title}
</h2>
</Link>
<LinksTabBar

2
pkg/interface/link/src/js/components/member.js
View File

@ -58,7 +58,7 @@ export class MemberScreen extends Component {
<h2
className="dib f9 fw4 v-top"
style={{ width: "max-content" }}>
{props.resource.title}
{props.resource.metadata.title}
</h2>
</Link>
<LinksTabBar

4
pkg/interface/link/src/js/components/new.js
View File

@ -30,7 +30,7 @@ export class NewScreen extends Component {
if (prevProps !== props) {
let target = `/${state.idName}`;
if (target in props.resources) {
if (target in props.associations) {
props.history.push(makeRoutePath(target));
}
}
@ -77,7 +77,7 @@ export class NewScreen extends Component {
let appPath = `/${state.idName}`;
if (appPath in props.resources) {
if (appPath in props.associations) {
this.setState({
inviteError: false,
idError: true,

50
pkg/interface/link/src/js/components/root.js
View File

@ -33,7 +33,7 @@ export class Root extends Component {
let contacts = !!state.contacts ? state.contacts : {};
const groups = !!state.groups ? state.groups : {};
const resources = !!state.resources ? state.resources : {};
const associations = !!state.associations ? state.associations : {link: {}, contacts: {}};
let links = !!state.links ? state.links : {};
let comments = !!state.comments ? state.comments : {};
const seen = !!state.seen ? state.seen : {};
@ -49,7 +49,7 @@ export class Root extends Component {
<Skeleton
active="collections"
spinner={state.spinner}
resources={resources}
associations={associations.link}
invites={invites}
groups={groups}
rightPanelHide={true}
@ -70,14 +70,14 @@ export class Root extends Component {
return (
<Skeleton
spinner={state.spinner}
resources={resources}
associations={associations.link}
invites={invites}
groups={groups}
rightPanelHide={true}
sidebarShown={state.sidebarShown}
links={links}>
<NewScreen
resources={resources}
associations={associations}
groups={groups}
contacts={contacts}
{...props}
@ -96,16 +96,16 @@ export class Root extends Component {
render={(props) => {
const popout = props.match.url.includes("/popout/");
const resourcePath = '/' + props.match.params.resource;
const resource = resources[resourcePath] || {};
const resource = associations.link[resourcePath] || {metadata: {}};
const contactDetails = contacts[resource.group] || {};
const group = groups[resource.group] || new Set([]);
const amOwner = amOwnerOfGroup(resource.group);
const contactDetails = contacts[resource["group-path"]] || {};
const group = groups[resource["group-path"]] || new Set([]);
const amOwner = amOwnerOfGroup(resource["group-path"]);
return (
<Skeleton
spinner={state.spinner}
resources={resources}
associations={associations.link}
invites={invites}
groups={groups}
selected={resourcePath}
@ -117,7 +117,7 @@ export class Root extends Component {
resource={resource}
contacts={contacts}
contactDetails={contactDetails}
groupPath={resource.group}
groupPath={resource["group-path"]}
group={group}
amOwner={amOwner}
resourcePath={resourcePath}
@ -132,16 +132,16 @@ export class Root extends Component {
render={ (props) => {
const popout = props.match.url.includes("/popout/");
const resourcePath = '/' + props.match.params.resource;
const resource = resources[resourcePath] || false;
const resource = associations.link[resourcePath] || false;
const contactDetails = contacts[resource.group] || {};
const group = groups[resource.group] || new Set([]);
const amOwner = amOwnerOfGroup(resource.group);
const contactDetails = contacts[resource["group-path"]] || {};
const group = groups[resource["group-path"]] || new Set([]);
const amOwner = amOwnerOfGroup(resource["group-path"]);
return (
<Skeleton
spinner={state.spinner}
resources={resources}
associations={associations.link}
invites={invites}
groups={groups}
selected={resourcePath}
@ -153,7 +153,7 @@ export class Root extends Component {
resource={resource}
contacts={contacts}
contactDetails={contactDetails}
groupPath={resource.group}
groupPath={resource["group-path"]}
group={group}
amOwner={amOwner}
resourcePath={resourcePath}
@ -167,11 +167,11 @@ export class Root extends Component {
<Route exact path="/~link/(popout)?/:resource/:page?"
render={ (props) => {
const resourcePath = '/' + props.match.params.resource;
const resource = resources[resourcePath] || {};
const resource = associations.link[resourcePath] || {metadata: {}};
const amOwner = amOwnerOfGroup(resource.group);
const amOwner = amOwnerOfGroup(resource["group-path"]);
let contactDetails = contacts[resource.group] || {};
let contactDetails = contacts[resource["group-path"]] || {};
let page = props.match.params.page || 0;
@ -192,7 +192,7 @@ export class Root extends Component {
return (
<Skeleton
spinner={state.spinner}
resources={resources}
associations={associations.link}
invites={invites}
groups={groups}
selected={resourcePath}
@ -220,13 +220,13 @@ export class Root extends Component {
<Route exact path="/~link/(popout)?/:resource/:page/:index/:encodedUrl/:commentpage?"
render={ (props) => {
const resourcePath = '/' + props.match.params.resource;
const resource = resources[resourcePath] || {};
const resource = associations.link[resourcePath] || {metadata: {}};
const amOwner = amOwnerOfGroup(resource.group);
const amOwner = amOwnerOfGroup(resource["group-path"]);
let popout = props.match.url.includes("/popout/");
let contactDetails = contacts[resource.group] || {};
let contactDetails = contacts[resource["group-path"]] || {};
let index = props.match.params.index || 0;
let page = props.match.params.page || 0;
@ -246,7 +246,7 @@ export class Root extends Component {
return (
<Skeleton
spinner={state.spinner}
resources={resources}
associations={associations.link}
invites={invites}
groups={groups}
selected={resourcePath}
@ -262,7 +262,7 @@ export class Root extends Component {
linkIndex={index}
contacts={contactDetails}
resourcePath={resourcePath}
groupPath={resource.group}
groupPath={resource["group-path"]}
amOwner={amOwner}
popout={popout}
sidebarShown={state.sidebarShown}

30
pkg/interface/link/src/js/components/settings.js
View File

@ -29,9 +29,9 @@ export class SettingsScreen extends Component {
componentDidMount() {
if (this.props.resource) {
this.setState({
title: this.props.resource.title,
description: this.props.resource.description,
color: uxToHex(this.props.resource.color || '0x0')
title: this.props.resource.metadata.title,
description: this.props.resource.metadata.description,
color: uxToHex(this.props.resource.metadata.color || '0x0')
});
}
}
@ -49,9 +49,9 @@ export class SettingsScreen extends Component {
if (props.resource && (prevProps !== props)) {
this.setState({
title: props.resource.title,
description: props.resource.description,
color: uxToHex(props.resource.color || '0x0')
title: props.resource.metadata.title,
description: props.resource.metadata.description,
color: uxToHex(props.resource.metadata.color || '0x0')
});
}
}
@ -135,9 +135,9 @@ export class SettingsScreen extends Component {
props.resourcePath,
props.groupPath,
state.title,
props.resource.description,
props.resource['date-created'],
uxToHex(props.resource.color)
props.resource.metadata.description,
props.resource.metadata['date-created'],
uxToHex(props.resource.metadata.color)
).then(() => {
api.setSpinner(false);
this.refs.rename.innerText = "Saved";
@ -170,7 +170,7 @@ export class SettingsScreen extends Component {
api.metadataAdd(
props.resourcePath,
props.groupPath,
props.resource.title,
props.resource.metadata.title,
state.description,
props.resource['date-created'],
uxToHex(props.resource.color)
@ -204,9 +204,9 @@ export class SettingsScreen extends Component {
api.metadataAdd(
props.resourcePath,
props.groupPath,
props.resource.title,
props.resource.description,
props.resource['date-created'],
props.resource.metadata.title,
props.resource.metadata.description,
props.resource.metadata['date-created'],
state.color
).then(() => {
api.setSpinner(false);
@ -252,7 +252,7 @@ export class SettingsScreen extends Component {
<h2
className="dib f9 fw4 v-top"
style={{ width: "max-content" }}>
{props.resource.title}
{props.resource.metadata.title}
</h2>
</Link>
<LinksTabBar {...props}/>
@ -283,7 +283,7 @@ export class SettingsScreen extends Component {
<h2
className="dib f9 fw4 v-top"
style={{ width: "max-content" }}>
{props.resource.title}
{props.resource.metadata.title}
</h2>
</Link>
<LinksTabBar {...props}/>

2
pkg/interface/link/src/js/components/skeleton.js
View File

@ -26,7 +26,7 @@ export class Skeleton extends Component {
<ChannelsSidebar
active={this.props.active}
popout={popout}
resources={this.props.resources}
associations={this.props.associations}
invites={this.props.invites}
groups={this.props.groups}
selected={this.props.selected}

72
pkg/interface/link/src/js/reducers/metadata-update.js
View File

@ -6,64 +6,60 @@ export class MetadataReducer {
if (data) {
this.associations(data, state);
this.add(data, state);
this.remove(data, state);
this.update(data, state);
this.remove(data, state);
}
}
associations(json, state) {
let data = _.get(json, 'associations', false);
if (data) {
let metadata = new Map;
Object.keys(data).map((key) => {
let assoc = data[key];
if (assoc['app-name'] !== 'link') {
return;
let metadata = state.associations;
Object.keys(data).map((channel) => {
let channelObj = data[channel];
let app = data[channel]["app-name"];
if (!metadata[app]) {
metadata[app] = {};
}
if (state.resources[assoc['app-path']]) {
console.error('beware! overwriting previous data', data['app-path']);
}
state.resources[assoc['app-path']] = {
group: assoc['group-path'],
...assoc.metadata
};
});
metadata[app][channelObj["app-path"]] = channelObj;
})
state.associations = metadata;
}
}
add(json, state) {
let data = _.get(json, 'add', false);
if (data) {
if (state.resources[data['app-path']]) {
console.error('beware! overwriting previous data', data['app-path']);
}
this.update({'update-metadata': data}, state);
}
}
remove(json, state) {
let data = _.get(json, 'remove', false);
if (data) {
if (data['app-name'] !== 'link') {
return;
}
const have = state.resources[data['app-path']];
if (have && have.group === data['group-path']) {
delete state.resources[data['app-path']];
let metadata = state.associations;
let app = data["app-name"];
if (!metadata[app]) {
metadata[app] = {};
}
metadata[app][data["app-path"]] = data;
state.associations = metadata;
}
}
update(json, state) {
let data = _.get(json, 'update-metadata', false);
if (data) {
if (data['app-name'] !== 'link') {
return;
}
state.resources[data['app-path']] = {
group: data['group-path'],
...data.metadata
};
let metadata = state.associations;
let app = data["app-name"];
metadata[app][data["app-path"]] = data;
state.associations = metadata;
}
}
}
remove(json, state) {
let data = _.get(json, 'remove', false);
if (data) {
let metadata = state.associations;
let app = data["app-name"];
if (!metadata[app]) {
return false;
}
delete metadata[app][data["app-path"]];
state.associations = metadata;
}
}
}

5
pkg/interface/link/src/js/store.js
View File

@ -14,7 +14,10 @@ class Store {
this.state = {
contacts: {},
groups: {},
resources: {},
associations: {
link: {},
contacts: {}
},
invites: {},
links: {},
comments: {},

5
pkg/interface/link/src/js/subscription.js
View File

@ -30,6 +30,11 @@ export class Subscription {
this.handleError.bind(this),
this.handleQuitAndResubscribe.bind(this)
);
api.bind('/app-name/contacts', 'PUT', api.authTokens.ship, 'metadata-store',
this.handleEvent.bind(this),
this.handleError.bind(this),
this.handleQuitAndResubscribe.bind(this)
);
// open a subscription for all submissions
api.getPage('', 0);