5 | Permalink: {datasetUrl({userName, slug})}
6 |
7 | );
8 |
--------------------------------------------------------------------------------
/packages/database/src/collectionName.js:
--------------------------------------------------------------------------------
1 | export const DOCUMENT_INFO = 'documentInfo';
2 | export const DOCUMENT_CONTENT = 'documentContent';
3 | export const USER = 'user';
4 | export const THUMBNAIL_IMAGES = 'thumbnailImages';
5 | export const PREVIEW_IMAGES = 'previewImages';
6 |
--------------------------------------------------------------------------------
/packages/useCases/src/index.ts:
--------------------------------------------------------------------------------
1 | export {
2 | Interactor,
3 | RequestModel,
4 | ResponseModel
5 | } from './interactor';
6 |
7 | export {
8 | VisualizationGateway
9 | } from './gatewayInterfaces/visualizationGateway';
10 |
11 | export * from './interactors';
12 |
--------------------------------------------------------------------------------
/packages/gateways/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "outDir": "./dist/",
4 | "sourceMap": true,
5 | "strictNullChecks": true,
6 | "lib": [ "ESNext", "dom" ],
7 | "allowJs": true
8 | },
9 | "include": [
10 | "./src/"
11 | ]
12 | }
13 |
--------------------------------------------------------------------------------
/packages/useCases/src/gatewayInterfaces/imageGeneratorGateway.ts:
--------------------------------------------------------------------------------
1 | import { Visualization, Images } from 'datavis-tech-entities';
2 |
3 | export interface ImageGeneratorGateway {
4 | generateImages(visualization: Visualization, waitTime: number | undefined): Promise
6 |
11 | );
12 |
--------------------------------------------------------------------------------
/packages/entities/src/file.ts:
--------------------------------------------------------------------------------
1 | export class File {
2 |
3 | // The name of the file.
4 | // For example "index.html", "index.js", "foo.js", "styles.css"
5 | name: string;
6 |
7 | // The text file content.
8 | text: string;
9 |
10 | constructor (data) {
11 | this.name = data.name;
12 | this.text = data.text;
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/packages/useCases/src/gatewayInterfaces/imageStorageGateway.ts:
--------------------------------------------------------------------------------
1 | import { DocumentId, Images } from 'datavis-tech-entities';
2 |
3 | export interface ImageStorageGateway {
4 | updateImages({ id: DocumentId, images: Images}): Promise
7 |
10 | {title}
8 | { children } 9 |
5 | { children }
6 |
7 | );
8 |
9 | EditorGrid.Left = ({children}) => (
10 |
11 | { children }
12 |
13 | );
14 |
15 | EditorGrid.Center = ({children}) => (
16 |
17 | { children }
18 |
19 | );
20 |
--------------------------------------------------------------------------------
/packages/web/server/setupRaven.js:
--------------------------------------------------------------------------------
1 | // This reports errors to https://sentry.io for alerts.
2 | import Raven from 'raven';
3 |
4 | export const setupRaven = expressApp => {
5 | Raven.config('https://fa728910e7374f7a8be9ef439d153436@sentry.io/1246750').install();
6 | expressApp.use(Raven.requestHandler());
7 |
8 | expressApp.get('/testRaven', (req, res) => {
9 | throw new Error('Broke!');
10 | });
11 |
12 | expressApp.use(Raven.errorHandler());
13 | };
14 |
--------------------------------------------------------------------------------
/packages/web/static/example.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Example Static File
8 |If you want to serve static files - including images, or fonts - just place them in the /static directory.
9 |This file is accessible from /static/example.html.
10 | 11 | 12 | -------------------------------------------------------------------------------- /graveyard/clientGateway.js: -------------------------------------------------------------------------------- 1 | import ShareDB from '@teamwork/sharedb/lib/client'; 2 | import { Gateway } from 'datavis-tech-gateways'; 3 | import { Database } from 'datavis-tech-database'; 4 | 5 | const ClientGateway = () => { 6 | const socket = new WebSocket('ws://' + window.location.host); 7 | const connection = new ShareDB.Connection(socket); 8 | const database = Database(connection); 9 | return Gateway(database); 10 | }; 11 | 12 | export default ClientGateway; 13 | -------------------------------------------------------------------------------- /packages/database/src/save.js: -------------------------------------------------------------------------------- 1 | import jsonDiff from 'json0-ot-diff'; 2 | import diffMatchPatch from 'diff-match-patch'; 3 | 4 | export const save = (doc, data) => new Promise((resolve, reject) => { 5 | const callback = error => error 6 | ? reject(error) 7 | : resolve({ status: 'success' }); 8 | 9 | if (!doc.type) { 10 | doc.create(data, callback); 11 | } else { 12 | doc.submitOp(jsonDiff(doc.data, data, diffMatchPatch), callback); 13 | } 14 | }); 15 | -------------------------------------------------------------------------------- /packages/ui/src/redux/epics/autoSaveEpic.js: -------------------------------------------------------------------------------- 1 | import { debounceTime, mapTo } from 'rxjs/operators'; 2 | import { CHANGE_FILE_TEXT, SET_VISUALIZATION_HEIGHT } from '../actionTypes'; 3 | import { save } from '../actionCreators'; 4 | import { autoSaveDebounceTime } from '../../constants'; 5 | 6 | export const autoSaveEpic = action$ => 7 | action$.ofType(CHANGE_FILE_TEXT, SET_VISUALIZATION_HEIGHT).pipe( 8 | debounceTime(autoSaveDebounceTime), 9 | mapTo(save()) 10 | ); 11 | -------------------------------------------------------------------------------- /packages/ui/src/redux/epics/confirmFileDeleteEpic.js: -------------------------------------------------------------------------------- 1 | import { map, filter } from 'rxjs/operators'; 2 | import { DELETE_FILE } from '../actionTypes'; 3 | import { fileDeleted } from '../actionCreators'; 4 | 5 | export const confirmFileDeleteEpic = action$ => 6 | action$.ofType(DELETE_FILE).pipe( 7 | map(action => ( 8 | window.confirm('Are you sure?') 9 | ? fileDeleted(action.fileName) 10 | : null 11 | )), 12 | filter(Boolean) 13 | ); 14 | -------------------------------------------------------------------------------- /packages/ui/src/redux/epics/promptForNewFileNameEpic.js: -------------------------------------------------------------------------------- 1 | import { map } from 'rxjs/operators'; 2 | import { CREATE_NEW_FILE } from '../actionTypes'; 3 | import { newFileCreated } from '../actionCreators'; 4 | 5 | export const promptForNewFileNameEpic = action$ => 6 | action$.ofType(CREATE_NEW_FILE).pipe( 7 | map(action => { 8 | const fileName = window.prompt('Please enter a file name', 'myNewFile.js'); 9 | return newFileCreated(fileName); 10 | }) 11 | ); 12 | -------------------------------------------------------------------------------- /packages/imageGenerationService/src/computeImageDimensions.js: -------------------------------------------------------------------------------- 1 | export const computeImageDimensions = ({ actual, desired }) => 2 | actual.width / actual.height < desired.width / desired.height 3 | ? 4 | { 5 | width: desired.width, 6 | height: Math.round(actual.height / actual.width * desired.width) 7 | } 8 | : 9 | { 10 | width: Math.round(actual.width / actual.height * desired.height), 11 | height: desired.height 12 | }; 13 | -------------------------------------------------------------------------------- /packages/ui/src/testingApp/saveSimulationEpic.js: -------------------------------------------------------------------------------- 1 | import { delay, mapTo } from 'rxjs/operators'; 2 | import { SAVE } from '../redux/actionTypes'; 3 | import { saveSuccess } from '../redux/actionCreators'; 4 | 5 | // Simulates saving the data to the server, with a delay of 1 second, 6 | // for testing the "Saving..." -> "Saved" part of the UI. 7 | export const saveSimulationEpic = action$ => 8 | action$.ofType(SAVE).pipe( 9 | delay(1000), 10 | mapTo(saveSuccess()) 11 | ); 12 | -------------------------------------------------------------------------------- /packages/controllers/src/apiController/index.js: -------------------------------------------------------------------------------- 1 | import { visualizationAPIController } from './visualizationAPIController/index'; 2 | import { datasetAPIController } from './datasetAPIController/index'; 3 | import { userAPIController } from './userAPIController/index'; 4 | 5 | export const apiController = (expressApp, gateways) => { 6 | visualizationAPIController(expressApp, gateways); 7 | datasetAPIController(expressApp, gateways); 8 | userAPIController(expressApp, gateways); 9 | }; 10 | -------------------------------------------------------------------------------- /packages/ui/src/exports.js: -------------------------------------------------------------------------------- 1 | export { uiRedux } from './redux/index'; 2 | export { IDEContainer } from './ide/index'; 3 | export { VisualizationRunner } from './visualizationRunner/index'; 4 | export { VisualizationFullscreen } from './visualizationFullscreen/index'; 5 | export { computeSrcDoc } from './visualizationRunner/computeSrcDoc'; 6 | export { FullPage } from './atoms/fullPage'; 7 | export { Avatar } from './atoms/avatar'; 8 | export { runDebounceTime, autoSaveDebounceTime } from './constants'; 9 | -------------------------------------------------------------------------------- /graveyard/oldUseCases/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "datavis-tech-use-cases", 3 | "version": "1.0.0", 4 | "private": true, 5 | "description": "", 6 | "main": "src/index.js", 7 | "scripts": { 8 | "test": "mocha -r esm" 9 | }, 10 | "author": "Curran Kelleher", 11 | "license": "UNLICENSED", 12 | "dependencies": { 13 | "datavis-tech-entities": "1", 14 | "datavis-tech-i18n": "1", 15 | "esm": "^3.0.51", 16 | "mocha": "^5.2.0", 17 | "uuid": "^3.2.1" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /packages/ui/rollup.config.js: -------------------------------------------------------------------------------- 1 | import buble from 'rollup-plugin-buble'; 2 | 3 | export default { 4 | input: 'src/exports.js', 5 | external: [ 6 | 'react', 7 | 'react-measure', 8 | 'magic-sandbox', 9 | 'react-codemirror2', 10 | 'redux', 11 | 'classnames', 12 | 'react-redux', 13 | 'lodash/fp/unionBy', 14 | 'rxjs/operators' 15 | ], 16 | plugins: [ 17 | buble() 18 | ], 19 | output: [ 20 | { file: 'dist/index.js', format: 'cjs' } 21 | ] 22 | }; 23 | -------------------------------------------------------------------------------- /packages/entities/src/documentPart.ts: -------------------------------------------------------------------------------- 1 | import { DocumentId } from './documentId'; 2 | 3 | export class DocumentPart { 4 | 5 | // The unique ID of the document 6 | // that this document part is a part of. 7 | id: DocumentId; 8 | 9 | // The type of this document. 10 | // Either documentTypes.VISUALIZATION_TYPE or documentTypes.DATASET_TYPE 11 | documentType: string; 12 | 13 | constructor(data) { 14 | this.id = data.id; 15 | this.documentType = data.documentType; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /packages/controllers/src/apiController/datasetAPIController/index.js: -------------------------------------------------------------------------------- 1 | import { createDatasetController } from './createDatasetController'; 2 | import { getDatasetController } from './getDatasetController'; 3 | // import { saveDatasetController } from './saveDatasetController'; 4 | 5 | export const datasetAPIController = (expressApp, gateways) => { 6 | createDatasetController(expressApp, gateways); 7 | getDatasetController(expressApp, gateways); 8 | // saveDatasetController(expressApp, datasetGateway); 9 | }; 10 | -------------------------------------------------------------------------------- /packages/imageGenerationService/src/resize.js: -------------------------------------------------------------------------------- 1 | import sharp from 'sharp'; 2 | import { computeImageDimensions } from './computeImageDimensions'; 3 | 4 | export const resize = async options => { 5 | const { 6 | actualDimensions: actual, 7 | desiredDimensions: desired, 8 | screenshotBuffer 9 | } = options; 10 | 11 | const { width, height } = computeImageDimensions({ actual, desired }); 12 | 13 | return await sharp(screenshotBuffer) 14 | .resize(width, height) 15 | .toBuffer(); 16 | }; 17 | -------------------------------------------------------------------------------- /packages/ui/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | node_modules 5 | 6 | # testing 7 | /coverage 8 | 9 | # production 10 | /build 11 | 12 | # misc 13 | .DS_Store 14 | .env.local 15 | .env.development.local 16 | .env.test.local 17 | .env.production.local 18 | 19 | npm-debug.log* 20 | yarn-debug.log* 21 | yarn-error.log* 22 | 23 | yarn.lock 24 | 25 | # editor turd 26 | *.swp 27 | 28 | # built files 29 | dist 30 | 31 | package-lock.json 32 | -------------------------------------------------------------------------------- /packages/presenters/src/visualizationViewModel.js: -------------------------------------------------------------------------------- 1 | import { Visualization, Files, DocumentId } from 'datavis-tech-entities'; 2 | 3 | export class VisualizationViewModel { 4 | constructor(visualization) { 5 | this.id = visualization.id; 6 | this.files = visualization.content.files; 7 | this.title = visualization.info.title; 8 | this.description = visualization.info.description; 9 | this.width = 960; // visualization.info.width; 10 | this.height = visualization.info.height || 500; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/web/redux/epics/forkSuccessEpic.js: -------------------------------------------------------------------------------- 1 | import Router from 'next/router'; 2 | import { map, filter } from 'rxjs/operators'; 3 | import { uiRedux } from 'vizhub-ui'; 4 | import { visualizationRoute } from '../../routes/routeGenerators'; 5 | 6 | const { 7 | actionTypes: { 8 | FORK_SUCCESS 9 | } 10 | } = uiRedux; 11 | 12 | export const forkSuccessEpic = (action$, state$) => 13 | action$.ofType(FORK_SUCCESS).pipe( 14 | map(action => Router.push(visualizationRoute(action))), 15 | filter(Boolean) 16 | ); 17 | -------------------------------------------------------------------------------- /packages/database/src/fetchShareDBDoc.js: -------------------------------------------------------------------------------- 1 | import { i18n } from 'datavis-tech-i18n'; 2 | 3 | export const fetchShareDBDoc = (collection, id, connection) => ( 4 | new Promise((resolve, reject) => { 5 | const shareDBDoc = connection.get(collection, id); 6 | shareDBDoc.fetch(error => { 7 | error ? reject(error) : resolve(shareDBDoc); 8 | // : shareDBDoc.type 9 | // ? resolve(shareDBDoc) 10 | // : reject({ message: i18n('errorDocNotFound'), statusCode: 404 }); 11 | }); 12 | }) 13 | ); 14 | -------------------------------------------------------------------------------- /packages/web/redux/actionTypes.js: -------------------------------------------------------------------------------- 1 | const prefix = name => `vizhub-app/${name}`; 2 | 3 | export const START_BUILD = prefix('START_BUILD'); 4 | export const BUILD_ERROR = prefix('BUILD_ERROR'); 5 | export const SET_CSRF_TOKEN = prefix('SET_CSRF_TOKEN'); 6 | export const SET_VISUALIZATION = prefix('SET_VISUALIZATION'); 7 | export const VISUALIZATION_DELETE_SUCCESS = prefix('VISUALIZATION_DELETE_SUCCESS'); 8 | export const VISUALIZATION_DELETE_ERROR = prefix('VISUALIZATION_DELETE_ERROR'); 9 | export const SET_USER = prefix('SET_USER'); 10 | -------------------------------------------------------------------------------- /packages/web/redux/epics/startBuildEpic.js: -------------------------------------------------------------------------------- 1 | import { startBuild } from '../actionCreators'; 2 | import { uiRedux, runDebounceTime } from 'vizhub-ui'; 3 | import { mapTo, debounceTime, filter } from 'rxjs/operators'; 4 | 5 | const { 6 | actionTypes: { 7 | CHANGE_FILE_TEXT 8 | } 9 | } = uiRedux; 10 | 11 | export const startBuildEpic = action$ => 12 | action$.ofType(CHANGE_FILE_TEXT).pipe( 13 | filter(action => action.fileName.endsWith('.js')), 14 | debounceTime(runDebounceTime), 15 | mapTo(startBuild()) 16 | ); 17 | -------------------------------------------------------------------------------- /packages/ui/src/redux/epics/confirmVisualizationDeleteEpic.js: -------------------------------------------------------------------------------- 1 | import { map, filter } from 'rxjs/operators'; 2 | import { DELETE_VISUALIZATION } from '../actionTypes'; 3 | import { visualizationDeleted } from '../actionCreators'; 4 | 5 | export const confirmVisualizationDeleteEpic = action$ => 6 | action$.ofType(DELETE_VISUALIZATION).pipe( 7 | map(action => ( 8 | window.confirm('Are you sure you want to delete this visualization?') 9 | ? visualizationDeleted() 10 | : null 11 | )), 12 | filter(Boolean) 13 | ); 14 | -------------------------------------------------------------------------------- /packages/web/css/variables.sass: -------------------------------------------------------------------------------- 1 | $family-sans-serif: "Ubuntu", sans-serif 2 | $family-monospace: "Ubuntu Mono", monospace 3 | $body-background-color: hsl(0, 0%, 98%) 4 | $radius: 0px 5 | $radius-large: 0px 6 | $input-shadow: none 7 | 8 | @import "../node_modules/bulma/sass/utilities/initial-variables" 9 | @import "../node_modules/bulma/sass/utilities/functions" 10 | 11 | $link: #005261 12 | $link-visited: $grey 13 | $link-focus-border: $grey 14 | $box-shadow: 0 0 0 1px $grey-lighter 15 | 16 | @import "../node_modules/bulma/sass/utilities/derived-variables" 17 | -------------------------------------------------------------------------------- /packages/web/routes/index.js: -------------------------------------------------------------------------------- 1 | import NextRoutes from 'next-routes'; 2 | 3 | export const routes = NextRoutes() 4 | .add('auth/callback', '/auth/callback') 5 | .add('auth/error', '/auth/error') 6 | .add('auth', '/auth') 7 | .add('create-visualization', '/create-visualization') 8 | .add('upload-dataset', '/upload-dataset') 9 | .add('thumbnailsTest', '/thumbnailsTest') 10 | .add('profile', '/:userName') 11 | .add('fullscreen', '/:userName/:id/fullscreen') 12 | .add('visualization', '/:userName/:id') 13 | .add('dataset', '/:userName/datasets/:slug') 14 | -------------------------------------------------------------------------------- /packages/web/components/atoms/titledPage.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Head from 'next/head'; 3 | import { CommentLink } from './commentLink'; 4 | 5 | export const TitledPage = ({title, children, disableCommentLink}) => { 6 | if (!title) { 7 | throw new Error('The "title" prop is required for TitledPage.'); 8 | } 9 | return ( 10 |
19 | { info.title }
20 |
21 |
22 | )
23 |
--------------------------------------------------------------------------------
/packages/controllers/src/apiController/userAPIController/getProfileDataController.js:
--------------------------------------------------------------------------------
1 | import { GetUserProfileData } from 'datavis-tech-use-cases';
2 |
3 | export const getProfileDataController = (expressApp, gateways) => {
4 |
5 | const getUserProfileData = new GetUserProfileData(gateways);
6 |
7 | expressApp.get('/api/user/getProfileData/:userName', async (req, res) => {
8 | try {
9 | const { userName } = req.params;
10 | const requestModel = { userName };
11 | const responseModel = await getUserProfileData.execute(requestModel);
12 | res.json(responseModel);
13 | } catch (error) {
14 | res.json({
15 | error: {
16 | message: error.message,
17 | statusCode: error.statusCode
18 | }
19 | });
20 | }
21 | });
22 | }
23 |
--------------------------------------------------------------------------------
/packages/controllers/src/apiController/visualizationAPIController/deleteVisualizationController.js:
--------------------------------------------------------------------------------
1 | import { DeleteVisualization } from 'datavis-tech-use-cases';
2 | import { userIdFromReq } from '../userIdFromReq';
3 |
4 | export const deleteVisualizationController = (expressApp, gateways) => {
5 | const deleteVisualization = new DeleteVisualization(gateways);
6 |
7 | expressApp.post('/api/visualization/delete', async (req, res) => {
8 | try {
9 | const requestModel = {
10 | id: req.body.id,
11 | userId: userIdFromReq(req)
12 | };
13 | const responseModel = await deleteVisualization.execute(requestModel);
14 | res.json(responseModel);
15 | } catch (error) {
16 | res.json({
17 | error: error.message
18 | });
19 | }
20 | });
21 | }
22 |
--------------------------------------------------------------------------------
/packages/controllers/src/apiController/datasetAPIController/createDatasetController.js:
--------------------------------------------------------------------------------
1 | import { CreateDataset } from 'datavis-tech-use-cases';
2 | import { userIdFromReq } from '../userIdFromReq';
3 |
4 | export const createDatasetController = (expressApp, gateways) => {
5 | const createDataset = new CreateDataset(gateways);
6 |
7 | expressApp.post('/api/dataset/create', async (req, res) => {
8 | try {
9 | const owner = userIdFromReq(req);
10 | const { title, file, sourceName, sourceUrl } = req.body;
11 |
12 | const requestModel = { owner, title, file, sourceName, sourceUrl };
13 | const responseModel = await createDataset.execute(requestModel);
14 | res.json(responseModel);
15 | } catch (error) {
16 | res.json({ error: error.message });
17 | }
18 | });
19 | }
20 |
--------------------------------------------------------------------------------
/packages/presenters/src/d3Packages.js:
--------------------------------------------------------------------------------
1 | // Derived from https://github.com/d3/d3/blob/master/index.js
2 | export const d3Packages = [
3 | 'd3',
4 | // 'd3-array',
5 | // 'd3-axis',
6 | // 'd3-brush',
7 | // 'd3-chord',
8 | // 'd3-collection',
9 | // 'd3-color',
10 | // 'd3-contour',
11 | // 'd3-dispatch',
12 | // 'd3-drag',
13 | // 'd3-dsv',
14 | // 'd3-ease',
15 | // 'd3-fetch',
16 | // 'd3-force',
17 | // 'd3-format',
18 | // 'd3-geo',
19 | // 'd3-hierarchy',
20 | // 'd3-interpolate',
21 | // 'd3-path',
22 | // 'd3-polygon',
23 | // 'd3-quadtree',
24 | // 'd3-random',
25 | // 'd3-scale',
26 | // 'd3-scale-chromatic',
27 | // 'd3-selection',
28 | // 'd3-shape',
29 | // 'd3-time',
30 | // 'd3-time-format',
31 | // 'd3-timer',
32 | // 'd3-transition',
33 | // 'd3-voronoi',
34 | // 'd3-zoom'
35 | ];
36 |
--------------------------------------------------------------------------------
/packages/web/LICENSE_NEXTJS_STARTER.txt:
--------------------------------------------------------------------------------
1 | ISC License
2 |
3 | Copyright (c) 2018, Iain Collins
4 |
5 | Permission to use, copy, modify, and/or distribute this software for any
6 | purpose with or without fee is hereby granted, provided that the above
7 | copyright notice and this permission notice appear in all copies.
8 |
9 | THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
10 | WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
11 | MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
12 | ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
13 | WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
14 | ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
15 | OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
--------------------------------------------------------------------------------
/packages/useCases/src/gatewayInterfaces/datasetGateway.ts:
--------------------------------------------------------------------------------
1 | import { UserId, DocumentId, File, DatasetInfo } from 'datavis-tech-entities';
2 |
3 | import {
4 | CreateDatasetRequestModel,
5 | CreateDatasetResponseModel,
6 | GetDatasetRequestModel,
7 | GetDatasetResponseModel,
8 | //SaveDatasetRequestModel,
9 | //SaveDatasetResponseModel
10 | } from '../interactors';
11 |
12 | export interface DatasetGateway {
13 | createDataset(request: CreateDatasetRequestModel):
14 | Promise
13 |
19 | { children }
20 |
21 |
22 | );
23 | };
24 |
25 | IDEGrid.Left = ({children}) => (
26 |
27 | { children }
28 |
29 | );
30 |
31 | IDEGrid.Right = ({children}) => (
32 |
33 | { children }
34 |
35 | );
36 |
--------------------------------------------------------------------------------
/packages/web/pages/auth/error.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Page from '../../components/page';
3 | import { TitledPage } from '../../components/atoms/titledPage';
4 |
5 | export default class extends Page {
6 |
7 | static async getInitialProps({req, query}) {
8 | let props = await super.getInitialProps({req});
9 | props.action = query.action || null;
10 | props.type = query.type || null;
11 | props.service = query.service || null;
12 | return props;
13 | }
14 |
15 | render() {
16 | return (
17 |
19 |
22 | Error signing in
20 |An error occured while trying to sign in.
21 |
15 |
27 |
28 | );
29 |
--------------------------------------------------------------------------------
/packages/controllers/src/apiController/visualizationAPIController/getPreviewController.js:
--------------------------------------------------------------------------------
1 | import { GetPreview } from 'datavis-tech-use-cases';
2 |
3 | export const getPreviewController = (expressApp, gateways) => {
4 | const getPreview = new GetPreview(gateways);
5 | expressApp.get('/api/visualization/preview/:id.png', async (req, res) => {
6 | try {
7 | const id = req.params.id;
8 | const requestModel = { id };
9 | const responseModel = await getPreview.execute(requestModel);
10 | const preview = responseModel.preview;
11 |
12 | const img = new Buffer(preview, 'base64');
13 |
14 | res.writeHead(200, {
15 | 'Content-Type': 'image/png',
16 | 'Content-Length': img.length
17 | });
18 |
19 | res.end(img);
20 | } catch (error) {
21 | res.json({ error })
22 | }
23 | });
24 | }
25 |
--------------------------------------------------------------------------------
/packages/controllers/src/apiController/visualizationAPIController/getThumbnailController.js:
--------------------------------------------------------------------------------
1 | import { GetThumbnail } from 'datavis-tech-use-cases';
2 |
3 | export const getThumbnailController = (expressApp, gateways) => {
4 | const getThumbnail = new GetThumbnail(gateways);
5 | expressApp.get('/api/visualization/thumbnail/:id.png', async (req, res) => {
6 | try {
7 | const id = req.params.id;
8 | const requestModel = { id };
9 | const responseModel = await getThumbnail.execute(requestModel);
10 | const thumbnail = responseModel.thumbnail;
11 |
12 | const img = new Buffer(thumbnail, 'base64');
13 |
14 | res.writeHead(200, {
15 | 'Content-Type': 'image/png',
16 | 'Content-Length': img.length
17 | });
18 |
19 | res.end(img);
20 | } catch (error) {
21 | res.json({ error })
22 | }
23 | });
24 | }
25 |
--------------------------------------------------------------------------------
/packages/entities/src/visualizationContent.ts:
--------------------------------------------------------------------------------
1 | import { DocumentContent } from './documentContent';
2 | import { File } from './file';
3 | import { VISUALIZATION_TYPE } from './documentTypes';
4 |
5 | export class VisualizationContent extends DocumentContent {
6 |
7 | // A representation of "files".
8 | //
9 | // Expected files include:
10 | //
11 | // index.html - Required, the main HTML page.
12 | // index.js - Optional, the JS entry point.
13 | // May import other JS files in this Visualization using ES6 imports,
14 | // `import { something } from './${filename}';`
15 | // styles.css - Optional, CSS file, could be any name ending with .css.
16 | files: File[];
17 |
18 | constructor(data) {
19 | super({
20 | id: data.id,
21 | documentType: VISUALIZATION_TYPE
22 | });
23 |
24 | this.files = data.files;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/packages/entities/src/index.ts:
--------------------------------------------------------------------------------
1 | export { User, UserId } from './user';
2 | export { ciUser } from './ciUser';
3 |
4 | export { DocumentPart } from './documentPart';
5 | export { DocumentInfo } from './documentInfo';
6 | export { DocumentContent } from './documentContent';
7 |
8 | export { VisualizationInfo } from './visualizationInfo';
9 | export { VisualizationContent } from './visualizationContent';
10 | export { Visualization } from './visualization';
11 | export { File } from './file';
12 |
13 | export { DatasetInfo } from './datasetInfo';
14 | export { DatasetContent } from './datasetContent';
15 | export { Dataset } from './dataset';
16 |
17 | export { VISUALIZATION_TYPE, DATASET_TYPE } from './documentTypes';
18 |
19 | import * as testData from './testData';
20 | export { testData };
21 |
22 | export { timestamp } from './timestamp';
23 |
24 | export { Images } from './images';
25 |
--------------------------------------------------------------------------------
/packages/controllers/src/apiController/visualizationAPIController/exportVisualizationController.js:
--------------------------------------------------------------------------------
1 | import { ExportVisualization } from 'datavis-tech-use-cases';
2 |
3 | export const exportVisualizationController = (expressApp, gateways) => {
4 | const exportVisualization = new ExportVisualization(gateways);
5 | expressApp.get('/api/visualization/export/:id', async (req, res) => {
6 | try {
7 | const requestModel = { id: req.params.id };
8 | const responseModel = await exportVisualization.execute(requestModel);
9 |
10 | const { zipFileBuffer, zipFileName } = responseModel;
11 |
12 | res.set({
13 | 'Content-Disposition': `attachment; filename="${zipFileName}"`,
14 | 'Content-Type': 'application/zip'
15 | });
16 |
17 | res.send(zipFileBuffer);
18 |
19 | } catch (error) {
20 | res.json({ error })
21 | }
22 | });
23 | }
24 |
--------------------------------------------------------------------------------
/packages/database/src/getDataset.js:
--------------------------------------------------------------------------------
1 | import { Dataset, DatasetInfo, DatasetContent, DATASET_TYPE } from 'datavis-tech-entities';
2 | import { DOCUMENT_INFO, DOCUMENT_CONTENT } from './collectionName';
3 | import { fetchShareDBDoc } from './fetchShareDBDoc';
4 | import { fetchShareDBQuery } from './fetchShareDBQuery';
5 |
6 | export const getDataset = connection => async ({ owner, slug }) => {
7 |
8 | const mongoQuery = {
9 | documentType: DATASET_TYPE,
10 | slug,
11 | owner
12 | };
13 | const results = await fetchShareDBQuery(DOCUMENT_INFO, mongoQuery, connection);
14 | const info = results[0];
15 |
16 | const content = await fetchShareDBDoc(DOCUMENT_CONTENT, info.id, connection);
17 |
18 | return {
19 | dataset: new Dataset({
20 | datasetInfo: new DatasetInfo(info.data),
21 | datasetContent: new DatasetContent(content.data)
22 | })
23 | };
24 | };
25 |
--------------------------------------------------------------------------------
/packages/ui/src/css/visualizationView.sass:
--------------------------------------------------------------------------------
1 | .visualization-view
2 | position: relative
3 | display: flex
4 | flex-direction: column
5 | min-height: 100%;
6 | font-family: $family-sans
7 | iframe.visualization-runner
8 | position: absolute
9 | .visualization-view-body
10 | flex: 1
11 | margin-left: 5px
12 | margin-top: 5px
13 | .visualization-view-title
14 | font-size: 2.5em
15 | .visualization-view-description
16 | margin-top: 12px
17 | .responsive-youtube
18 | margin-left: -5px
19 | position: relative
20 | padding-bottom: 56.25% /* 16:9 */
21 | padding-top: 25px
22 | height: 0
23 | .responsive-youtube iframe
24 | position: absolute
25 | top: 0
26 | left: 0
27 | width: 100%
28 | height: 100%
29 | .license-info
30 | color: #cccccc
31 | margin-left: 5px
32 | margin-top: 5px
33 |
--------------------------------------------------------------------------------
/packages/web/routes/routeGenerators.js:
--------------------------------------------------------------------------------
1 | export const absolute = relative => 'https://vizhub.com' + relative;
2 |
3 | export const thumbnailUrl = id => `/api/visualization/thumbnail/${id}.png`;
4 | export const previewUrl = id => `/api/visualization/preview/${id}.png`;
5 |
6 | export const profileRoute = ({userName}) =>
7 | `/${userName}`;
8 |
9 | export const visualizationRoute = ({userName, id}) =>
10 | `/${userName}/${id}`;
11 |
12 | export const visualizationRouteFullscreen = ({userName, id}) =>
13 | `/${userName}/${id}/fullscreen`;
14 |
15 | export const datasetRoute = ({userName, slug}) =>
16 | `/${userName}/datasets/${slug}`;
17 |
18 | export const datasetUrl = ({userName, slug}) =>
19 | `https://vizhub.com${datasetRoute({userName, slug})}`;
20 |
21 | export const datasetDownloadUrl = ({userName, slug, format, baseUrl}) =>
22 | `${baseUrl}${datasetRoute({userName, slug})}.${format}`;
23 |
--------------------------------------------------------------------------------
/packages/web/next.config.js:
--------------------------------------------------------------------------------
1 | const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
2 | const withSass = require('@zeit/next-sass');
3 | const withCSS = require('@zeit/next-css');
4 | const commonsChunkConfig = require('@zeit/next-css/commons-chunk-config');
5 | const { ANALYZE } = process.env;
6 |
7 | module.exports = withSass(withCSS({
8 | webpack: config => {
9 | config.resolve.extensions = [ '.mjs', '.js', '.jsx', '.json' ];
10 |
11 | // Enable use of both .sass and .css.
12 | // Should be a temporary workaround.
13 | // See https://github.com/zeit/next-plugins/issues/127
14 | config = commonsChunkConfig(config, /\.(sass|css)$/);
15 |
16 | if (ANALYZE) {
17 | config.plugins.push(new BundleAnalyzerPlugin({
18 | analyzerMode: 'server',
19 | analyzerPort: 8888,
20 | openAnalyzer: true
21 | }));
22 | }
23 |
24 | return config;
25 | }
26 | }));
27 |
--------------------------------------------------------------------------------
/packages/web/models/user.js:
--------------------------------------------------------------------------------
1 | /**
2 | * A simple client-side only model used to list users in the Admin view, which
3 | * is acessible if logged in on a profile that has { "admin": true } set on it.
4 | * It is not used for anything else.
5 | */
6 | import fetch from 'isomorphic-fetch';
7 |
8 | export default class {
9 |
10 | static async list({
11 | page = 0,
12 | size = 10
13 | } = {}) {
14 | return fetch(`/admin/users?page=${page}&size=${size}`, {
15 | credentials: 'same-origin'
16 | })
17 | .then(response => {
18 | if (response.ok) {
19 | return Promise.resolve(response.json());
20 | } else {
21 | return Promise.reject(Error('HTTP error when trying to list users'));
22 | }
23 | })
24 | .then(data => {
25 | return data;
26 | })
27 | .catch(() => Promise.reject(Error('Error trying to list users')));
28 | }
29 |
30 | }
31 |
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | 'globals': {
3 | // Globals for Mocha
4 | 'it': false,
5 | 'describe': false,
6 | 'after': false
7 | },
8 | 'env': {
9 | 'browser': true,
10 | 'es6': true,
11 | 'node': true
12 | },
13 | 'extends': ['eslint:recommended', 'plugin:react/recommended'],
14 | 'parserOptions': {
15 | 'ecmaFeatures': {
16 | 'jsx': true
17 | },
18 | 'ecmaVersion': 2018,
19 | 'sourceType': 'module'
20 | },
21 | 'plugins': [
22 | 'react'
23 | ],
24 | 'rules': {
25 | 'indent': [
26 | 'error',
27 | 2
28 | ],
29 | 'linebreak-style': [
30 | 'error',
31 | 'unix'
32 | ],
33 | 'quotes': [
34 | 'error',
35 | 'single'
36 | ],
37 | 'semi': [
38 | 'error',
39 | 'always'
40 | ],
41 | 'no-console': 0,
42 | 'react/react-in-jsx-scope': 0,
43 | 'react/prop-types': 0
44 | }
45 | };
46 |
--------------------------------------------------------------------------------
/packages/ui/src/redux/epics/updateTitleEpic.js:
--------------------------------------------------------------------------------
1 | import { merge } from 'rxjs';
2 | import { debounceTime, map, filter } from 'rxjs/operators';
3 | import { CHANGE_FILE_TEXT, INIT_FILES } from '../actionTypes';
4 | import { setTitle } from '../actionCreators';
5 | import { runDebounceTime } from '../../constants';
6 | import { getFile } from '../selectors';
7 |
8 | const extractTitle = htmlFile => {
9 | const titleMatch = htmlFile.text.match(/