2017-09-05 13:24:16 -07:00
|
|
|
import GoTrue from "gotrue-js";
|
2017-01-26 19:23:42 -02:00
|
|
|
import jwtDecode from 'jwt-decode';
|
2017-09-05 13:24:16 -07:00
|
|
|
import {List} from 'immutable';
|
2017-01-26 19:23:42 -02:00
|
|
|
import { get, pick, intersection } from "lodash";
|
WIP - Global UI (#785)
* update top bar and collections sidebar UI
* update collection entries UI
* improve global layout
* merge search page into collection page
* enable new entry button
* search fixup
* wip -initial editor update
* update editor scrolling and markdown toolbar position
* wip
* editor toolbar progress
* editor toolbar wip
* finished basic editor toolbar
* add standalone toggle component
* improve markdown toolbar spacing
* add user avatar placeholder
* finish markdown toggle styling
* refactor icon setup, add new icons
* add new icons to markdown editor toolbar
* remove extra app container
* add markdown active mark style
* relation and text widget styling
* widget design updates, basic list/object design update
* widget style updates, image widget improvements
* refactor widget directory, fix file removal
* widget focus styles
* finish editor widget focus styles
* migrate media library modal to react-modal
* wip - migrate editor component form to modal
* wip - move editor component form to modal
* wip - embed plugin forms in the editor
* inline shortcode forms working
* disable react hot loading, its breaking things
* improve shortcode form styles
* make shortcode form collapsible, improve styling
* add close functionality to shortcode blocks
* improve base media library styling
* fix shortcode label
* migrate unstyled workflow to new UI
* wip - reorganizing everything
* more work moving everything
* finish more moving and eliminating stuff
* restructure, remove react-toolbox
* wip - removing old stuff, more restructure
* finish restructure
* wip - css arch
* switch back to test repo
* update react-datetime to ^2.11.0
* remove leftover react-toolbox button
* more restructuring clean-up
* fix UI component directory case
* wip -css editor control style
* wip - consolidate widget styles
* wip - use a single control renderer
* fixed object values breaking
* wip - editor control active styles
* pass control wrapper to widgets
* ensure branch name is trimmed
* wip - improve widget authoring support
* import Map to Widget component
* refactor toolbar buttons
* wip - more widget active styles
* break out editor toggle component
* add local scroll sync back
* update editor toggle icons
* limit editor control pane content width
* fix editor control spacing
* migrate markdown toolbar stickiness to css
* fix markdown toolbar border radius
* temporarily use test backend
* stop markdown toolbar from going to bottom
* restore disabled markdown toolbar buttons for raw
* test markdown widget without focus styles
* more widget updates
* remove card visuals from editor
* disable dragging editor split off screen
* use editorControl component for shortcode fields
* make header site link configurable
* add configurable collection descriptions
* temporarily add example assets
* add basic list view
* remove outdated css mixins
* add and implement search icon
* activate quick add menu
* visualize usable space in editor view
* fix entry close, other improvements
* wip - editorial workflow updates
* some dropshadow and other CSS tweaks
* workflow ui updates
* add worfklow card buttons
* fix workflow card button handlers
* some dropshadow and other CSS tweaks
* make workflow board wider
* center workflow and collection views
* add basic responsiveness
* a bunch of fun UI fixes! a BUNCH! (#875)
* give `.nc-entryEditor-toolbar-mainSection` left and right child divs
* a bunch of fun UI fixes! a BUNCH!
* remove obscure --buttonShadow
* revert to test repo
* fix not found page styling
* allow workflow publishing from any column
* disallow publishing from all columns, with feedback
* fix new entry button
* fix markdown state persisting across entries
* enable simple workflow save and new from editor
* update slug in address bar when saving new entry
* wip - workflow updates, deletion working
* add status change functionality to editor
* wip - improving status change from editor
* editor toolbar back button improvements, loading improvements, cleanup
* progress on the media library UI cleanup
* remove font smothing css
* a quick fix for these buttons
* tweaks
* progress on media library modal— broken FYI
* fix media library functionality, finish migrating footer
* remove media library footer files
* remove leftover css import
* fix media library
* editor publishing functionality complete (unstyled)
* remove leftover loader var from media library
* wip - editor publishing styles
* add status dropdown styling
* editor toolbar style updates
* editor toolbar state improvements
* progress on the media library UI cleanup, style improvements
* finish editorial workflow editor styling
* finish media library styling
* fix config
* add what-input to optimize focus styling
* fix button
* fix navigation blocking for simple workflow
* improve simple workflow publishing
* add avatar dropdown to editor top bar
* style github and test-repo auth pages
* add git gateway auth page styles
* improve editor error styling
2017-12-07 12:37:10 -05:00
|
|
|
import GitHubBackend from "Backends/github/implementation";
|
2018-06-11 19:03:43 -07:00
|
|
|
import GitLabBackend from "Backends/gitlab/implementation";
|
|
|
|
import GitHubAPI from "./GitHubAPI";
|
|
|
|
import GitLabAPI from "./GitLabAPI";
|
2016-12-23 16:59:48 -02:00
|
|
|
import AuthenticationPage from "./AuthenticationPage";
|
|
|
|
|
2017-09-05 13:24:16 -07:00
|
|
|
const localHosts = {
|
|
|
|
localhost: true,
|
|
|
|
'127.0.0.1': true,
|
2018-06-11 19:03:43 -07:00
|
|
|
'0.0.0.0': true,
|
|
|
|
};
|
2017-09-05 19:30:03 -07:00
|
|
|
const defaults = {
|
|
|
|
identity: '/.netlify/identity',
|
2018-06-11 19:03:43 -07:00
|
|
|
gateway: '/.netlify/git',
|
|
|
|
};
|
2017-09-05 13:24:16 -07:00
|
|
|
|
|
|
|
function getEndpoint(endpoint, netlifySiteURL) {
|
2017-09-05 19:30:03 -07:00
|
|
|
if (localHosts[document.location.host.split(":").shift()] && netlifySiteURL && endpoint.match(/^\/\.netlify\//)) {
|
|
|
|
const parts = [];
|
|
|
|
if (netlifySiteURL) {
|
|
|
|
parts.push(netlifySiteURL);
|
|
|
|
if (!netlifySiteURL.match(/\/$/)) { parts.push("/"); }
|
|
|
|
}
|
|
|
|
parts.push(endpoint.replace(/^\//, ''));
|
2017-09-05 13:24:16 -07:00
|
|
|
return parts.join("");
|
|
|
|
}
|
|
|
|
return endpoint;
|
|
|
|
}
|
|
|
|
|
2018-06-11 19:03:43 -07:00
|
|
|
export default class GitGateway {
|
2016-12-23 16:59:48 -02:00
|
|
|
constructor(config) {
|
2018-06-11 19:03:43 -07:00
|
|
|
this.config = config;
|
|
|
|
this.branch = config.getIn(["backend", "branch"], "master").trim();
|
|
|
|
this.squash_merges = config.getIn(["backend", "squash_merges"]);
|
2017-01-26 19:23:42 -02:00
|
|
|
|
2017-09-05 13:24:16 -07:00
|
|
|
const netlifySiteURL = localStorage.getItem("netlifySiteURL");
|
2017-09-05 19:30:03 -07:00
|
|
|
const APIUrl = getEndpoint(config.getIn(["backend", "identity_url"], defaults.identity), netlifySiteURL);
|
2018-06-11 19:03:43 -07:00
|
|
|
this.gatewayUrl = getEndpoint(config.getIn(["backend", "gateway_url"], defaults.gateway), netlifySiteURL);
|
|
|
|
|
|
|
|
const backendTypeRegex = /\/(github|gitlab)\/?$/;
|
|
|
|
const backendTypeMatches = this.gatewayUrl.match(backendTypeRegex);
|
|
|
|
if (backendTypeMatches) {
|
|
|
|
this.backendType = backendTypeMatches[1];
|
|
|
|
this.gatewayUrl = this.gatewayUrl.replace(backendTypeRegex, "/");
|
|
|
|
} else {
|
|
|
|
this.backendType = null;
|
|
|
|
}
|
2016-12-23 16:59:48 -02:00
|
|
|
|
2018-06-11 19:03:43 -07:00
|
|
|
this.authClient = window.netlifyIdentity ? window.netlifyIdentity.gotrue : new GoTrue({ APIUrl });
|
2016-12-23 16:59:48 -02:00
|
|
|
AuthenticationPage.authClient = this.authClient;
|
|
|
|
|
2018-06-11 19:03:43 -07:00
|
|
|
this.backend = null;
|
2016-12-23 16:59:48 -02:00
|
|
|
}
|
|
|
|
authenticate(user) {
|
2017-01-10 22:23:22 -02:00
|
|
|
this.tokenPromise = user.jwt.bind(user);
|
2018-06-11 19:03:43 -07:00
|
|
|
return this.tokenPromise().then(async token => {
|
|
|
|
if (!this.backendType) {
|
|
|
|
const { github_enabled, gitlab_enabled, roles } = await fetch(`${ this.gatewayUrl }/settings`, {
|
|
|
|
headers: { Authorization: `Bearer ${ token }` },
|
|
|
|
}).then(res => res.json());
|
|
|
|
this.acceptRoles = roles;
|
|
|
|
if (github_enabled) {
|
|
|
|
this.backendType = "github";
|
|
|
|
} else if (gitlab_enabled) {
|
|
|
|
this.backendType = "gitlab";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.acceptRoles && this.acceptRoles.length > 0) {
|
2017-11-10 16:33:22 -07:00
|
|
|
const userRoles = get(jwtDecode(token), 'app_metadata.roles', []);
|
2018-06-11 19:03:43 -07:00
|
|
|
const validRole = intersection(userRoles, this.acceptRoles).length > 0;
|
|
|
|
if (!validRole) {
|
|
|
|
throw new Error("You don't have sufficient permissions to access Netlify CMS");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const userData = {
|
|
|
|
name: user.user_metadata.name || user.email.split('@').shift(),
|
|
|
|
email: user.email,
|
|
|
|
avatar_url: user.user_metadata.avatar_url,
|
|
|
|
metadata: user.user_metadata,
|
|
|
|
};
|
|
|
|
const apiConfig = {
|
|
|
|
api_root: `${ this.gatewayUrl }/${ this.backendType }`,
|
|
|
|
branch: this.branch,
|
|
|
|
tokenPromise: this.tokenPromise,
|
|
|
|
commitAuthor: pick(userData, ["name", "email"]),
|
|
|
|
squash_merges: this.squash_merges,
|
|
|
|
};
|
|
|
|
|
|
|
|
if (this.backendType === "github") {
|
|
|
|
this.api = new GitHubAPI(apiConfig);
|
|
|
|
this.backend = new GitHubBackend(this.config, { proxied: true, API: this.api });
|
|
|
|
} else if (this.backendType === "gitlab") {
|
|
|
|
this.api = new GitLabAPI(apiConfig);
|
|
|
|
this.backend = new GitLabBackend(this.config, { proxied: true, API: this.api });
|
2017-09-05 16:48:51 -07:00
|
|
|
}
|
2018-06-11 19:03:43 -07:00
|
|
|
|
|
|
|
if (!(await this.api.hasWriteAccess())) {
|
2017-09-05 16:48:51 -07:00
|
|
|
throw new Error("You don't have sufficient permissions to access Netlify CMS");
|
2017-01-26 19:23:42 -02:00
|
|
|
}
|
2018-06-11 19:03:43 -07:00
|
|
|
});
|
|
|
|
}
|
|
|
|
restoreUser() {
|
|
|
|
const user = this.authClient && this.authClient.currentUser();
|
|
|
|
if (!user) return Promise.reject();
|
|
|
|
return this.authenticate(user);
|
|
|
|
}
|
|
|
|
authComponent() {
|
|
|
|
return AuthenticationPage;
|
2017-01-10 22:23:22 -02:00
|
|
|
}
|
2017-09-05 19:30:03 -07:00
|
|
|
logout() {
|
|
|
|
if (window.netlifyIdentity) {
|
|
|
|
return window.netlifyIdentity.logout();
|
|
|
|
}
|
|
|
|
const user = this.authClient.currentUser();
|
|
|
|
return user && user.logout();
|
|
|
|
}
|
2017-01-10 22:23:22 -02:00
|
|
|
getToken() {
|
|
|
|
return this.tokenPromise();
|
2016-12-23 16:59:48 -02:00
|
|
|
}
|
|
|
|
|
2018-06-11 19:03:43 -07:00
|
|
|
entriesByFolder(collection, extension) { return this.backend.entriesByFolder(collection, extension); }
|
|
|
|
entriesByFiles(collection) { return this.backend.entriesByFiles(collection); }
|
|
|
|
fetchFiles(files) { return this.backend.fetchFiles(files); }
|
|
|
|
getEntry(collection, slug, path) { return this.backend.getEntry(collection, slug, path); }
|
|
|
|
getMedia() { return this.backend.getMedia(); }
|
|
|
|
persistEntry(entry, mediaFiles, options) { return this.backend.persistEntry(entry, mediaFiles, options); }
|
|
|
|
persistMedia(mediaFile, options) { return this.backend.persistMedia(mediaFile, options); }
|
|
|
|
deleteFile(path, commitMessage, options) { return this.backend.deleteFile(path, commitMessage, options); }
|
|
|
|
unpublishedEntries() { return this.backend.unpublishedEntries(); }
|
|
|
|
unpublishedEntry(collection, slug) { return this.backend.unpublishedEntry(collection, slug); }
|
|
|
|
updateUnpublishedEntryStatus(collection, slug, newStatus) { return this.backend.updateUnpublishedEntryStatus(collection, slug, newStatus); }
|
|
|
|
deleteUnpublishedEntry(collection, slug) { return this.backend.deleteUnpublishedEntry(collection, slug); }
|
|
|
|
publishUnpublishedEntry(collection, slug) { return this.backend.publishUnpublishedEntry(collection, slug); }
|
|
|
|
traverseCursor(cursor, action) { return this.backend.traverseCursor(cursor, action); }
|
2016-12-23 16:59:48 -02:00
|
|
|
}
|