Skip to content
This repository has been archived by the owner on May 10, 2024. It is now read-only.

Adding store feature with a REST API #196

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Adding store feature with a REST API #196

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
df6401f
Ajout de la gestion de store via API-REST
Apr 18, 2014
9ed11dd
externalisation du Javascript pour index_store.html pour ne pas inter…
May 12, 2014
0b76f14
externalisation du Javascript pour index_store.html pour ne pas inter…
May 12, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
325 changes: 325 additions & 0 deletions app/index_store.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,325 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>API Designer</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">

<!-- build:css({.,.tmp,app}) styles/main.css -->
<link rel="stylesheet" href="vendor/styles/font-awesome.css">
<link rel="stylesheet" href="vendor/styles/codemirror.css">
<link rel="stylesheet" href="vendor/styles/solarized.css">
<link rel="stylesheet" href="vendor/styles/show-hint.css">

<link rel="stylesheet" href="bower_components/api-console/dist/styles/app.css">

<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/shelf.css">
<link rel="stylesheet" href="styles/splitter.css">
<link rel="stylesheet" href="styles/errors.css">
<link rel="stylesheet" href="styles/file-browser.css">
<!--
<link rel="stylesheet" href="styles/console-overrides.css">
-->
<link rel="stylesheet" href="styles/code-mirror-overrides.css">
<link rel="stylesheet" href="styles/font-awesome-overrides.css">
<link rel="stylesheet" href="styles/modal.css">
<link rel="stylesheet" href="styles/menubar.css">
<!-- endbuild -->
</head>
<body ng-app="ramlEditorApp" class="{{$root.theme}}">
<div class="container" ng-include src="'views/raml-editor-main.tmpl.html'"></div>

<!-- build:js({.,.tmp,app}) scripts/vendor.js -->
<script src="vendor/scripts/codemirror.js"></script>
<script src="vendor/scripts/foldcode.js"></script>
<script src="vendor/scripts/foldgutter.js"></script>
<script src="vendor/scripts/gfm.js"></script>
<script src="vendor/scripts/javascript.js"></script>
<script src="vendor/scripts/markdown.js"></script>
<script src="vendor/scripts/overlay.js"></script>
<script src="vendor/scripts/show-hint.js"></script>
<script src="vendor/scripts/xml.js"></script>

<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="bower_components/es5-shim/es5-shim.js"></script>
<script src="bower_components/showdown/src/showdown.js"></script>
<script src="bower_components/showdown/src/extensions/table.js"></script>

<script src="bower_components/raml-js-parser/dist/raml-parser.js"></script>
<script src="bower_components/api-console/dist/scripts/vendor/jquery.js"></script>
<script src="bower_components/api-console/dist/scripts/vendor/vkbeautify.js"></script>
<script src="bower_components/api-console/dist/scripts/app.js"></script>
<script src="bower_components/raml-grammar/dist/suggest.js"></script>
<!-- endbuild -->

<!-- build:js({.,.tmp,app}) scripts/scripts.js -->
<script src="scripts/app.js"></script>
<script src="scripts/services/utils.js"></script>
<script src="scripts/services/config.js"></script>
<script src="scripts/services/lightweight-dom.js"></script>
<script src="scripts/services/lightweight-parse.js"></script>
<script src="scripts/services/code-folding.js"></script>
<script src="scripts/services/code-mirror.js"></script>
<script src="scripts/services/code-mirror-errors.js"></script>
<script src="scripts/services/event.js"></script>
<script src="scripts/services/raml-hint.js"></script>
<script src="scripts/services/raml-snippets.js"></script>
<script src="scripts/services/raml-highlight.js"></script>
<script src="scripts/services/raml-highlight-config.js"></script>
<script src="scripts/services/raml-repository.js"></script>
<script src="scripts/services/file-system.js"></script>
<script src="scripts/services/raml-editor-filename-prompt.js"></script>
<script src="scripts/services/raml-editor-remove-file-prompt.js"></script>
<script src="scripts/services/mocking-service-client.js"></script>
<script src="scripts/services/mocking-service.js"></script>
<script src="scripts/filters/string-filters.js"></script>
<script src="scripts/controllers/raml-editor-main.js"></script>
<script src="scripts/controllers/raml-editor-shelf.js"></script>
<script src="scripts/controllers/notifications.js"></script>
<script src="scripts/controllers/mocking-service-controller.js"></script>
<script src="scripts/directives/splitter.js"></script>
<script src="scripts/directives/raml-editor-context-menu.js"></script>
<script src="scripts/directives/raml-editor-file-browser.js"></script>
<script src="scripts/directives/raml-editor-save-file-button.js"></script>
<script src="scripts/directives/raml-editor-new-file-button.js"></script>
<!-- endbuild -->
<script>
angular.module('ramlEditorApp')
.factory('MyFileSystem', function ($http, $q) {

//angular.module('fs')
// .constant('API_PERSISTENCE_KEY','apiStorageFilePersistence')
// .constant('FOLDER', 'folder')
// .factory('apiStorageFileSystem', function ($http, $q, $timeout, localStorageHelper, FOLDER) {

var files = {};

/**
*
* Save in localStorage entries.
*
* File structure are objects that contain the following attributes:
* * path: The full path (including the filename).
* * content: The content of the file (only valid for files).
* * isFolder: A flag that indicates whether is a folder or file.
*/
var service = {};

function validatePath(path) {
if (path.indexOf('/') !== 0) {
return {valid: false, reason: 'Path should start with "/"'};
}
return {valid: true};
}

function extractNameFromPath(path) {
var pathInfo = validatePath(path);

if (!pathInfo.valid) {
throw 'Invalid Path!';
}

// When the path is ended in '/'
if (path.lastIndexOf('/') === path.length - 1) {
path = path.slice(0, path.length - 1);
}

return path.slice(path.lastIndexOf('/') + 1);
}

/**
* List files found in a given path.
*/
service.directory = function () {
var deferred = $q.defer();

$http({
method: 'GET',
data: '',
url: 'http://localhost:3000/files',
withCredentials: false
}).success(function (data) {
var ramlFiles = [];
Object.keys(data).forEach(function (id) {
files[data[id].path] = id;
ramlFiles.push({path: data[id].path, content: decodeURI(data[id].content)});
});

deferred.resolve({path: '/', meta: {}, children: ramlFiles});
})
.error(deferred.reject.bind(deferred));

return deferred.promise;
};

service.save = function (path, content) {

var deferred = $q.defer();
var file = {};
var fileId = files[path];

file.path = path;
file.content = encodeURI(content);
file.name = extractNameFromPath(path);
file.type = 'file';
file.lastUpdated = new Date();

// Existing file
if (fileId) {
$http({
method: 'PUT',
data: JSON.stringify(file),
url: 'http://localhost:3000/files/' + fileId,
withCredentials: false
}).success(deferred.resolve.bind(deferred))
.error(deferred.reject.bind(deferred));
}
// New File
else {
var newName = extractNameFromPath(path);
var dateCourante = new Date();

file = {
path: path,
name: newName,
content: encodeURI(content),
type: 'file',
lastUpdated: dateCourante
};

$http({
method: 'POST',
data: JSON.stringify(file),
url: 'http://localhost:3000/files/',
withCredentials: false
}).success(function (data) {
files[path] = data._id;
deferred.resolve();
})
.error(deferred.reject.bind(deferred));
}

return deferred.promise;
};

/**
* Create the folders contained in a path.
*/
service.createFolder = function (path) {
var deferred = $q.defer();
var file = {};

file.path = path;
file.name = extractNameFromPath(path);
file.type = 'folder';
file.lastUpdated = new Date();

// We dont manage already existing folders
$http({
method: 'POST',
data: JSON.stringify(file),
url: 'http://localhost:3000/files/',
withCredentials: false
}).success(function (data) {
files[path] = data._id;
deferred.resolve();
})
.error(deferred.reject.bind(deferred));

return deferred.promise;
};

/**
* Loads the content of a file.
*/
service.load = function (path) {
var deferred = $q.defer();

$http({
method: 'GET',
data: '',
url: 'http://localhost:3000/files/' + files[path],
withCredentials: false
}).success(function (data) {
deferred.resolve(decodeURI(data.content));
})
.error(deferred.reject.bind(deferred));
//.error(deferred.reject(fileNotFoundInStoreMessage(path)));

return deferred.promise;
};

/**
* Removes a file or directory.
*/
service.remove = function (path) {
var deferred = $q.defer();

if (!files[path]) {
deferred.reject('file at path "' + path + '" does not exist');
return deferred.promise;
}

$http({
method: 'DELETE',
data: '',
url: 'http://localhost:3000/files/' + files[path],
withCredentials: false
}).success(function () {
delete files[path];
deferred.resolve();
})
.error(deferred.reject.bind(deferred));

return deferred.promise;
};

/**
* Ranames a file or directory
*/
service.rename = function (source, destination) {

var promise = service.load(source).then(function (retour) {
// on enregistre le nouveau fichier
var newType = 'file';
var newName = extractNameFromPath(destination);
return service.save(destination, retour, newName, newType);
}, function (reason) {
// Error in any request
return $q.reject(reason);
}).then(function () {
// on supprime l'ancien fichier
return service.remove(source);
}, function(reason) {
console.log('Failed: ' + reason);
});

return promise;
};

return service;
})
.run(function (MyFileSystem, config, eventService) {
// Set MyFileSystem as the filesystem to use
config.set('fsFactory', 'MyFileSystem');

// In case you want to send notifications to the user
// (for instance, that he must login to save).
// The expires flags means whether
// it should be hidden after a period of time or the
// user should dismiss it manually.
eventService.broadcast('event:notification',
{message: 'File saved.', expires: true});

});

</script>
</body>
</html>
9 changes: 7 additions & 2 deletions app/scripts/services/raml-repository.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -163,9 +163,14 @@

service.loadMeta = function loadMeta(file) {
var metaFile = new RamlFile(file.path + '.meta');
//var metaFile = new RamlFile(file.path);
return service.loadFile(metaFile).then(
function success(file) {
return JSON.parse(file.contents);
//function success(file) {
function success() {
//return JSON.parse(file.contents);
// pour le moment on ne traite pas les meta
//return {};
return { key: 'value' };
},

function failure() {
Expand Down