summaryrefslogtreecommitdiffstats
path: root/devtools/client/projecteditor/chrome/content/projecteditor-loader.js
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /devtools/client/projecteditor/chrome/content/projecteditor-loader.js
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'devtools/client/projecteditor/chrome/content/projecteditor-loader.js')
-rw-r--r--devtools/client/projecteditor/chrome/content/projecteditor-loader.js176
1 files changed, 176 insertions, 0 deletions
diff --git a/devtools/client/projecteditor/chrome/content/projecteditor-loader.js b/devtools/client/projecteditor/chrome/content/projecteditor-loader.js
new file mode 100644
index 000000000..adee8f143
--- /dev/null
+++ b/devtools/client/projecteditor/chrome/content/projecteditor-loader.js
@@ -0,0 +1,176 @@
+var Cu = Components.utils;
+const {require} = Cu.import("resource://devtools/shared/Loader.jsm", {});
+const {FileUtils} = Cu.import("resource://gre/modules/FileUtils.jsm", {});
+const {NetUtil} = Cu.import("resource://gre/modules/NetUtil.jsm", {});
+const promise = require("promise");
+const ProjectEditor = require("devtools/client/projecteditor/lib/projecteditor");
+
+const SAMPLE_PATH = buildTempDirectoryStructure();
+const SAMPLE_NAME = "DevTools Content Application Name";
+const SAMPLE_PROJECT_URL = "data:text/html;charset=utf-8,<body><h1>Project Overview</h1></body>";
+const SAMPLE_ICON = "chrome://devtools/skin/images/tool-debugger.svg";
+
+/**
+ * Create a workspace for working on projecteditor, available at
+ * chrome://devtools/content/projecteditor/chrome/content/projecteditor-loader.xul.
+ * This emulates the integration points that the app manager uses.
+ */
+var appManagerEditor;
+
+// Log a message to the project overview URL to make development easier
+function log(msg) {
+ if (!appManagerEditor) {
+ return;
+ }
+
+ let doc = appManagerEditor.iframe.contentDocument;
+ let el = doc.createElement("p");
+ el.textContent = msg;
+ doc.body.appendChild(el);
+}
+
+document.addEventListener("DOMContentLoaded", function onDOMReady(e) {
+ document.removeEventListener("DOMContentLoaded", onDOMReady, false);
+ let iframe = document.getElementById("projecteditor-iframe");
+ window.projecteditor = ProjectEditor.ProjectEditor(iframe);
+
+ projecteditor.on("onEditorCreated", (editor, a) => {
+ log("editor created: " + editor);
+ if (editor.label === "app-manager") {
+ appManagerEditor = editor;
+ appManagerEditor.on("load", function foo() {
+ appManagerEditor.off("load", foo);
+ log("Working on: " + SAMPLE_PATH);
+ });
+ }
+ });
+ projecteditor.on("onEditorDestroyed", (editor) => {
+ log("editor destroyed: " + editor);
+ });
+ projecteditor.on("onEditorSave", (editor, resource) => {
+ log("editor saved: " + editor, resource.path);
+ });
+ projecteditor.on("onTreeSelected", (resource) => {
+ log("tree selected: " + resource.path);
+ });
+ projecteditor.on("onEditorLoad", (editor) => {
+ log("editor loaded: " + editor);
+ });
+ projecteditor.on("onEditorActivated", (editor) => {
+ log("editor focused: " + editor);
+ });
+ projecteditor.on("onEditorDeactivated", (editor) => {
+ log("editor blur: " + editor);
+ });
+ projecteditor.on("onEditorChange", (editor) => {
+ log("editor changed: " + editor);
+ });
+ projecteditor.on("onCommand", (cmd) => {
+ log("Command: " + cmd);
+ });
+
+ projecteditor.loaded.then(() => {
+ projecteditor.setProjectToAppPath(SAMPLE_PATH, {
+ name: SAMPLE_NAME,
+ iconUrl: SAMPLE_ICON,
+ projectOverviewURL: SAMPLE_PROJECT_URL,
+ validationStatus: "valid"
+ }).then(() => {
+ let allResources = projecteditor.project.allResources();
+ console.log("All resources have been loaded", allResources, allResources.map(r=>r.basename).join("|"));
+ });
+
+ });
+
+}, false);
+
+/**
+ * Build a temporary directory as a workspace for this loader
+ * https://developer.mozilla.org/en-US/Add-ons/Code_snippets/File_I_O
+ */
+function buildTempDirectoryStructure() {
+
+ // First create (and remove) the temp dir to discard any changes
+ let TEMP_DIR = FileUtils.getDir("TmpD", ["ProjectEditor"], true);
+ TEMP_DIR.remove(true);
+
+ // Now rebuild our fake project.
+ TEMP_DIR = FileUtils.getDir("TmpD", ["ProjectEditor"], true);
+
+ FileUtils.getDir("TmpD", ["ProjectEditor", "css"], true);
+ FileUtils.getDir("TmpD", ["ProjectEditor", "data"], true);
+ FileUtils.getDir("TmpD", ["ProjectEditor", "img", "icons"], true);
+ FileUtils.getDir("TmpD", ["ProjectEditor", "js"], true);
+
+ let htmlFile = FileUtils.getFile("TmpD", ["ProjectEditor", "index.html"]);
+ htmlFile.createUnique(Components.interfaces.nsIFile.NORMAL_FILE_TYPE, FileUtils.PERMS_FILE);
+ writeToFile(htmlFile, [
+ "<!DOCTYPE html>",
+ '<html lang="en">',
+ " <head>",
+ ' <meta charset="utf-8" />',
+ " <title>ProjectEditor Temp File</title>",
+ ' <link rel="stylesheet" href="style.css" />',
+ " </head>",
+ ' <body id="home">',
+ " <p>ProjectEditor Temp File</p>",
+ " </body>",
+ "</html>"].join("\n")
+ );
+
+ let readmeFile = FileUtils.getFile("TmpD", ["ProjectEditor", "README.md"]);
+ readmeFile.createUnique(Components.interfaces.nsIFile.NORMAL_FILE_TYPE, FileUtils.PERMS_FILE);
+ writeToFile(readmeFile, [
+ "## Readme"
+ ].join("\n")
+ );
+
+ let licenseFile = FileUtils.getFile("TmpD", ["ProjectEditor", "LICENSE"]);
+ licenseFile.createUnique(Components.interfaces.nsIFile.NORMAL_FILE_TYPE, FileUtils.PERMS_FILE);
+ writeToFile(licenseFile, [
+ "/* This Source Code Form is subject to the terms of the Mozilla Public",
+ " * License, v. 2.0. If a copy of the MPL was not distributed with this",
+ " * file, You can obtain one at http://mozilla.org/MPL/2.0/. */"
+ ].join("\n")
+ );
+
+ let cssFile = FileUtils.getFile("TmpD", ["ProjectEditor", "css", "styles.css"]);
+ cssFile.createUnique(Components.interfaces.nsIFile.NORMAL_FILE_TYPE, FileUtils.PERMS_FILE);
+ writeToFile(cssFile, [
+ "body {",
+ " background: red;",
+ "}"
+ ].join("\n")
+ );
+
+ FileUtils.getFile("TmpD", ["ProjectEditor", "js", "script.js"]).createUnique(Components.interfaces.nsIFile.NORMAL_FILE_TYPE, FileUtils.PERMS_FILE);
+
+ FileUtils.getFile("TmpD", ["ProjectEditor", "img", "fake.png"]).createUnique(Components.interfaces.nsIFile.NORMAL_FILE_TYPE, FileUtils.PERMS_FILE);
+ FileUtils.getFile("TmpD", ["ProjectEditor", "img", "icons", "16x16.png"]).createUnique(Components.interfaces.nsIFile.NORMAL_FILE_TYPE, FileUtils.PERMS_FILE);
+ FileUtils.getFile("TmpD", ["ProjectEditor", "img", "icons", "32x32.png"]).createUnique(Components.interfaces.nsIFile.NORMAL_FILE_TYPE, FileUtils.PERMS_FILE);
+ FileUtils.getFile("TmpD", ["ProjectEditor", "img", "icons", "128x128.png"]).createUnique(Components.interfaces.nsIFile.NORMAL_FILE_TYPE, FileUtils.PERMS_FILE);
+ FileUtils.getFile("TmpD", ["ProjectEditor", "img", "icons", "vector.svg"]).createUnique(Components.interfaces.nsIFile.NORMAL_FILE_TYPE, FileUtils.PERMS_FILE);
+
+ return TEMP_DIR.path;
+}
+
+
+// https://developer.mozilla.org/en-US/Add-ons/Code_snippets/File_I_O#Writing_to_a_file
+function writeToFile(file, data) {
+
+ let defer = promise.defer();
+ var ostream = FileUtils.openSafeFileOutputStream(file);
+
+ var converter = Components.classes["@mozilla.org/intl/scriptableunicodeconverter"].
+ createInstance(Components.interfaces.nsIScriptableUnicodeConverter);
+ converter.charset = "UTF-8";
+ var istream = converter.convertToInputStream(data);
+
+ // The last argument (the callback) is optional.
+ NetUtil.asyncCopy(istream, ostream, function (status) {
+ if (!Components.isSuccessCode(status)) {
+ // Handle error!
+ console.log("ERROR WRITING TEMP FILE", status);
+ }
+ });
+}
generated by cgit v1.2.3 (git 2.25.1) at 2025-01-19 22:04:28 +0000