+
+
+ );
+ }
+}
+
+export default ExportMetadata;
diff --git a/console/src/components/Services/Data/Metadata/ImportMetadata.js b/console/src/components/Services/Data/Metadata/ImportMetadata.js
new file mode 100644
index 0000000000000..2ae7205b3e07d
--- /dev/null
+++ b/console/src/components/Services/Data/Metadata/ImportMetadata.js
@@ -0,0 +1,126 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import Endpoints, { globalCookiePolicy } from '../../../../Endpoints';
+import globals from '../../../../Globals';
+
+import {
+ showSuccessNotification,
+ showErrorNotification,
+} from '../Notification';
+
+class ImportMetadata extends Component {
+ constructor() {
+ super();
+ this.state = {};
+ this.state.isImporting = false;
+ }
+ mockFileInput(c) {
+ const element = document.createElement('div');
+ element.innerHTML = '';
+ document.body.appendChild(element);
+ const fileInput = element.firstChild;
+
+ fileInput.addEventListener('change', () => {
+ c(element, fileInput);
+ });
+
+ fileInput.click();
+ }
+ importMetadata(fileContent) {
+ this.setState({ isImporting: true });
+ const url = Endpoints.query;
+ let requestBody = {};
+ try {
+ const jsonContent = JSON.parse(fileContent);
+ requestBody = {
+ type: 'replace_metadata',
+ args: jsonContent,
+ };
+ } catch (e) {
+ alert('Error parsing JSON' + e.toString());
+ this.setState({ isImporting: false });
+ return;
+ }
+ const options = {
+ method: 'POST',
+ credentials: globalCookiePolicy,
+ headers: {
+ 'X-Hasura-Access-Key': globals.accessKey,
+ },
+ body: JSON.stringify(requestBody),
+ };
+ fetch(url, options)
+ .then(response => {
+ response.json().then(data => {
+ if (response.ok) {
+ this.setState({ isImporting: false });
+ this.props.dispatch(
+ showSuccessNotification('Metadata imported successfully!')
+ );
+ } else {
+ const parsedErrorMsg = data;
+ this.props.dispatch(
+ showErrorNotification(
+ 'Metadata import failed',
+ 'Something is wrong.',
+ requestBody,
+ parsedErrorMsg
+ )
+ );
+ this.setState({ isImporting: false });
+ console.error('Error with response', parsedErrorMsg);
+ }
+ });
+ })
+ .catch(error => {
+ console.error(error);
+ this.props.dispatch(
+ showErrorNotification(
+ 'Metadata import failed',
+ 'Cannot connect to server'
+ )
+ );
+ this.setState({ isImporting: false });
+ });
+ }
+ render() {
+ const styles = require('../PageContainer/PageContainer.scss');
+ const metaDataStyles = require('./Metadata.scss');
+ return (
+
+
+
+ );
+ }
+}
+
+ImportMetadata.propTypes = {
+ dispatch: PropTypes.func.isRequired,
+};
+
+export default ImportMetadata;
diff --git a/console/src/components/Services/Data/Metadata/Metadata.js b/console/src/components/Services/Data/Metadata/Metadata.js
new file mode 100644
index 0000000000000..3d1b0267cc562
--- /dev/null
+++ b/console/src/components/Services/Data/Metadata/Metadata.js
@@ -0,0 +1,113 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import Helmet from 'react-helmet';
+
+import ExportMetadata from './ExportMetadata';
+import ImportMetadata from './ImportMetadata';
+import ReloadMetadata from './ReloadMetadata';
+
+const semver = require('semver');
+
+class Metadata extends Component {
+ constructor() {
+ super();
+ this.state = {
+ showMetadata: false,
+ };
+ }
+ componentDidMount() {
+ if (this.props.serverVersion) {
+ this.checkSemVer(this.props.serverVersion);
+ }
+ }
+ componentWillReceiveProps(nextProps) {
+ if (nextProps.serverVersion !== this.props.serverVersion) {
+ this.checkSemVer(nextProps.serverVersion);
+ }
+ }
+ checkSemVer(version) {
+ let showMetadata = false;
+ try {
+ showMetadata = semver.gt(version, '1.0.0-alpha16');
+ if (showMetadata) {
+ this.setState({ ...this.state, showMetadata: true });
+ } else {
+ this.setState({ ...this.state, showMetadata: false });
+ }
+ } catch (e) {
+ this.setState({ ...this.state, showMetadata: false });
+ console.error(e);
+ }
+ }
+ render() {
+ const styles = require('../TableCommon/Table.scss');
+ const metaDataStyles = require('./Metadata.scss');
+ return (
+
+
+
+
+ Hasura Metadata
+
+
+
+ Hasura metadata stores information about your tables, relationships,
+ and permissions that is used to generate the GraphQL schema and API.{' '}
+
+ Read more
+
+ .
+
+
+
+
Import/Export
+
+ Get Hasura metadata as JSON.
+
+
+
+
+
+
+
+
+
+ {this.state.showMetadata
+ ? [
+
+
Reload metadata
+
+ Refresh Hasura metadata, typically required if you have
+ changed the underlying postgres.
+
+
,
+
+
+
,
+ ]
+ : null}
+
+
+
+ );
+ }
+}
+
+export default ReloadMetadata;
diff --git a/console/src/components/Services/Data/Notification.js b/console/src/components/Services/Data/Notification.js
index 0bbf486f486d5..18c6057d60df1 100644
--- a/console/src/components/Services/Data/Notification.js
+++ b/console/src/components/Services/Data/Notification.js
@@ -74,42 +74,42 @@ const showErrorNotification = (title, message, reqBody, error) => {
message: modMessage,
action: finalJson
? {
- label: 'Details',
- callback: () => {
- dispatch(
- showNotification({
- level: 'error',
- title,
- message: modMessage,
- dismissible: 'button',
- children: [
-
-
{
- e.preventDefault();
- expandClicked(finalJson);
- }}
- className={styles.aceBlockExpand + ' fa fa-expand'}
- />
-
- {refreshBtn}
-
+
{
+ e.preventDefault();
+ expandClicked(finalJson);
+ }}
+ className={styles.aceBlockExpand + ' fa fa-expand'}
+ />
+
+ {refreshBtn}
+
diff --git a/console/src/components/Services/Data/index.js b/console/src/components/Services/Data/index.js
index 47e057bd49a24..a83df28ac86d8 100644
--- a/console/src/components/Services/Data/index.js
+++ b/console/src/components/Services/Data/index.js
@@ -26,6 +26,8 @@ export dataRouter from './DataRouter';
export dataReducer from './DataReducer';
+export metadataConnector from './Metadata/Metadata.js';
+
/*
export Logs from './Logs/Logs';
export BrowseTemplates from './QueryTemplates/BrowseTemplates';
diff --git a/console/src/routes.js b/console/src/routes.js
index 7dd7542a0f5ce..dcd9bdf8bb0b6 100644
--- a/console/src/routes.js
+++ b/console/src/routes.js
@@ -17,6 +17,8 @@ import generatedApiExplorer from './components/ApiExplorer/ApiExplorerGenerator'
import generatedLoginConnector from './components/Login/Login';
+import { metadataConnector } from './components/Services/Data';
+
import globals from './Globals';
const routes = store => {
@@ -60,6 +62,7 @@ const routes = store => {
path="api-explorer"
component={generatedApiExplorer(connect)}
/>
+
{makeDataRouter}
{makeEventRouter}
diff --git a/console/static/fonts/ARCADECLASSIC.ttf b/console/static/fonts/ARCADECLASSIC.ttf
new file mode 100644
index 0000000000000..394a9f781ceda
Binary files /dev/null and b/console/static/fonts/ARCADECLASSIC.ttf differ
diff --git a/console/static/fonts/pizzadudedotdk.txt b/console/static/fonts/pizzadudedotdk.txt
new file mode 100644
index 0000000000000..426d08e3f7c5e
--- /dev/null
+++ b/console/static/fonts/pizzadudedotdk.txt
@@ -0,0 +1,14 @@
+Thank you for downloading this font!
+
+This font is copyright (c) Jakob Fischer at www.pizzadude.dk, all rights reserved. Do not distribute without the author's permission.
+
+Use this font for non-commercial use only! If you plan to use it for commercial purposes, contact me before doing so!
+
+
+For more original fonts take a look at www.pizzadude.dk
+
+Have fun and enjoy!
+
+Jakob Fischer
+jakob@pizzadude.dk
+www.pizzadude.dk
\ No newline at end of file
diff --git a/server/src-lib/Hasura/RQL/DDL/Metadata.hs b/server/src-lib/Hasura/RQL/DDL/Metadata.hs
index 286807d8135df..5122981f7a95f 100644
--- a/server/src-lib/Hasura/RQL/DDL/Metadata.hs
+++ b/server/src-lib/Hasura/RQL/DDL/Metadata.hs
@@ -26,6 +26,8 @@ module Hasura.RQL.DDL.Metadata
, ClearMetadata(..)
, clearMetadata
+
+ , ReloadMetadata(..)
) where
import Control.Lens
@@ -369,6 +371,29 @@ instance HDBQuery ExportMetadata where
schemaCachePolicy = SCPNoChange
+data ReloadMetadata
+ = ReloadMetadata
+ deriving (Show, Eq, Lift)
+
+instance FromJSON ReloadMetadata where
+ parseJSON _ = return ReloadMetadata
+
+$(deriveToJSON defaultOptions ''ReloadMetadata)
+
+instance HDBQuery ReloadMetadata where
+
+ type Phase1Res ReloadMetadata = ()
+ phaseOne _ = adminOnly
+
+ phaseTwo _ _ = do
+ sc <- liftTx $ do
+ Q.catchE defaultTxErrorHandler clearHdbViews
+ DT.buildSchemaCache
+ writeSchemaCache sc
+ return successMsg
+
+ schemaCachePolicy = SCPReload
+
data DumpInternalState
= DumpInternalState
deriving (Show, Eq, Lift)
diff --git a/server/src-lib/Hasura/Server/Query.hs b/server/src-lib/Hasura/Server/Query.hs
index 835ed9b85a7d5..be3ab305eaf16 100644
--- a/server/src-lib/Hasura/Server/Query.hs
+++ b/server/src-lib/Hasura/Server/Query.hs
@@ -87,6 +87,7 @@ data RQLQuery
| RQReplaceMetadata !ReplaceMetadata
| RQExportMetadata !ExportMetadata
| RQClearMetadata !ClearMetadata
+ | RQReloadMetadata !ReloadMetadata
| RQDumpInternalState !DumpInternalState
@@ -184,6 +185,7 @@ queryNeedsReload qi = case qi of
RQReplaceMetadata q -> queryModifiesSchema q
RQExportMetadata q -> queryModifiesSchema q
RQClearMetadata q -> queryModifiesSchema q
+ RQReloadMetadata q -> queryModifiesSchema q
RQDumpInternalState q -> queryModifiesSchema q
@@ -231,6 +233,7 @@ buildTxAny userInfo sc rq = case rq of
RQReplaceMetadata q -> buildTx userInfo sc q
RQClearMetadata q -> buildTx userInfo sc q
RQExportMetadata q -> buildTx userInfo sc q
+ RQReloadMetadata q -> buildTx userInfo sc q
RQDumpInternalState q -> buildTx userInfo sc q
diff --git a/server/test/Spec.hs b/server/test/Spec.hs
index 23be6c7209ece..840ae35ab1ed7 100644
--- a/server/test/Spec.hs
+++ b/server/test/Spec.hs
@@ -42,6 +42,7 @@ querySpecFiles =
, "create_author_article_permissions.yaml"
, "create_address_resident_relationship_error.yaml"
, "create_user_permission_address.yaml"
+ , "reload_metadata.yaml"
, "create_author_permission_role_admin_error.yaml"
, "create_user_permission_test_table.yaml"
, "all_json_queries.yaml"
diff --git a/server/test/testcases/reload_metadata.yaml b/server/test/testcases/reload_metadata.yaml
new file mode 100644
index 0000000000000..02485a5f9a9d5
--- /dev/null
+++ b/server/test/testcases/reload_metadata.yaml
@@ -0,0 +1,6 @@
+description: Reload schema cache (metadata)
+url: /v1/query
+status: 200
+query:
+ type: reload_metadata
+ args: {}
|