- Screenshots made simple. Take, save and share screenshots without leaving Firefox. {upsellLink} -
-- Sign in or sign up to sync shots across devices, save your favorite shots forever. -
-
-
;
- }
-
- if (bannerContent) {
- return ;
- }
- return null;
- }
-};
-
-exports.AdBanner.propTypes = {
- isOwner: PropTypes.bool,
- hasFxa: PropTypes.bool,
- shouldGetFirefox: PropTypes.bool,
-};
-
-exports.AdBanner.defaultProps = {
- shouldGetFirefox: false,
-};
diff --git a/server/src/b64.js b/server/src/b64.js
deleted file mode 100644
index 0a620a1511..0000000000
--- a/server/src/b64.js
+++ /dev/null
@@ -1,10 +0,0 @@
-exports.b64EncodeJson = function(obj) {
- obj = JSON.stringify(obj);
- const buffer = new Buffer(obj, "binary");
- return buffer.toString("base64");
-};
-
-exports.b64DecodeJson = function(b64) {
- const string = new Buffer(b64, "base64").toString("binary");
- return JSON.parse(string);
-};
diff --git a/server/src/browser-send-event.js b/server/src/browser-send-event.js
deleted file mode 100644
index d29eebdea3..0000000000
--- a/server/src/browser-send-event.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/* This module exists because on some browsers we find that ga-analytics doesn't get loaded */
-
-let sentEvent = false;
-
-if (typeof window !== "undefined" && window.sendEvent) {
- module.exports = window.sendEvent;
-} else {
- module.exports = function() {
- if (window.sendEvent) {
- window.sendEvent.apply(null, arguments);
- } else {
- // eslint-disable-next-line no-console
- console.log.apply(console, ["missing sendEvent("].concat(Array.from(arguments).concat([")"])));
- if (!sentEvent) {
- // Initialization to send events can take a while:
- setTimeout(() => {
- const event = new CustomEvent("error-no-sendEvent");
- document.dispatchEvent(event);
- }, 3000);
- sentEvent = true;
- }
- }
- };
-}
diff --git a/server/src/caching.js b/server/src/caching.js
deleted file mode 100644
index 71224fc1a5..0000000000
--- a/server/src/caching.js
+++ /dev/null
@@ -1,34 +0,0 @@
-const config = require("./config").getProperties();
-
-const tenMinutesInSeconds = 10 * 60;
-const aDayInSeconds = 24 * 60 * 60;
-exports.cacheTime = 60 * 60 * 24 * 30; // 30 days
-
-if (!config.setCache) {
- exports.cacheTime = 0;
-}
-
-function createCacheSetter(maxAge, flags) {
- return function(res, options) {
- if (config.setCache && maxAge) {
- let vals = [];
- options = options || {};
-
- const pub = options.private ? "private" : "public";
- vals.push(pub);
- vals.push(`max-age=${maxAge}`);
-
- if (flags) {
- vals = vals.concat(flags);
- }
-
- res.set("Cache-Control", vals.join(", "));
- } else {
- res.set("Cache-Control", "no-cache");
- }
- };
-}
-
-exports.doNotCache = createCacheSetter(0);
-exports.setMonthlyCache = createCacheSetter(exports.cacheTime);
-exports.setDailyCache = createCacheSetter(aDayInSeconds, `s-maxage=${tenMinutesInSeconds}`);
diff --git a/server/src/config.js b/server/src/config.js
deleted file mode 100644
index b129b4512f..0000000000
--- a/server/src/config.js
+++ /dev/null
@@ -1,434 +0,0 @@
-/* Note: do not use ES6 features here, we need to use this module from the build system before translation */
-const convict = require("convict");
-const envc = require("envc");
-
-// Populate `process.env` with overrides from environment-specific `.env`
-// files as a side effect. See `https://npmjs.org/envc` for more info.
-envc({booleans: true});
-
-const conf = convict({
- port: {
- doc: "The Screenshots server port",
- format: "port",
- default: 10080,
- env: "PORT",
- arg: "port",
- },
- siteOrigin: {
- doc: "The server public origin (except protocol)",
- format: String,
- default: "localhost:10080",
- env: "SITE_ORIGIN",
- arg: "siteOrigin",
- },
- contentOrigin: {
- doc: "The content server public origin (except protocol)",
- format: String,
- default: "localhost:10080",
- env: "CONTENT_ORIGIN",
- arg: "contentOrigin",
- },
- expectProtocol: {
- doc: "Treat all incoming requests as using this protocol, instead of defaulting to http: or detecting from X-Forwarded-Proto",
- format: String,
- default: "",
- env: "EXPECT_PROTOCOL",
- arg: "expectProtocol",
- },
- localhostSsl: {
- doc: "Turn on SSL on localhost, using ~/.localhost-ssl/*",
- format: Boolean,
- default: false,
- env: "LOCALHOST_SSL",
- arg: "localhost-ssl",
- },
- pngToJpegCutoff: {
- doc: "The limit at which a PNG is converted to a JPEG during an edit save, in bytes. It should match the setting in the addon",
- format: "int",
- default: 2500000,
- env: "PNG_TO_JPEG_CUTOFF",
- arg: "pngToJpegCutoff",
- },
- requestBodySizeLimit: {
- doc: "The maximum allowed body size of a request. It needs to be a format that the 'bytes' node module accepts",
- format: String,
- default: "25mb",
- env: "REQUEST_BODY_SIZE_LIMIT",
- arg: "requestBodySizeLimit",
- },
- useS3: {
- doc: "If true, store files in s3. If false, store them locally",
- format: Boolean,
- default: false,
- env: "USE_S3",
- arg: "useS3",
- },
- s3BucketName: {
- doc: "The name of the bucket to use on s3, if useS3 is true",
- format: String,
- default: "pageshot-images-bucket",
- env: "S3_BUCKET_NAME",
- arg: "s3BucketName",
- },
- fxa: {
- oAuthServer: {
- doc: "The FxA OAuth server base URL",
- format: String,
- default: "https://oauth-stable.dev.lcip.org/v1",
- env: "FXA_OAUTH_URI",
- arg: "oauth-server",
- },
- profileServer: {
- doc: "The FxA profile server base URL",
- format: String,
- default: "https://stable.dev.lcip.org/profile/v1",
- env: "FXA_PROFILE_URI",
- arg: "profile-server",
- },
- clientId: {
- doc: "The OAuth client ID",
- format: String,
- default: "",
- env: "FXA_CLIENT_ID",
- arg: "fxa-client-id",
- },
- clientSecret: {
- doc: "The OAuth client secret",
- format: String,
- default: "",
- env: "FXA_CLIENT_SECRET",
- arg: "fxa-client-secret",
- },
- profileImageServer: {
- doc: "Firefox Account user avatar url",
- format: String,
- default: "https://firefoxusercontent.com",
- env: "FXA_PROFILE_IMAGE_URI",
- arg: "fxa-profile-image-uri",
- },
- },
- db: {
- user: {
- doc: "The Postgres user",
- format: String,
- default: process.env.USER,
- env: "RDS_USERNAME",
- arg: "db-user",
- },
- password: {
- doc: "The Postgres password",
- format: String,
- default: "",
- env: "RDS_PASSWORD",
- arg: "db-pass",
- },
- host: {
- doc: "The Postgres server host and port",
- format: String,
- default: "localhost:5432",
- env: "RDS_HOSTNAME",
- arg: "db-host",
- },
- dbname: {
- doc: "The Postgres database",
- format: String,
- default: "",
- env: "RDS_NAME",
- arg: "db-name",
- },
- disableDownPatches: {
- doc: "Skip database downgrade patches",
- format: Boolean,
- default: false,
- env: "NO_PG_DOWNGRADES",
- arg: "no-pg-downgrades",
- },
- forceDbVersion: {
- doc: "Force database version (for use in downgrades)",
- format: "int",
- default: 0,
- env: "FORCE_DB_VERSION",
- arg: "force-db-version",
- },
- logQueryLimit: {
- doc: "Log queries that take more than time amount of time (in milliseconds)",
- format: "int",
- default: 50,
- env: "LOG_QUERY_LIMIT",
- arg: "log-query-limit",
- },
- pool: {
- connectionTimeoutMillis: {
- doc: "Number of milliseconds to wait before timing out when connecting a new db client",
- format: "int",
- default: 5000,
- env: "PG_POOL_CLIENT_TIMEOUT",
- arg: "pg-pool-client-timeout",
- },
- idleTimeoutMillis: {
- doc: "Number of milliseconds of idle before a db client is disconnected",
- format: "int",
- default: 10000,
- env: "PG_POOL_CLIENT_IDLE",
- arg: "pg-pool-client-idle",
- },
- max: {
- doc: "Maximum number of clients in the connection pool",
- format: "int",
- default: 10,
- env: "PG_POOL_CLIENT_LIMTI",
- arg: "pg-pool-client-limit",
- },
- },
- },
- gaId: {
- doc: "Give the Google Analytics code",
- format: String,
- default: "",
- env: "GA_ID",
- arg: "ga-id",
- },
- // This is mostly configurable for debugging purposes:
- checkDeletedInterval: {
- doc: "Frequency in seconds to check for items that should be purged",
- format: Number,
- default: 60 * 60, // 1 hour
- env: "CHECK_DELETED_INTERVAL",
- arg: "check-deleted-interval",
- },
- expiredRetentionTime: {
- doc: "Amount of time to keep an expired shot, in seconds",
- format: "int",
- default: 60 * 60 * 24 * 14, // 14 days
- env: "EXPIRED_RETENTION_TIME",
- arg: "expired-retention-time",
- },
- defaultExpiration: {
- doc: "Default expiration time, in seconds",
- format: "int",
- default: 60 * 60 * 24 * 14, // 14 days
- env: "DEFAULT_EXPIRATION",
- arg: "default-expiration",
- },
- refreshMetricsTime: {
- doc: "Interval when the stats in /metrics are recalculated, in seconds (0 to disable)",
- format: "int",
- default: 60 * 60, // 1 hour
- env: "REFRESH_METRICS_TIME",
- arg: "refresh-metrics-time",
- },
- disableMetrics: {
- doc: "If true, do not mount /metrics or start jobs",
- format: Boolean,
- default: false,
- env: "DISABLE_METRICS",
- arg: "disable-metrics",
- },
- sentryDSN: {
- doc: "The sentry DSN URL to use for recording errors, if any. Sentry is not used on the server unless this parameter is provided.",
- format: String,
- default: "",
- env: "SENTRY_DSN",
- arg: "sentry-dsn",
- },
- sentryPublicDSN: {
- doc: "The public sentry DSN URL to use for recording errors from the site and from the addon. Sentry is not used on the client if this parameter is not provided.",
- format: String,
- default: "",
- env: "SENTRY_PUBLIC_DSN",
- arg: "sentry-public-dsn",
- },
- upgradeSearchBatchSize: {
- doc: "Number of search records to try to upgrade at one time (in minutes)",
- format: "int",
- default: 100,
- env: "UPGRADE_SEARCH_BATCH_SIZE",
- arg: "upgrade-search-batch-size",
- },
- log: {
- lint: {
- doc: "Whether to lint usage of log messages",
- format: Boolean,
- default: false,
- env: "LOG_LINT",
- arg: "log-lint",
- },
- level: {
- doc: "Log level to emit",
- format: String,
- default: "info",
- env: "LOG_LEVEL",
- arg: "log-level",
- },
- },
- showStackTraces: {
- doc: "Whether to show stack traces in 500 HTTP responses",
- format: Boolean,
- default: false,
- env: "SHOW_STACK_TRACES",
- arg: "show-stack-traces",
- },
- testing: {
- failSometimes: {
- doc: "Fail on PUT /data/... requests sometimes (succeed 1 every N times)",
- format: "int",
- default: 0,
- env: "TEST_FAIL_SOMETIMES",
- arg: "test-fail-sometimes",
- },
- slowResponse: {
- doc: "Add N milliseconds to the response time for PUT /data/...",
- format: "int",
- default: 0,
- env: "TEST_SLOW_RESPONSE",
- arg: "test-slow-response",
- },
- },
- statsdPrefix: {
- doc: "Prefix for statsd messages, also indicates we should use statsd",
- format: String,
- default: "",
- env: "STATSD_PREFIX",
- arg: "statsd-prefix",
- },
- setCache: {
- doc: "Set Cache-Control headers",
- format: Boolean,
- default: true,
- env: "SET_CACHE",
- arg: "set-cache",
- },
- disableControllerTasks: {
- doc: "If true, then do not run migrations and periodic tasks on this server instance",
- format: Boolean,
- default: false,
- env: "DISABLE_CONTROLLER_TASKS",
- arg: "disable-controller-tasks",
- },
- forceAbTests: {
- doc: "Force AB tests, looks like 'testName=value testName2=value'",
- format: String,
- default: "",
- env: "FORCE_AB_TESTS",
- arg: "force-ab-tests",
- },
- disableSearch: {
- doc: "If true, then hide the search bar",
- format: Boolean,
- default: true,
- env: "DISABLE_SEARCH",
- arg: "disable-search",
- },
- siteCdn: {
- doc: "CDN URL prefix for site assets, e.g. 'https://somecdn.com/mysite'; links will be rewritten as 'https://somecdn.com/mysite/static/style.css'",
- format: String,
- default: "",
- env: "SITE_CDN",
- arg: "siteCdn",
- },
- contentCdn: {
- doc: "CDN URL prefix for content, e.g. 'https://contentz.fast.io'; links will be rewritten as 'https://contentz.fast.io/allthebytes.png",
- format: String,
- default: "",
- env: "CONTENT_CDN",
- arg: "contentCdn",
- },
- enableUserSettings: {
- doc: "If true, the user can see the settings page and connect their device to their firefox account",
- format: Boolean,
- default: true,
- env: "USER_SETTINGS",
- arg: "user-settings",
- },
- enableAnnotations: {
- doc: "If true, then disable shot annotations",
- format: Boolean,
- default: false,
- env: "ENABLE_ANNOTATIONS",
- arg: "enable-annotations",
- },
- enableCoverage: {
- doc: "If true, then enable istanbul coverage middleware.",
- format: Boolean,
- default: false,
- env: "ENABLE_COVERAGE",
- arg: "enable-coverage",
- },
- watchdog: {
- enable: {
- doc: "If true, submit shots to Watchdog.",
- format: Boolean,
- default: true,
- env: "ENABLE_WATCHDOG",
- arg: "enable-watchdog",
- },
- id: {
- doc: "Screenshots' user id at Watchdog",
- format: String,
- default: "",
- env: "WATCHDOG_ID",
- arg: "watchdog-id",
- },
- key: {
- doc: "Screenshots' key from Watchdog.",
- format: String,
- default: "",
- env: "WATCHDOG_KEY",
- arg: "watchdog-key",
- },
- algorithm: {
- doc: "The hash algorithm used in authenticating requests.",
- format: String,
- default: "sha256",
- env: "WATCHDOG_AUTH_HASH_ALGORITHM",
- arg: "watchdog-auth-hash-algorithm",
- },
- submissionUrl: {
- doc: "The URL where Watchdog is accepting submissions.",
- format: String,
- default: "",
- env: "WATCHDOG_SUBMISSION_URL",
- arg: "watchdog-submission-url",
- },
- positiveEmail: {
- doc: "An optional, semicolon delimited, list of email addresses to receive notifications on positive matches.",
- format: String,
- default: "",
- env: "WATCHDOG_POSITIVE_EMAIL",
- arg: "watchdog-positive-email",
- },
- submissionInterval: {
- doc: "Temporary(?) config to throttle the rate of submission to Watchdog. A positive integer. One out of this many shots will be submitted to Watchdog. One or less will result in all shots being submitted.",
- format: "int",
- default: 1,
- env: "WATCHDOG_SUBMISSION_INTERVAL",
- arg: "watchdog-submission-interval",
- },
- excludeReleaseChannel: {
- doc: "If true, shots from Firefox versions <= the current major version in the release channel will not be submitted to Watchdog.",
- format: Boolean,
- default: true,
- env: "WATCHDOG_EXCLUDE_RELEASE_CHANNEL",
- arg: "watchdog-exclude-release-channel",
- },
- devOnlyMatchHostname: {
- doc: "DO NOT SET THIS IN PROD. When set, this is the _only_ hostname for which shots are submitted to Watchdog.",
- format: String,
- default: "",
- env: "WATCHDOG_DEV_MATCH_HOSTNAME",
- arg: "watchdog-dev-match-hostname",
- },
- // The logs only mode is to be removed in #4936.
- logsOnly: {
- doc: "This should be temporary. When true, Screenshots will only log Watchdog results.",
- format: Boolean,
- default: true,
- env: "WATCHDOG_LOGS_ONLY",
- arg: "watchdog-logs-only",
- },
- },
-});
-
-conf.validate({ allowed: "strict" });
-
-module.exports = conf;
diff --git a/server/src/db.js b/server/src/db.js
deleted file mode 100644
index 400a503b88..0000000000
--- a/server/src/db.js
+++ /dev/null
@@ -1,194 +0,0 @@
-const config = require("./config").getProperties();
-
-const pg = require("pg");
-const mozlog = require("./logging").mozlog("db");
-const logQueryLimit = config.db.logQueryLimit;
-
-const user = encodeURIComponent(config.db.user);
-const dbname = encodeURIComponent(config.db.dbname || config.db.user);
-const credentials = config.db.password ? `${user}:${encodeURIComponent(config.db.password)}` : user;
-const constr = `postgres://${credentials}@${config.db.host}/${dbname}`;
-
-const pool = new pg.Pool(Object.assign({connectionString: constr}, config.db.pool));
-
-pool.on("error", function(error) {
- mozlog.error("db-error", {
- msg: "Error in database:",
- err: error,
- });
-});
-
-function getConnection() {
- return new Promise(function(resolve, reject) {
- pool.connect(function(err, client, done) {
- if (err) {
- reject(err);
- } else {
- resolve([client, done]);
- }
- });
- });
-}
-
-exports.queryWithClient = function(client, ...params) {
- const timer = initTiming();
- return new Promise((resolve, reject) => {
- // Babel only supports spreads as the final element of a list; i.e.,
- // `[...params, value]` is invalid.
- params.push(function afterQuery(err, result) {
- timer();
- if (err) {
- reject(err);
- } else {
- resolve(result);
- }
- });
- client.query(...params);
- });
-};
-
-// FIXME: make these so they don't need to be exported
-exports.getConnection = getConnection;
-exports.constr = constr;
-
-exports.select = function(sql, args) {
- const timer = initTiming();
- return getConnection().then(function([client, done]) {
- return exports.queryWithClient(client, sql, args).then(({rows}) => {
- done();
- timer();
- return rows;
- }, (error) => {
- done();
- throw error;
- });
- });
-};
-
-exports.insert = function(sql, args) {
- const timer = initTiming();
- return getConnection().then(function([client, done]) {
- return exports.queryWithClient(client, sql, args).then(() => {
- done();
- timer();
- return true;
- }).catch(err => {
- done();
- if (err.code === "23505") {
- // constraint error, duplicate key
- return false;
- }
- throw err;
- });
- });
-};
-
-exports.update = function(sql, args) {
- const timer = initTiming();
- return exports.exec(sql, args).then((result) => {
- timer();
- return result.rowCount;
- });
-};
-
-exports.upsertWithClient = function(client, insertSql, updateSql, params) {
- return exports.queryWithClient(
- client,
- `WITH upsert AS (${updateSql} RETURNING *)
- ${insertSql}
- WHERE NOT EXISTS (SELECT * FROM upsert)`,
- params
- );
-};
-
-exports.transaction = function(func) {
- return getConnection().then(function([client, done]) {
- return exports.queryWithClient(client, `BEGIN`).then(() => func(client)).then(result => {
- // Commit and return the original transaction result.
- return exports.queryWithClient(client, `COMMIT`).then(() => {
- done();
- return result;
- });
- }).catch(txnErr => {
- // Roll back the transaction and re-throw the original error.
- return exports.queryWithClient(client, `ROLLBACK`).then(() => {
- done();
- throw txnErr;
- }, err => {
- done(err);
- throw err;
- });
- });
- });
-};
-
-// These happen to have the same logic:
-exports.del = exports.update;
-
-exports.exec = function(sql, args) {
- const timer = initTiming();
- return getConnection().then(function([client, done]) {
- return exports.queryWithClient(client, sql, args).then(result => {
- done();
- timer();
- return result;
- }, err => {
- done();
- throw err;
- });
- });
-};
-
-exports.markersForArgs = function(starting, numberOfArgs) {
- const result = [];
- for (let i = starting; i < starting + numberOfArgs; i++) {
- result.push("$" + i);
- }
- return result.join(", ");
-};
-
-function doNothing() {
-}
-
-function initTiming() {
- if (!logQueryLimit) {
- return doNothing;
- }
- const caller = getCallerPosition(2);
- if (caller === "skip") {
- // This happens when getCallerPosition detects we shouldn't time this function call
- return doNothing;
- }
- const start = Date.now();
- return function() {
- const time = Date.now() - start;
- if (time >= logQueryLimit) {
- mozlog.info("db-timing", {caller, time});
- }
- };
-}
-
-const skipCaller = /\/server\/db.js:/;
-const abortTiming = /\/server\/db.js:/;
-
-function getCallerPosition(stacklevel) {
- // Obviously the caller knows its position, so we really
- // want the caller of the caller of this function
- const exc = new Error();
- const lines = exc.stack.split("\n");
- let index = stacklevel + 2;
- while (lines[index] && skipCaller.test(lines[index])) {
- if (abortTiming.test(lines[index])) {
- // This is a case where this function is being called by another function
- // inside this module; when that happens we know this call is already
- // being logged, and don't need to log it
- return "skip";
- }
- index++;
- }
- const caller = lines[index];
- if (!caller) {
- return "unknown";
- }
- return caller.replace(/^ */, "");
-}
diff --git a/server/src/dbschema.js b/server/src/dbschema.js
deleted file mode 100644
index ae6c086163..0000000000
--- a/server/src/dbschema.js
+++ /dev/null
@@ -1,205 +0,0 @@
-const config = require("./config").getProperties();
-const db = require("./db");
-const Keygrip = require("keygrip");
-const pgpatcher = require("pg-patcher");
-const path = require("path");
-const mozlog = require("./logging").mozlog("dbschema");
-
-// When updating the database, please also run ./bin/dumpschema --record
-// This updates schema.sql with the latest full database schema
-const MAX_DB_LEVEL = exports.MAX_DB_LEVEL = 28;
-// This is a list of all the Keygrip scopes we allow (and we make sure these exist):
-const KEYGRIP_SCOPES = ["auth", "proxy-url", "download-url", "ga-user-nonce", "fxa-oauth"];
-
-exports.forceDbVersion = function(version) {
- mozlog.info("forcing-db-version", {db: db.constr, version});
- return db.getConnection().then(([conn, done]) => {
- const dirname = path.join(__dirname, "db-patches");
- mozlog.info("loading-patches-from", {dirname});
- return new Promise((resolve, reject) => {
- pgpatcher(conn, version, {dir: dirname}, function(err) {
- if (err) {
- mozlog.error("error-patching", {
- msg: `Error patching database to level ${version}!`,
- err,
- });
- done();
- reject(err);
- } else {
- mozlog.info("db-level", {msg: `Database is now at level ${version}`});
- resolve();
- }
- });
- });
- });
-};
-
-/** Create all the tables */
-exports.createTables = function() {
- mozlog.info("setting-up-tables-on", {db: db.constr});
- return db.getConnection().then(([conn, done]) => {
- return getCurrentDbPatchLevel().then(currentDbPatchLevel => {
- if (currentDbPatchLevel >= MAX_DB_LEVEL
- && (process.env.NODE_ENV === "production" || config.db.disableDownPatches)) {
- mozlog.info("skip-db-down-patches",
- { msg: `Database patch level of ${currentDbPatchLevel} is greater than or equal to the hard coded level of ${MAX_DB_LEVEL}.` });
- return Promise.resolve();
- }
-
- const dirname = path.join(__dirname, "db-patches");
- mozlog.info("loading-patches-from", {dirname});
- return new Promise((resolve, reject) => {
- pgpatcher(conn, MAX_DB_LEVEL, {dir: dirname}, function(err) {
- if (err) {
- mozlog.error("error-patching", {
- msg: `Error patching database to level ${MAX_DB_LEVEL}!`,
- err,
- });
- done();
- reject(err);
- } else {
- mozlog.info("db-level", {msg: `Database is now at level ${MAX_DB_LEVEL}`});
- resolve();
- }
- });
- });
- });
- }).then(() => {
- const newId = "tmp" + Date.now();
- return db.insert(
- `INSERT INTO data (id, deviceid, value, url)
- VALUES ($1, NULL, $2, $3)`,
- [newId, "test value", ""]
- ).then((inserted) => {
- if (!inserted) {
- throw new Error("Could not insert");
- }
- return db.del(
- `DELETE FROM data
- WHERE id = $1`,
- [newId]
- ).then((count) => {
- if (count !== 1) {
- throw new Error("Should have deleted one row");
- }
- });
- });
- }).catch((err) => {
- if (err.code === "ECONNREFUSED") {
- mozlog.warn("connection-refused", {msg: `Could not connect to database on ${db.constr}`});
- }
- mozlog.warn("error-creating-tables", {
- msg: "Got error creating and testing tables:",
- err,
- });
- });
-};
-
-let keysByScope;
-let textKeysByScope;
-
-exports.getKeygrip = function(scope) {
- if (!scope || !KEYGRIP_SCOPES.includes(scope)) {
- throw new Error("You must give a valid scope");
- }
- return keysByScope[scope];
-};
-
-exports.getTextKeys = function(scope) {
- if (!scope || !KEYGRIP_SCOPES.includes(scope)) {
- throw new Error("You must give a valid scope");
- }
- return textKeysByScope[scope];
-};
-
-/** Loads the random signing key from the database, or generates a new key
- if none are found */
-async function loadKeys() {
- const rows = await db.select(
- `SELECT key, scope FROM signing_keys ORDER BY CREATED`,
- []
- );
- const textKeysByScope = {};
- for (let i = 0; i < rows.length; i++) {
- const scope = rows[i].scope;
- if (scope === "legacy") {
- continue;
- }
- let textKeys = textKeysByScope[scope];
- if (!textKeys) {
- textKeys = textKeysByScope[scope] = [];
- }
- textKeys.push(rows[i].key);
- }
- for (const scope of KEYGRIP_SCOPES) {
- if (!textKeysByScope[scope]) {
- const key = await makeKey();
- const ok = await db.insert(
- `INSERT INTO signing_keys (created, key, scope)
- VALUES (NOW(), $1, $2)`,
- [key, scope]
- );
- if (!ok) {
- throw new Error("Could not insert key");
- }
- textKeysByScope[scope] = [key];
- }
- }
- for (let i = 0; i < rows.length; i++) {
- const scope = rows[i].scope;
- if (scope === "legacy") {
- for (const otherScope in textKeysByScope) {
- textKeysByScope[otherScope].push(rows[i].key);
- }
- }
- }
- return textKeysByScope;
-}
-
-exports.createKeygrip = async function() {
- try {
- const fetchedTextKeysByScope = await loadKeys();
- textKeysByScope = fetchedTextKeysByScope;
- keysByScope = {};
- for (const scope in textKeysByScope) {
- keysByScope[scope] = new Keygrip(textKeysByScope[scope]);
- }
- } catch (err) {
- mozlog.warn("error-creating-signing-keys", {
- msg: "Could not create signing keys:",
- err,
- });
- throw err;
- }
-};
-
-/** Returns a promise that generates a new largish ASCII random key */
-function makeKey() {
- return new Promise(function(resolve, reject) {
- require("crypto").randomBytes(48, function(err, buf) {
- if (err) {
- reject(err);
- return;
- }
- resolve(buf.toString("base64"));
- });
- });
-}
-
-function getCurrentDbPatchLevel() {
- return db.select(`SELECT value FROM property WHERE key = 'patch'`).then(rows => {
- return parseInt(rows[0].value, 10);
- }).catch(e => {
- return 0;
- });
-}
-exports.getCurrentDbPatchLevel = getCurrentDbPatchLevel;
-
-exports.connectionOK = function() {
- if (!keysByScope) {
- return Promise.resolve(false);
- }
- return getCurrentDbPatchLevel().then(currentLevel => {
- return currentLevel >= MAX_DB_LEVEL;
- });
-};
diff --git a/server/src/delete-shot-button.js b/server/src/delete-shot-button.js
deleted file mode 100644
index 4e24076289..0000000000
--- a/server/src/delete-shot-button.js
+++ /dev/null
@@ -1,111 +0,0 @@
-const React = require("react");
-const PropTypes = require("prop-types");
-const { Localized } = require("fluent-react/compat");
-
-exports.DeleteShotButton = class DeleteShotButton extends React.Component {
- constructor(props) {
- super(props);
- this.elRef = React.createRef();
- this.trashButtonRef = React.createRef();
- this.state = {confirmationPanelOpen: false};
- this.maybeCloseDeleteConfirmation = this.maybeCloseDeleteConfirmation.bind(this);
- }
-
- componentDidUpdate() {
- if (this.state.confirmationPanelOpen) {
- document.addEventListener("mousedown", this.maybeCloseDeleteConfirmation);
- } else {
- document.removeEventListener("mousedown", this.maybeCloseDeleteConfirmation);
- }
- }
-
- componentWillUnmount() {
- document.removeEventListener("mousedown", this.maybeCloseDeleteConfirmation);
- }
-
- onClickDelete(e) {
- e.stopPropagation();
- e.preventDefault();
- this.props.clickDeleteHandler && this.props.clickDeleteHandler();
- this.setState({confirmationPanelOpen: true});
- }
-
- onConfirmDelete(e) {
- e.stopPropagation();
- this.props.confirmDeleteHandler && this.props.confirmDeleteHandler();
- this.setState({confirmationPanelOpen: false});
- }
-
- onCancelDelete(e) {
- e.stopPropagation();
- this.props.cancelDeleteHandler && this.props.cancelDeleteHandler();
- this.setState({confirmationPanelOpen: false});
- }
-
- maybeCloseDeleteConfirmation(e) {
- if (this.elRef.current === e.target || this.elRef.current.contains(e.target)) {
- return;
- }
-
- this.onCancelDelete(e);
- }
-
- render() {
- let rightAlign = "";
- if (this.trashButtonRef.current) {
- const boundingRect = this.trashButtonRef.current.getBoundingClientRect();
- if (document.dir === "rtl" && boundingRect.right < 320 ||
- document.dir === "ltr" && boundingRect.left + 320 > document.body.scrollWidth) {
- rightAlign = "right-align";
- }
- }
-
- let confirmationPanel = null, deletePanelOpenClass = null;
- if (this.state.confirmationPanelOpen) {
- confirmationPanel =
-
-
-
-
;
- deletePanelOpenClass = "active";
- }
-
- let deleteButtonStyle = null;
- if (this.props.isIcon) {
- deleteButtonStyle = `button transparent icon-trash ${deletePanelOpenClass}`;
- } else {
- deleteButtonStyle = `button nav-button transparent ${deletePanelOpenClass}`;
- }
-
- return (
-
-
Are you sure you want to delete this shot?
-
-
-
-
-
-
-
-
-
-
-
-
- { confirmationPanel }
-
- );
- }
-};
-
-exports.DeleteShotButton.propTypes = {
- clickDeleteHandler: PropTypes.func,
- confirmDeleteHandler: PropTypes.func,
- cancelDeleteHandler: PropTypes.func,
- isIcon: PropTypes.bool,
- staticLink: PropTypes.func,
-};
diff --git a/server/src/errors.js b/server/src/errors.js
deleted file mode 100644
index a4f1f452f8..0000000000
--- a/server/src/errors.js
+++ /dev/null
@@ -1,78 +0,0 @@
-exports.create = function create(status, errno, message, data) {
- const err = message ? new Error(message) : new Error();
- const statusCode = +status;
- if (!isFinite(statusCode)) {
- throw new Error("Invalid error status code");
- }
- err.isAppError = true;
- err.output = {
- statusCode,
- payload: {
- statusCode,
- errno,
- message: statusCode === 500 ? "Internal server error" : err.message,
- },
- headers: {},
- };
- return err;
-};
-
-exports.missingParams = function missingParams() {
- return exports.create(400, 201, "Missing request parameters");
-};
-
-exports.badParams = function badParams() {
- return exports.create(400, 202, "Invalid request parameters");
-};
-
-exports.dupeLogin = function dupeLogin() {
- return exports.create(409, 301, "Login in progress");
-};
-
-exports.missingSession = function missingSession() {
- return exports.create(403, 302, "Session required");
-};
-
-exports.badToken = function badToken() {
- return exports.create(403, 304, "Error fetching access token");
-};
-
-exports.badProfile = function badProfile() {
- return exports.create(500, 305, "Error fetching profile");
-};
-
-exports.badState = function badState() {
- return exports.create(403, 306, "Bad OAuth state");
-};
-
-exports.badSession = function badSession() {
- return exports.create(403, 307, "Invalid session");
-};
-
-exports.unsupported = function unsupported() {
- return exports.create(501, 401, "Operation not supported");
-};
-
-exports.extTimeout = function extTimeout(cause) {
- const err = exports.create(503, 1101, "Timed out waiting for extension");
- if (cause) {
- err.output.payload.cause = cause;
- }
- return err;
-};
-
-exports.extAlreadySignedIn = function extAlreadySignedIn() {
- return exports.create(409, 1102, "User already signed in");
-};
-
-exports.extBadUpdate = function extBadUpdate(response) {
- const err = exports.create(500, 1103, "Error updating device info");
- if (response) {
- err.output.payload.response = response;
- }
- return err;
-};
-
-exports.extInternalError = function extInternalError() {
- return exports.create(500, 1999, "Internal extension error");
-};
diff --git a/server/src/events.js b/server/src/events.js
deleted file mode 100644
index 4f74ceca39..0000000000
--- a/server/src/events.js
+++ /dev/null
@@ -1,28 +0,0 @@
-module.exports = {
- signUp() {
- const event = new CustomEvent("request-sign-up");
- document.dispatchEvent(event);
- },
-
- signIn() {
- const event = new CustomEvent("request-sign-in");
- document.dispatchEvent(event);
- },
-
- requestProfile() {
- const event = new CustomEvent("request-profile");
- document.dispatchEvent(event);
- },
-
- setProfileState(profile) {
- const event = new CustomEvent("set-profile-state", {
- detail: profile,
- });
- document.dispatchEvent(event);
- },
-
- deleteEverything() {
- const event = new CustomEvent("delete-everything");
- document.dispatchEvent(event);
- },
-};
diff --git a/server/src/footer-view.js b/server/src/footer-view.js
deleted file mode 100644
index 2be7789174..0000000000
--- a/server/src/footer-view.js
+++ /dev/null
@@ -1,44 +0,0 @@
-const React = require("react");
-const { Localized } = require("fluent-react/compat");
-const PropTypes = require("prop-types");
-
-exports.Footer = class Footer extends React.Component {
- constructor(props) {
- super(props);
- this.links = [
-
-
;
- }
-
- onCloseDialog(event) {
- this.props.hideDialog();
- sendEvent("onboarding-promo-closed");
- }
-
- onConfirm(event) {
- this.props.hideDialog();
- sendEvent("fxa-signin-onboarding-promo");
- location.href = this.props.logInURI;
- }
-};
-
-exports.FxaOnboardingDialog.propTypes = {
- logInURI: PropTypes.string,
- hideDialog: PropTypes.func,
-};
diff --git a/server/src/ga-activation.js b/server/src/ga-activation.js
deleted file mode 100644
index bd0740cdca..0000000000
--- a/server/src/ga-activation.js
+++ /dev/null
@@ -1,178 +0,0 @@
-/* Code to create the Google Analytics code for a Firefox Screenshots page.
- Stubs out ga() if no gaId is configured
- Disables analytics if Do-Not-Track is set
- Hashes page names
- */
-
-const React = require("react"); // eslint-disable-line no-unused-vars
-
-const dntJs = `
-// Copied from https://github.com/mozilla/bedrock/blob/22079855caeb660724319f735de51e3a7472a50f/media/js/base/dnt-helper.js
-function _dntEnabled(dnt, ua) {
-
- 'use strict';
-
- // for old version of IE we need to use the msDoNotTrack property of navigator
- // on newer versions, and newer platforms, this is doNotTrack but, on the window object
- // Safari also exposes the property on the window object.
- var dntStatus = dnt || navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack;
- var ua = ua || navigator.userAgent;
-
- // List of Windows versions known to not implement DNT according to the standard.
- var anomalousWinVersions = ['Windows NT 6.1', 'Windows NT 6.2', 'Windows NT 6.3'];
-
- var fxMatch = ua.match(/Firefox\\/(\\d{1,10})/);
- var ieRegEx = /MSIE|Trident/i;
- var isIE = ieRegEx.test(ua);
- // Matches from Windows up to the first occurance of ; un-greedily
- // http://www.regexr.com/3c2el
- var platform = ua.match(/Windows.+?(?=;)/g);
-
- // With old versions of IE, DNT did not exist so we simply return false;
- if (isIE && typeof Array.prototype.indexOf !== 'function') {
- return false;
- } else if (fxMatch && parseInt(fxMatch[1], 10) < 32) {
- // Can't say for sure if it is 1 or 0, due to Fx bug 887703
- dntStatus = 'Unspecified';
- } else if (isIE && platform && anomalousWinVersions.indexOf(platform.toString()) !== -1) {
- // default is on, which does not honor the specification
- dntStatus = 'Unspecified';
- } else {
- // sets dntStatus to Disabled or Enabled based on the value returned by the browser.
- // If dntStatus is undefined, it will be set to Unspecified
- dntStatus = { '0': 'Disabled', '1': 'Enabled' }[dntStatus] || 'Unspecified';
- }
-
- return dntStatus === 'Enabled' ? true : false;
-}
-`;
-
-const stubGaJs = `
-window.ga = function () {
- console.info.apply(console, ["stubbed ga("].concat(Array.from(arguments)).concat([")"]));
-};
-
-window.sendEvent = function () {
- console.info.apply(console, ["stubbed sendEvent("].concat(Array.from(arguments)).concat([")"]));
-};
-
-window.abTests = __ABTESTS__;
-`;
-
-const gaJs = `
-(function () {
-
- ${dntJs}
-
- if (_dntEnabled()) {
- ${stubGaJs}
- return;
- }
-
- var gaScript = document.createElement('script');
- gaScript.src = "//www.google-analytics.com/analytics.js";
- document.head.appendChild(gaScript);
-
- window.abTests = __ABTESTS__;
- window.GoogleAnalyticsObject = "ga";
- window.ga = window.ga || function () {
- (window.ga.q = window.ga.q || []).push(arguments);
- };
- window.ga.l = 1 * new Date();
- var clientId = "__USER_ID__";
- var gaOptions = "auto";
- var gaLocation;
- if (clientId) {
- gaOptions = {clientId: clientId};
- }
- if (location.hostname === "localhost") {
- if (typeof gaOptions === "string") {
- gaOptions = {};
- }
- gaOptions.cookieDomain = "none";
- }
- if (__HASH_LOCATION__) {
- if (window.crypto) {
- var bytes = [];
- for (var i=0; i
-
-
-
- What’s new with Firefox Screenshots?
-
-
-
-
-
-
- - Now, sign in to Screenshots with a Firefox Account and - do more: -
--
-
- Access your library on all of your devices -
- Store your favorite shots forever -
-
- Dismiss
-
-
-
-
-
-
-
-
-
-
-
-
- Saving your shot…
-
-
-
-
-
- { this.renderShots() }
-
- { this.renderPageNavigation() }
- { this.renderErrorMessages() }
- - To export: use File > Save Page As... and you will find your screenshots in the folder Export_files -
-
-
- {children}
-
-
- );
- }
- return children;
- }
-
- renderPageNavigation() {
- if (!this.props.totalShots || parseInt(this.props.totalShots, 10) === 0) {
- return null;
- }
-
- const totalPages = Math.ceil(this.props.totalShots / this.props.shotsPerPage) || 1;
- const hasPrev = this.props.pageNumber > 1;
- const prevPageNumber = this.props.pageNumber - 1;
- const prevClasses = ["shots-page-nav"].concat(!hasPrev && "disabled").join(" ");
- const hasNext = this.props.pageNumber < totalPages;
- const nextPageNumber = this.props.pageNumber - 0 + 1;
- const nextClasses = ["shots-page-nav"].concat(!hasNext && "disabled").join(" ");
- const hidden = totalPages < 2;
- let arrowheadPrev = "←";
- let arrowheadNext = "→";
- if (this.props.isRtl) {
- [arrowheadNext, arrowheadPrev] = [arrowheadPrev, arrowheadNext];
- }
-
- return (
-
- );
- }
-
- renderErrorMessages() {
- return (
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-
- renderNoShots() {
- return (
-
-
- 
-
-
-
-
-
-
- );
- }
-
-}
-
-Body.propTypes = {
- abTests: PropTypes.object,
- pageNumber: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- shots: PropTypes.array,
- shotsPerPage: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- staticLink: PropTypes.func,
- totalShots: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- isRtl: PropTypes.bool,
-};
-
-class Card extends React.Component {
-
- render() {
- const defaultImageUrl = this.props.staticLink("img/question-mark.svg");
- const shot = this.props.shot;
- const clip = shot.clipNames().length ? shot.getClip(shot.clipNames()[0]) : null;
- if (!clip || !clip.image || !clip.image.url) {
- // Some corrupted shot, we'll have to ignore it
- return null;
- }
- let imageUrl = clip.image.url;
-
- // fallback to the question mark if the imageUrl is invalid
- if (!isValidClipImageUrl(imageUrl)) {
- imageUrl = defaultImageUrl;
- }
- const filename = shot.filename.replace(/\s+/g, "_");
- const fullImgUrl = `${imageUrl}/${encodeURIComponent(filename)}`;
-
- return (
-
- );
- }
-
- getClipType(dimensions) {
- // "portrait": 210 x 280, image scaled on X
- // "landscape": 210 x 140, image scaled on Y
- // "square": 210 x 210, image scaled on X or Y
-
- const containerWidth = 210;
- const landscapeHeight = 140;
- const portraitHeight = 280;
- const landscapeAspectRatio = containerWidth / landscapeHeight;
- const portraitAspectRatio = containerWidth / portraitHeight;
-
- const thumbnailDimensions = getThumbnailDimensions(dimensions.x, dimensions.y);
- const thumbnailWidth = thumbnailDimensions.width;
- const thumbnailHeight = thumbnailDimensions.height;
-
- const thumbnailAspectRatio = thumbnailWidth / thumbnailHeight;
-
- if (thumbnailAspectRatio <= portraitAspectRatio) {
- return "portrait";
- }
- if (thumbnailAspectRatio >= landscapeAspectRatio) {
- return "landscape";
- }
- if (thumbnailHeight > thumbnailWidth) {
- return "square-x";
- }
- return "square-y";
- }
-
- displayTitle(title) {
- // FIXME: this won't work for rtl languages. use CSS ellipsis instead? (#3116)
- if (title.length > 140) {
- return (title.substring(0, 140) + "...");
- }
- return title;
- }
-
-}
-
-Card.propTypes = {
- abTests: PropTypes.object,
- hasFxa: PropTypes.bool,
- isExtInstalled: PropTypes.bool,
- isOwner: PropTypes.bool,
- shot: PropTypes.object,
- staticLink: PropTypes.func,
-};
-
-exports.HeadFactory = React.createFactory(Head);
-exports.BodyFactory = React.createFactory(Body);
diff --git a/server/src/pages/homepage/controller.js b/server/src/pages/homepage/controller.js
deleted file mode 100644
index 2193dd939e..0000000000
--- a/server/src/pages/homepage/controller.js
+++ /dev/null
@@ -1,64 +0,0 @@
-/* globals Mozilla */
-const page = require("./page").page;
-const { PromotionStrategy } = require("../../promotion-strategy.js");
-
-let model;
-
-exports.launch = function(m) {
- model = m;
- if (window.wantsauth) {
- if (window.wantsauth.getAuthData()) {
- updateModel(window.wantsauth.getAuthData());
- } else {
- window.wantsauth.addAuthDataListener((data) => {
- updateModel(data);
- render();
- });
- }
- }
- model.hasFxaOnboardingDialog = new PromotionStrategy().shouldShowOnboardingDialog();
- render();
-};
-
-function updateModel(authData) {
- Object.assign(model, authData);
- model.hasFxa = !!model.accountId;
-}
-
-function render() {
- page.render(model);
-}
-
-document.addEventListener("addon-present", () => {
- if (location.hash === "#hello") {
- document.dispatchEvent(new CustomEvent("request-onboarding"));
- } else if (location.hash === "#tour") {
- try {
- if (typeof Mozilla === "undefined") {
- // The UITour-lib.js library hasn't loaded yet
- let count = 10;
- const interval = setInterval(() => {
- if (typeof Mozilla === "undefined") {
- count--;
- if (count <= 0) {
- clearTimeout(interval);
- throw new Error("UITour-lib.js didn't load up after 1 second");
- }
- return;
- }
- clearTimeout(interval);
- Mozilla.UITour.showHighlight("screenshots");
- }, 100);
- } else {
- Mozilla.UITour.showHighlight("screenshots");
- }
- } catch (e) {
- console.warn("Attempted to start #tour on non-Firefox version or unsupported version");
- throw e;
- }
- }
-});
-
-document.dispatchEvent(new CustomEvent("request-addon-present"));
-
-window.controller = exports;
diff --git a/server/src/pages/homepage/homepage-header.js b/server/src/pages/homepage/homepage-header.js
deleted file mode 100644
index a2b81d939f..0000000000
--- a/server/src/pages/homepage/homepage-header.js
+++ /dev/null
@@ -1,54 +0,0 @@
-const React = require("react");
-const PropTypes = require("prop-types");
-const { Localized } = require("fluent-react/compat");
-const { SignInButton } = require("../../signin-button.js");
-const sendEvent = require("../../browser-send-event.js");
-const { Header } = require("../../header.js");
-
-exports.HomePageHeader = class HomePageHeader extends React.Component {
- constructor(props) {
- super(props);
- }
-
- onClickMyShots() {
- sendEvent("goto-myshots", "homepage", {useBeacon: true});
- }
-
- renderFxASignIn() {
- return (
- No saved shots.
-Go on, create some.
-
- ![]({this.props.staticLink("/static/img/icon-shots.svg")}){kind=icon}
-
-
- { myShots }
- { signin }
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-
- render() {
- return (
- Firefox
- Free Download
-
-
-
-
-
-
-
-
- {this.renderGetFirefox()}
-
-
- Firefox Screenshots
-- Screenshots made simple. Capture and download screenshots - without leaving Firefox. -
-How Screenshots Works
-
-
-
-
-
-
-
-
-
- Get Started
-- Select the Screenshots icon from the page actions menu in the - address bar, and the Screenshots menu will appear on top of - your browser window. -
-
-
-
-
-
-
-
-
-
- Capture a Region
-- Click and drag to select the area you want to capture. Or just - hover and click — Screenshots will select the area for you. - Like what you see? Select Save to access your screenshot - online or the down arrow button to download it to your - computer. -
-
-
-
-
-
-
-
-
-
- Capture a Page
-- Use the buttons in the upper right to capture full pages. The - Save Visible button will capture the area you can view without - scrolling, and the Save Full Page will capture everything on - the page. -
-
-
-
-
-
-
-
-
-
- Download or Copy
-- Take your best shot. Screenshots lets you download your - selection it or copy it right to your clipboard. -
-
-
-
-
-
-
-
-
-
-
-
-
-
- Screenshots is changing
-- Starting in June, Screenshots will no longer offer online storage. Want to keep shots from your library? Download shots individually or in batch. Thank you for using this feature, and we’re sorry for any inconvenience. -
--
- We hope you’ll continue to use Screenshots to capture, copy, and download shots. -
-
-
-
-
-
-
-
-
-
-
- This will permanently erase all of your screenshots.
-
-
-
-
-
-
-
-
-
- Home
-
-
- All of your screenshots have been erased!
-Metrics
-Generated at: {created}
-
-
-
- {this.renderTableHeader()}
-
-
- {this.renderTableRows()}
-
-
-
;
- }
-
- renderTableHeader() {
- const headers = [];
- for (const column of this.props.data.columns) {
- headers.push({this.props.data.title}
-{this.props.data.description}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Oops.
-Page not found.
-
- Are you sure you want to disconnect this device from your Firefox Account?
-
-
- 
-
- );
- subInfo = (
-
-
-
-
-
- {this.props.accountInfo.nickname || this.props.accountInfo.email}
- { this.props.accountInfo.nickname ?{this.props.accountInfo.email}
: null } -If you sign out, you will need to sign in again to regain access to your screenshots.
-
-
-
- );
- subInfo = (
-
-
-
-
- Sign In
-
-
- Guest Account
-You can sign in to access your screenshots across devices.
-
-
-
-
-
;
- }
-
- onClickDisconnect() {
- sendEvent("start-disconnect", "settings", { useBeacon: true });
- const message = document.getElementById("disconnectAlertMessage").textContent;
- if (window.confirm(message)) {
- sendEvent("confirm-disconnect", "settings-popup-confirm", { useBeacon: true });
- controller.disconnectDevice();
- } else {
- sendEvent("cancel-disconnect", "settings-popup-confirm", { useBeacon: true });
- }
- }
-
- onClickConnect() {
- sendEvent("start-connect", "settings", { useBeacon: true });
- }
-}
-
-Body.propTypes = {
- accountInfo: PropTypes.object,
- staticLink: PropTypes.func,
-};
-
-exports.HeadFactory = React.createFactory(Head);
-exports.BodyFactory = React.createFactory(Body);
diff --git a/server/src/pages/shot/color-picker.js b/server/src/pages/shot/color-picker.js
deleted file mode 100644
index 53f8a2f9e6..0000000000
--- a/server/src/pages/shot/color-picker.js
+++ /dev/null
@@ -1,130 +0,0 @@
-const React = require("react");
-const PropTypes = require("prop-types");
-const { Localized } = require("fluent-react/compat");
-const sendEvent = require("../../browser-send-event.js");
-
-exports.ColorPicker = class ColorPicker extends React.Component {
- constructor(props) {
- super(props);
- this.clickMaybeClose = this.clickMaybeClose.bind(this);
- this.keyMaybeClose = this.keyMaybeClose.bind(this);
- this.state = {
- pickerActive: false,
- color: props.color || "#000",
- colorName: props.colorName || "black",
- };
- this.elRef = React.createRef();
- }
-
- render() {
- return ;
- }
-
- componentDidUpdate() {
- if (this.state.pickerActive) {
- document.addEventListener("mousedown", this.clickMaybeClose);
- document.addEventListener("keyup", this.keyMaybeClose);
- } else {
- document.removeEventListener("mousedown", this.clickMaybeClose);
- document.removeEventListener("keyup", this.keyMaybeClose);
- }
- }
-
- UNSAFE_componentWillReceiveProps() {
- this.setState({pickerActive: false});
- }
-
- componentWillUnmount() {
- document.removeEventListener("mousedown", this.clickMaybeClose);
- document.removeEventListener("keyup", this.keyMaybeClose);
- }
-
- clickMaybeClose(event) {
- if (!this.isColorBoard(event.target)) {
- this.setState({pickerActive: false});
- }
- }
-
- keyMaybeClose(event) {
- if ((event.key || event.code) === "Escape") {
- this.setState({pickerActive: false});
- }
- }
-
- isColorBoard(el) {
- if (this.elRef.current
- && (this.elRef.current === el || this.elRef.current.contains(el))) {
- return true;
- }
- return false;
- }
-
- renderColorBoard() {
- return Firefox Screenshots Settings
--
-
-
-
-
- { info }
- { subInfo}
- { disconnectAlertMessage }
-
-
- Firefox Account
-
-
;
- }
-
- onClickSwatch(e) {
- const color = e.target.style.backgroundColor;
- const colorName = e.target.dataset.colorName;
- this.setState({color, colorName, pickerActive: false});
- this.props.setColorCallback && this.props.setColorCallback(color, colorName);
-
- const title = e.target.title.toLowerCase().replace(/\s/g, "-");
- sendEvent(`${title}-select`, "annotation-color-board");
- }
-
- onClickColorPicker() {
- const pickerActive = !this.state.pickerActive;
- this.setState({pickerActive});
- sendEvent("color-picker-select", "annotation-toolbar");
- }
-};
-
-exports.ColorPicker.propTypes = {
- color: PropTypes.string,
- colorName: PropTypes.string,
- setColorCallback: PropTypes.func,
-};
diff --git a/server/src/pages/shot/controller.js b/server/src/pages/shot/controller.js
deleted file mode 100644
index 633f05dab6..0000000000
--- a/server/src/pages/shot/controller.js
+++ /dev/null
@@ -1,269 +0,0 @@
-/* jslint browser:true */
-
-const sendEvent = require("../../browser-send-event.js");
-const page = require("./page").page;
-const { AbstractShot } = require("../../../shared/shot");
-const { createThumbnailUrl } = require("../../../shared/thumbnailGenerator");
-const { shotGaFieldForValue } = require("../../ab-tests.js");
-const { PromotionStrategy } = require("../../promotion-strategy.js");
-const { ShotUtils } = require("../../lib/shot-utils.js");
-
-// This represents the model we are rendering:
-let model;
-
-function updateModel(authData) {
- Object.assign(model, authData);
- model.isExtInstalled = true;
-}
-
-exports.launch = function(data) {
- const firstSet = !model;
- model = data;
- if (window.wantsauth) {
- if (window.wantsauth.getAuthData()) {
- updateModel(window.wantsauth.getAuthData());
- } else {
- window.wantsauth.addAuthDataListener((data) => {
- updateModel(data);
- render();
- });
- }
- }
- model.hasSavedShot = false;
- model.shot = new AbstractShot(data.backend, data.id, data.shot);
- model.shot.contentUrl = `//${model.contentOrigin}/content/${model.shot.id}`;
- model.shot.urlIfDeleted = model.urlIfDeleted;
- model.shot.deleted = model.deleted;
- model.shot.isFavorite = !model.expireTime;
- model.controller = exports;
- if (model.shot.abTests) {
- for (const testName in model.shot.abTests) {
- const testValue = model.shot.abTests[testName];
- if (testValue) {
- const shotFieldName = shotGaFieldForValue(testName, testValue);
- if (shotFieldName && window.abTests) {
- window.abTests[testName + "_shot"] = {
- gaField: shotFieldName,
- value: testValue,
- };
- }
- }
- }
- }
-
- const promoStrategy = new PromotionStrategy();
-
- model.hasFxaOnboardingDialog = promoStrategy.shouldShowOnboardingDialog(model.isOwner, true);
- model.highlightEditButton =
- promoStrategy.shouldHighlightEditIcon(model.isOwner, model.enableAnnotations);
- model.promoDialog =
- promoStrategy.shouldShowEditToolPromotion(model.isOwner, model.enableAnnotations, model.hasFxaOnboardingDialog);
-
- if (firstSet) {
- refreshHash();
- }
- try {
- render();
- } catch (e) {
- window.Raven.captureException(e);
- throw e;
- }
- // FIXME: copied from frame.js
- const isExpired = model.expireTime !== null && Date.now() > model.expireTime;
- if (model.isOwner) {
- if (isExpired) {
- sendEvent("view-expired", "owner");
- } else {
- sendEvent("visit", "owner");
- if (Date.now() - model.shot.createdDate < 30000) {
- // FIXME: hacky way to determine if this is the first visit:
- sendEvent("visit", "owner-first");
- }
- }
- } else if (isExpired) {
- sendEvent("view-expired", "non-owner");
- } else {
- sendEvent("visit", "non-owner");
- }
-
- document.dispatchEvent(new CustomEvent("request-addon-present"));
-};
-
-exports.changeShotExpiration = async function(shot, expiration) {
- try {
- const wasExpired = model.expireTime !== null && model.expireTime < Date.now();
- const shotUtils = new ShotUtils();
- await shotUtils.changeShotExpiration(shot, model.backend, model.csrfToken,
- model.defaultExpiration, expiration);
- model.expireTime = shot.expireTime;
- model.shot.expireTime = shot.expireTime;
- if (wasExpired) {
- window.location.reload();
- }
- render();
- } catch (err) {
- const errElement = document.getElementById("shotPageAlertErrorUpdatingExpirationTime");
- if (errElement) {
- window.alert(errElement.textContent);
- }
- }
-};
-
-exports.deleteShot = function(shot) {
- const url = model.backend + "/api/delete-shot";
- const req = new XMLHttpRequest();
- req.open("POST", url);
- req.setRequestHeader("content-type", "application/x-www-form-urlencoded");
- req.onload = function() {
- if (req.status >= 300) {
- // FIXME: a lame way to do an error message
- const errorMessage = document.getElementById("shotPageAlertErrorDeletingShot").textContent;
- window.alert(errorMessage);
- window.Raven.captureException(new Error(`Error calling /api/delete-shot: ${req.status} ${req.statusText}`));
- } else {
- location.href = model.backend + "/shots";
- }
- };
- req.send(`id=${encodeURIComponent(shot.id)}&_csrf=${encodeURIComponent(model.csrfToken)}`);
-};
-
-exports.saveEdit = function(shot, shotUrl, dimensions) {
- const url = model.backend + "/api/save-edit";
- const payload = {
- shotId: shot.id,
- _csrf: model.csrfToken,
- url: shotUrl,
- x: dimensions.x,
- y: dimensions.y,
- };
-
- const postWith = body => {
- const req = new Request(url, {
- method: "POST",
- credentials: "include",
- headers: new Headers({
- "content-type": "application/json",
- }),
- body,
- });
- return fetch(req).then((resp) => {
- if (!resp.ok) {
- const errorMessage = "Error saving edited shot";
- window.alert(errorMessage);
- window.Raven.captureException(new Error(`Error calling /api/save-edit: ${req.status} ${req.statusText}`));
- } else {
- location.reload();
- }
- }).catch((error) => {
- const errorMessage = "Connection error";
- window.alert(errorMessage);
- window.Raven.captureException(error);
- throw error;
- });
- };
-
- const image = shot.getClip(shot.clipNames()[0]).image;
-
- image.url = shotUrl;
- image.dimensions.x = dimensions.x;
- image.dimensions.y = dimensions.y;
-
- createThumbnailUrl(shot).then(thumbnail => {
- payload.thumbnail = thumbnail;
- return postWith(JSON.stringify(payload));
- }).catch(() => {
- return postWith(JSON.stringify(payload));
- });
-};
-
-function refreshHash() {
- if (location.hash === "#fullpage") {
- const frameOffset = document.getElementById("frame").getBoundingClientRect().top + window.scrollY;
- const toolbarHeight = document.getElementById("toolbar").clientHeight;
- const frameTop = frameOffset - (toolbarHeight * 2);
- window.scroll(0, frameTop);
- return;
- }
- let clipId = null;
- let match = (/clip=([^&]{1,255})/).exec(location.hash);
- if (match) {
- clipId = decodeURIComponent(match[1]);
- }
- let source = "change-clip"; // eslint-disable-line no-unused-vars
- match = (/source=([^&]{1,255})/).exec(location.hash);
- if (match) {
- source = decodeURIComponent(match[1]);
- }
- if ((model.activeClipId || null) === clipId) {
- // No change
- return;
- }
- model.activeClipId = clipId;
- sendShowElement(clipId);
- exports.render();
-}
-
-function sendShowElement(clipId) {
- const frame = document.getElementById("frame");
- if (!frame) {
- return;
- }
- let postMessage;
- if (clipId) {
- const clip = model.shot.getClip(clipId);
- if (!clip) {
- throw new Error("Could not find clip with id " + clipId);
- }
- postMessage = {
- type: "displayClip",
- clip: clip.toJSON(),
- };
- } else {
- postMessage = {
- type: "removeDisplayClip",
- };
- }
-
- try {
- window.sendToChild(postMessage);
- } catch (e) {
- console.error("Error sending postMessage:", e);
- console.error("Message:", postMessage);
- throw e;
- }
-}
-
-exports.setTitle = function(title) {
- title = title || null;
- const url = model.backend + "/api/set-title/" + model.shot.id;
- const req = new XMLHttpRequest();
- req.onload = function() {
- if (req.status >= 300) {
- const errorMessage = document.getElementById("shotPageAlertErrorUpdatingTitle").textContent;
- window.alert(errorMessage);
- window.Raven.captureException(new Error(`Error calling /api/set-title: ${req.status} ${req.statusText}`));
- return;
- }
- model.shot.userTitle = title;
- render();
- };
- req.open("POST", url);
- req.setRequestHeader("content-type", "application/json");
- req.send(JSON.stringify({ title, _csrf: model.csrfToken }));
-};
-
-function render() {
- page.render(model);
-}
-
-document.addEventListener("addon-present", (e) => {
- if (e.detail) {
- const capabilities = JSON.parse(e.detail);
- if (capabilities["copy-to-clipboard"]) {
- model.canCopy = true;
- render();
- }
- }
-});
-
-window.controller = exports;
diff --git a/server/src/pages/shot/crop-tool.js b/server/src/pages/shot/crop-tool.js
deleted file mode 100644
index 8ad99a119b..0000000000
--- a/server/src/pages/shot/crop-tool.js
+++ /dev/null
@@ -1,361 +0,0 @@
-const React = require("react");
-const PropTypes = require("prop-types");
-const { Localized } = require("fluent-react/compat");
-const sendEvent = require("../../browser-send-event.js");
-const { Selection } = require("../../../shared/selection");
-
-const MIN_WIDTH = 10;
-const MIN_HEIGHT = 10;
-// This is how close (in pixels) you can get to the edge of the window and then
-// it will scroll:
-const scrollByEdge = 20;
-
-let isMousedown;
-let mousedownPosition;
-let mousedownSelection;
-let dragHandleLocation;
-const SelectionState = { NONE: 0, CREATING: 1, RESIZING: 2, MOVING: 3};
-
-exports.CropTool = class CropTool extends React.Component {
- constructor(props) {
- super(props);
- this.el = React.createRef();
- this.state = {
- selectionState: SelectionState.NONE,
- cropSelection: null,
- };
- this.canvasCssWidth = props.canvasCssWidth;
- this.canvasCssHeight = props.canvasCssHeight;
- }
-
- componentDidMount() {
- if (this.props.toolbarOverrideCallback) {
- this.props.toolbarOverrideCallback();
- }
- }
-
- componentWillUnmount() {
- if (this.props.toolbarOverrideCallback) {
- this.props.toolbarOverrideCallback();
- }
- }
-
- render() {
- const cropSelectionBox = this.renderCropSelection();
-
- return
-
-
-
-
-
-
-
-
-
- {cropSelectionBox}
-
;
- }
-
- renderCropSelection() {
- if (!this.state.cropSelection) {
- return null;
- }
-
- const zeroPx = "0px";
- const selectionTopPx = `${this.state.cropSelection.top}px`;
- const selectionLeftPx = `${this.state.cropSelection.left}px`;
- const selectionRightPx = `${this.state.cropSelection.right}px`;
- const selectionBottomPx = `${this.state.cropSelection.bottom}px`;
- const selectionHeightPx = `${this.state.cropSelection.height}px`;
- const selectionWidthPx = `${this.state.cropSelection.width}px`;
- const remainingRightSideWidthPx = `${this.canvasCssWidth - this.state.cropSelection.right}px`;
- const oneHundredPercent = "100%";
-
- const bgTopStyles = {
- top: zeroPx,
- height: selectionTopPx,
- left: zeroPx,
- width: oneHundredPercent,
- };
- const bgLeftStyles = {
- top: selectionTopPx,
- height: selectionHeightPx,
- left: zeroPx,
- width: selectionLeftPx,
- };
- const bgRightStyles = {
- top: selectionTopPx,
- height: selectionHeightPx,
- left: selectionRightPx,
- width: remainingRightSideWidthPx,
- };
- const bgBottomStyles = {
- top: selectionBottomPx,
- height: oneHundredPercent,
- left: zeroPx,
- width: oneHundredPercent,
- };
- const selectedStyles = {
- position: "absolute",
- top: selectionTopPx,
- left: selectionLeftPx,
- height: selectionHeightPx,
- width: selectionWidthPx,
- };
-
- let smallSelection = null;
- if (this.state.cropSelection.width < 78 || this.state.cropSelection.height < 78) {
- smallSelection = "small-selection";
- }
-
- return [
- ,
- ,
- ,
- ,
-
-
,
- ];
- }
-
- renderToolbar() {
- return
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- { toolBar }
- { display }
-
;
- }
-
- renderCanvas(toolContent) {
- return
-
;
- }
-
- renderSelectedTool() {
- switch (this.state.tool) {
- case "pen":
- return
-
- {toolContent}
-
-
-
;
- }
-
- setColor(color, colorName) {
- this.setState({color, colorName});
- }
-
- renderShotsLoading() {
- return
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
;
- }
-
- onClickCrop() {
- this.previousTool = this.state.tool;
- this.setState({tool: "cropTool"});
- sendEvent("crop-select", "annotation-toolbar");
- }
-
- onDrawingUpdate(affectedArea, incomingCanvas, compositeOp) {
- if (!affectedArea || !incomingCanvas) {
- return;
- }
-
- this.history.pushDiff(this.imageCanvas, affectedArea);
-
- this.imageContext.globalCompositeOperation = (compositeOp || "source-over");
- this.imageContext.drawImage(incomingCanvas,
- affectedArea.left * this.state.canvasPixelRatio,
- affectedArea.top * this.state.canvasPixelRatio,
- affectedArea.width * this.state.canvasPixelRatio,
- affectedArea.height * this.state.canvasPixelRatio,
- affectedArea.left, affectedArea.top, affectedArea.width, affectedArea.height);
-
- this.deriveButtonStates();
- }
-
- applyDiff(area, diffCanvas) {
- this.imageContext.globalCompositeOperation = "source-over";
- this.imageContext.drawImage(diffCanvas,
- 0, 0, diffCanvas.width, diffCanvas.height,
- area.left, area.top, area.width, area.height);
- }
-
- onCropUpdate(affectedArea, incomingCanvas) {
- if (!affectedArea || !incomingCanvas) {
- this.setState({tool: this.previousTool});
- return;
- }
-
- this.history.pushFrame(this.imageCanvas, new Selection(
- 0, 0, this.state.canvasCssWidth, this.state.canvasCssHeight
- ));
- this.applyFrame(affectedArea, incomingCanvas);
- this.setState({tool: this.previousTool});
- this.deriveButtonStates();
- }
-
- applyFrame(area, frameCanvas) {
- const img = new Image();
- img.crossOrigin = "Anonymous";
- img.onload = () => {
- imageContext.drawImage(img, 0, 0, area.width, area.height);
- };
- const imageContext = this.imageCanvas.getContext("2d");
- this.imageContext = imageContext;
- img.src = frameCanvas.toDataURL("image/png");
- this.setState({canvasCssWidth: area.width, canvasCssHeight: area.height});
- }
-
- onClickCancelCrop() {
- this.setState({tool: this.previousTool});
- }
-
- onUndo(e) {
- if (!this.history.canUndo()) {
- return;
- }
- e.target.blur();
- this.applyHistory(this.history.undo(this.imageCanvas));
- this.deriveButtonStates();
- sendEvent("undo", "annotation-toolbar");
- }
-
- onRedo(e) {
- if (!this.history.canRedo()) {
- return;
- }
- e.target.blur();
- this.applyHistory(this.history.redo(this.imageCanvas));
- this.deriveButtonStates();
- sendEvent("redo", "annotation-toolbar");
- }
-
- applyHistory(record) {
- if (!record) {
- return;
- }
- if (record.recordType === RecordType.DIFF) {
- this.applyDiff(record.area, record.canvas);
- } else {
- this.applyFrame(record.area, record.canvas);
- }
- }
-
- onClickClear() {
- this.setState({
- canvasCssWidth: Math.floor(this.props.clip.image.dimensions.x),
- canvasCssHeight: Math.floor(this.props.clip.image.dimensions.y),
- resetCanvas: !this.state.resetCanvas,
- });
- this.history = new EditorHistory(this.state.canvasPixelRatio);
- this.deriveButtonStates();
- this.imageContext.clearRect(0, 0, this.imageCanvas.width, this.imageCanvas.height);
- sendEvent("clear-select", "annotation-toolbar");
- }
-
- onClickCancel() {
- this.props.onCancelEdit(false);
- sendEvent("cancel", "annotation-toolbar");
- }
-
- onClickSave() {
- this.loader = this.renderShotsLoading();
- this.setState({actionsDisabled: true});
- let dataUrl = this.imageCanvas.toDataURL();
-
- if (this.props.pngToJpegCutoff && dataUrl.length > this.props.pngToJpegCutoff) {
- const jpegDataUrl = this.imageCanvas.toDataURL("image/jpeg");
- if (jpegDataUrl.length < dataUrl.length) {
- dataUrl = jpegDataUrl;
- }
- }
-
- const dimensions = {x: this.state.canvasCssWidth, y: this.state.canvasCssHeight};
- this.props.onClickSave(dataUrl, dimensions);
- sendEvent("save", "annotation-toolbar");
- }
-
- onClickHighlight() {
- if (this.state.tool !== "highlighter") {
- this.setState({tool: "highlighter", lineWidth: 20});
- sendEvent("highlighter-select", "annotation-toolbar");
- }
- }
-
- onClickPen() {
- if (this.state.tool !== "pen") {
- this.setState({tool: "pen", lineWidth: 5});
- sendEvent("pen-select", "annotation-toolbar");
- }
- }
-
- onClickText() {
- this.previousTool = this.state.tool;
- this.setState({tool: "textTool"});
- sendEvent("text-select", "annotation-toolbar");
- }
-
- onClickUpdateText(affectedArea, incomingCanvas) {
- if (!affectedArea || !incomingCanvas) {
- this.setState({tool: this.previousTool});
- return;
- }
- this.history.pushDiff(this.imageCanvas, affectedArea);
-
- this.imageContext.globalCompositeOperation = "source-over";
- this.imageContext.drawImage(incomingCanvas,
- affectedArea.left * this.state.canvasPixelRatio,
- affectedArea.top * this.state.canvasPixelRatio,
- affectedArea.width * this.state.canvasPixelRatio,
- affectedArea.height * this.state.canvasPixelRatio,
- affectedArea.left, affectedArea.top, affectedArea.width, affectedArea.height);
- this.setState({tool: this.previousTool});
- this.deriveButtonStates();
- }
-
- onClickCancelText() {
- this.setState({tool: this.previousTool});
- }
-
-
- onMouseUp(e) {
- // This is here so that when the user releases the mouse button outside of
- // the canvas area, the drawing will stop.
- if (this.selectedTool.current
- && this.selectedTool.current.onMouseUp) {
- e.stopPropagation();
- this.selectedTool.current.onMouseUp(e);
- }
- }
-
- onMouseMove(e) {
- // This is here because we don't want whatever the tool action is to stop
- // completely as soon as the mouse cursor exits the canvas/tool area (it's
- // rather jarring).
- if (this.selectedTool.current
- && this.selectedTool.current.onMouseMove
- && this.selectedTool.current.onMouseMove(e)) {
- e.stopPropagation();
- }
- }
-
- componentWillUnmount() {
- document.removeEventListener("mouseup", this.onMouseUp);
- }
-
-};
-
-exports.Editor.propTypes = {
- clip: PropTypes.object,
- onCancelEdit: PropTypes.func,
- onClickSave: PropTypes.func,
- pngToJpegCutoff: PropTypes.number,
-};
diff --git a/server/src/pages/shot/footer.js b/server/src/pages/shot/footer.js
deleted file mode 100644
index e4e6e65a66..0000000000
--- a/server/src/pages/shot/footer.js
+++ /dev/null
@@ -1,29 +0,0 @@
-const React = require("react");
-const { Localized } = require("fluent-react/compat");
-const { Footer } = require("../../footer-view.js");
-const sendEvent = require("../../browser-send-event.js");
-
-exports.ShotFooter = class ShotFooter extends Footer {
- updateLinks() {
- if (this.props.isOwner) {
- this.links.push(
-
-
-
-
-
-
-
-
-
-
-
;
- }
- return null;
- }
-
- closePanel(event) {
- this.props.promoClose();
- sendEvent("promo-closed");
- }
-};
-
-exports.PromoDialog.propTypes = {
- display: PropTypes.bool,
- promoClose: PropTypes.func,
-};
diff --git a/server/src/pages/shot/server.js b/server/src/pages/shot/server.js
deleted file mode 100644
index f94a355f08..0000000000
--- a/server/src/pages/shot/server.js
+++ /dev/null
@@ -1,27 +0,0 @@
-const express = require("express");
-const { Shot } = require("../../servershot");
-const { notFound } = require("../../pages/not-found/server");
-const reactrender = require("../../reactrender");
-const mozlog = require("../../logging").mozlog("shot");
-
-const app = express();
-
-exports.app = app;
-
-app.get("/:id/:domain", function(req, res) {
- const shotId = `${req.params.id}/${req.params.domain}`;
- Shot.get(req.backend, shotId, req.deviceId, req.accountId).then((shot) => {
- const noSuchShot = !shot;
- const nonOwnerAndBlocked = shot && shot.blockType !== "none" && !shot.isOwner;
- if (noSuchShot || nonOwnerAndBlocked || shot.deleted) {
- mozlog.info("shot-404", {shotId, ip: req.ip});
- notFound(req, res);
- return;
- }
- req.shot = shot;
- const page = require("./page").page;
- reactrender.render(req, res, page);
- }).catch(function(err) {
- require("../../responses").errorResponse(res, req.getText("shotIndexPageErrorRendering", {error: err}), err);
- });
-});
diff --git a/server/src/pages/shot/shotpage-header.js b/server/src/pages/shot/shotpage-header.js
deleted file mode 100644
index 0fb4054aad..0000000000
--- a/server/src/pages/shot/shotpage-header.js
+++ /dev/null
@@ -1,215 +0,0 @@
-/* globals controller */
-const React = require("react");
-const PropTypes = require("prop-types");
-const { Localized } = require("fluent-react/compat");
-const sendEvent = require("../../browser-send-event.js");
-const { SignInButton } = require("../../signin-button.js");
-const { Header } = require("../../header.js");
-const { TimeDiff } = require("./time-diff");
-
-exports.ShotPageHeader = class ShotPageHeader extends React.Component {
- constructor(props) {
- super(props);
- }
-
- renderMyShotsText() {
- // FIXME: this means that on someone else's shot they won't see a My Shots link:
- if (!this.props.isOwner) {
- return (
- Take Note!
-- Updated editing tools let you crop, highlight, and even add text to your shot. -
-✨
-
-
-
- );
- }
-
- onClickOrigUrl(label) {
- if (this.props.isOwner) {
- sendEvent("view-original", `${label}-owner`, {useBeacon: true});
- } else {
- sendEvent("view-original", `${label}-non-owner`, {useBeacon: true});
- }
- // Note: we allow the default action to continue
- }
-
- renderFxASignIn() {
- if (this.props.isOwner) {
- return (
-
-
-
- { linkTextShort ? { linkTextShort } : null }
- { linkTextShort ? • : null }
- { timeDiff }
- •
- { expirationSubtitle }
-
- {this.props.shotActions}
: null
- );
- }
-
- render() {
- const myShotsText = this.renderMyShotsText();
- const signin = this.renderFxASignIn();
- const shotInfo = this.renderShotInfo();
- const shotActions = this.renderShotActions();
-
- return (
-
- {textToolBox}
-
;
- }
-
- renderTextBox() {
- const dragDivTopPx = `${this.state.top - DRAG_DIV_PADDING}px`;
- const dragDivLeftPx = `${this.state.left - DRAG_DIV_PADDING}px`;
- const dragDivPadding = `${DRAG_DIV_PADDING}px`;
-
- const dragDivStyles = {
- position: "absolute",
- top: dragDivTopPx,
- left: dragDivLeftPx,
- padding: dragDivPadding,
- cursor: "move",
- };
-
- // Styles used by hidden div that is used to compute width of input
- // text for respective font-size
- const hiddenDivStyles = {
- position: "absolute",
- zIndex: "-999",
- visibility: "hidden",
- };
-
- return [
-
-
-
-
-
-
-
,
- ];
- }
-
- renderToolbar() {
- return
-
-
-
-
-
-
-
-
-
-
this.clipContainer = clipContainer} className="clip-container">
- { this.copyTextContextMenu() }
-
- { node }
-
-
;
- }
-
- onClickClip() {
- if (this.props.isMobile) {
- sendEvent("mobile-download", "content", {useBeacon: true});
- } else {
- sendEvent("goto-clip", "content", {useBeacon: true});
- }
- // Allow default action to continue
- }
-
- copyTextContextMenu() {
- if (this.props.clip.image.text) {
- return (
-
- );
- }
- return null;
- }
-
- copyImageText() {
- sendEvent("copy-image-text", "context-menu");
- const text = this.props.clip.image.text;
- const el = document.createElement("textarea");
- el.value = text;
- document.body.appendChild(el);
- el.select();
- document.execCommand("copy");
- document.body.removeChild(el);
- }
-}
-
-Clip.propTypes = {
- clip: PropTypes.object,
- isMobile: PropTypes.bool,
- downloadUrl: PropTypes.string,
-};
-
-class Head extends React.Component {
- render() {
- const expired = this.props.expireTime !== null && Date.now() > this.props.expireTime;
- if (expired) {
- return (
-
-
-
-
-
-
-
-
-
- { message }
- { moreInfo } -
-
-
-
-
-
-
-
- This shot has expired.
-
-
- {this.props.shot.title}
-
-
-
-
;
-
- if (this.props.isOwner) {
- const highlight = this.state.highlightEditButton
- ?
-
: null;
- const favImgSrc = this.props.expireTime ? this.props.staticLink("/static/img/icon-heart-outline.svg") :
- this.props.staticLink("/static/img/icon-heart.svg");
- const inactive = this.props.hasFxa ? "" : "inactive";
-
- favoriteShotButton =
-
-
-
;
- // Disabling all favorites for now:
- favoriteShotButton = null;
-
- trashOrFlagButton =
-
-
-
-
: null;
-
- copyButton =
-
-
-
;
- }
-
- const shotActions = this.props.isOwner ?
- [favoriteShotButton, editButton, copyButton, downloadButton, trashOrFlagButton] : null;
-
- let clip;
- let clipUrl = null;
- if (clipNames.length) {
- const clipId = clipNames[0];
- clip = this.props.shot.getClip(clipId);
- clipUrl = clip.image.url;
- if (!isValidClipImageUrl(clipUrl)) {
- clipUrl = "";
- }
- }
-
- let renderGetFirefox = this.props.userAgent && (this.props.userAgent + "").search(/firefox\/\d{1,255}/i) === -1;
- if (this.props.isMobile) {
- renderGetFirefox = false;
- }
-
- return (
-
-
- { !this.props.isOwner ? downloadButton : null }
-
-
- { this.props.isOwner && this.props.loginFailed ?
-
-
- If you took this shot and cannot delete it, you may need to temporarily enable third party cookies from your browser’s preferences!!
-
-
- { signin }
-
-
-
-
- { this.renderShots() }
-
- { this.renderPageNavigation() }
- { this.renderErrorMessages() }
-
-
- {children}
-
-
- );
- }
- return children;
- }
-
- renderShotsLoading() {
- return
-
;
- }
-
- renderPageNavigation() {
- if (!this.props.totalShots || parseInt(this.props.totalShots, 10) === 0) {
- return null;
- }
-
- const totalPages = Math.ceil(this.props.totalShots / this.props.shotsPerPage) || 1;
- const hasPrev = this.props.pageNumber > 1;
- const prevPageNumber = this.props.pageNumber - 1;
- const prevClasses = ["shots-page-nav"].concat(!hasPrev && "disabled").join(" ");
- const hasNext = this.props.pageNumber < totalPages;
- const nextPageNumber = this.props.pageNumber - 0 + 1;
- const nextClasses = ["shots-page-nav"].concat(!hasNext && "disabled").join(" ");
- const hidden = totalPages < 2;
- let arrowheadPrev = this.props.staticLink("/static/img/arrowhead-left-16.svg");
- let arrowheadNext = this.props.staticLink("/static/img/arrowhead-right-16.svg");
- if (this.props.isRtl) {
- [arrowheadNext, arrowheadPrev] = [arrowheadPrev, arrowheadNext];
- }
-
- return (
-
-
-
-
-
-
- {
- hasPrev
- ?
- :
- }
-
-
- {this.props.pageNumber} / {totalPages}
-
-
- {
- hasNext
- ?
- :
- }
-
-
-
- );
- }
-
- onChangePage(pageNumber, e) {
- controller.onChangePage(pageNumber);
- e.preventDefault();
- window.scrollTo(0, 0);
- }
-
- renderErrorMessages() {
- return (
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-
- renderNoShots() {
- return (
-
-
-
-
-
-
-
-
-
- );
- }
-
- renderNoDeviceId() {
- return (
- No saved shots.
-Go on, create some.
-
-
-
-
-
-
-
- );
- }
-
- renderNoSearchResults() {
- return (
- Looking for your shots...
-
-
-
-
-
-
-
-
-
- );
- }
-
- renderSearchForm() {
- return (
-
- );
- }
-
- onSubmitForm(e) {
- e.preventDefault();
- const val = this.searchInput.value;
- if (val) {
- sendEvent("search", "submit");
- } else {
- sendEvent("clear-search", "submit");
- }
- controller.onChangeSearch(val);
- }
-
- onChangeSearch() {
- const val = this.searchInput.value;
- this.setState({defaultSearch: val});
- if (!val) {
- sendEvent("clear-search", "keyboard");
- controller.onChangeSearch(val);
- return;
- }
- if (this._keyupTimeout) {
- clearTimeout(this._keyupTimeout);
- this._keyupTimeout = undefined;
- }
- if (val.length > 3) {
- this._keyupTimeout = setTimeout(() => {
- sendEvent("search", "timed");
- controller.onChangeSearch(val);
- }, 1000);
- }
- }
-
- onClearSearch(e) {
- const val = "";
- this.searchInput.value = val;
- this.setState({defaultSearch: val});
- controller.onChangeSearch(val);
- sendEvent("clear-search", "button");
- return null;
- }
-
- componentDidUpdate() {
- if ((this.props.defaultSearch || "") !== (this.state.defaultSearch || "")) {
- document.body.classList.add("search-results-loading");
- } else {
- document.body.classList.remove("search-results-loading");
- }
- }
-
-}
-
-Body.propTypes = {
- abTests: PropTypes.object,
- defaultSearch: PropTypes.string,
- disableSearch: PropTypes.bool,
- downloadUrls: PropTypes.object,
- enableUserSettings: PropTypes.bool,
- authenticated: PropTypes.bool,
- hasFxa: PropTypes.bool,
- isExtInstalled: PropTypes.bool,
- pageNumber: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- shots: PropTypes.array,
- shotsPerPage: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- staticLink: PropTypes.func,
- totalShots: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- isRtl: PropTypes.bool,
-};
-
-class Card extends React.Component {
- constructor(props) {
- super(props);
- this.state = {panelOpen: "panel-closed", deleted: false};
- }
-
- render() {
- const defaultImageUrl = this.props.staticLink("img/question-mark.svg");
- const shot = this.props.shot;
- const downloadUrl = this.props.downloadUrl;
- let imageUrl;
- const clip = shot.clipNames().length ? shot.getClip(shot.clipNames()[0]) : null;
- if (!clip) {
- // Some corrupted shot, we'll have to ignore it
- return null;
- }
- if (shot.thumbnail) {
- imageUrl = shot.thumbnail;
- } else if (clip && clip.image && clip.image.url) {
- imageUrl = clip.image.url;
- } else if (shot.images.length) {
- imageUrl = shot.images[0].url;
- } else {
- imageUrl = defaultImageUrl;
- }
-
- // fallback to the question mark if the imageUrl is invalid
- if (!isValidClipImageUrl(imageUrl)) {
- imageUrl = this.props.staticLink("img/question-mark.svg");
- }
-
- let favoriteIndicator = null;
- if (!shot.expireTime) {
- favoriteIndicator = Hmmm!
-We can’t find any shots that match your search.
-
- ![]({this.props.staticLink("/static/img/icon-sync.svg")})
-
-
-
-
-
- );
- }
-
- getClipType(thumbnailUrl, dimensions) {
- // "portrait": 210 x 280, image scaled on X
- // "landscape": 210 x 140, image scaled on Y
- // "square": 210 x 210, image scaled on X or Y
-
- const containerWidth = 210;
- const landscapeHeight = 140;
- const portraitHeight = 280;
- const landscapeAspectRatio = containerWidth / landscapeHeight;
- const portraitAspectRatio = containerWidth / portraitHeight;
- let thumbnailWidth, thumbnailHeight;
-
- if (!thumbnailUrl) {
- thumbnailWidth = dimensions.x;
- thumbnailHeight = dimensions.y;
- } else {
- const thumbnailDimensions = getThumbnailDimensions(dimensions.x, dimensions.y);
- thumbnailWidth = thumbnailDimensions.width;
- thumbnailHeight = thumbnailDimensions.height;
- }
-
- const thumbnailAspectRatio = thumbnailWidth / thumbnailHeight;
-
- if (thumbnailAspectRatio <= portraitAspectRatio) {
- return "portrait";
- }
- if (thumbnailAspectRatio >= landscapeAspectRatio) {
- return "landscape";
- }
- if (thumbnailHeight > thumbnailWidth) {
- return "square-x";
- }
- return "square-y";
- }
-
- setPanelState(state) {
- this.setState({panelOpen: state});
- }
-
- isDeleted() {
- return this.state.deleted ? "deleted" : "";
- }
-
- onOpen(url, event) {
- if (event.ctrlKey || event.metaKey || event.button === 1) {
- // Don't override what might be an open-in-another-tab click
- sendEvent("goto-shot", "myshots-tile-new-tab", {useBeacon: true});
- return;
- }
-
- sendEvent("goto-shot", "myshots-tile", {useBeacon: true});
- location.href = url;
- }
-
- displayTitle(title) {
- // FIXME: this won't work for rtl languages. use CSS ellipsis instead? (#3116)
- if (title.length > 140) {
- return (title.substring(0, 140) + "...");
- }
- return title;
- }
-
- clickDeleteHandler(event) {
- sendEvent("start-delete", "my-shots", {useBeacon: true});
- this.setState({ deletePanelOpen: true });
- }
-
- confirmDeleteHandler(shot, event) {
- sendEvent("delete", "my-shots-popup-confirm", { useBeacon: true });
- controller.deleteShot(shot);
- this.setState({ deleted: true, deletePanelOpen: false });
- }
-
- cancelDeleteHandler(event) {
- this.setState({ deletePanelOpen: false });
- sendEvent("cancel-delete", "my-shots-popup-confirm");
- }
-
- onClickDownload() {
- this.downloadButton.blur();
- sendEvent("download", "myshots-tile");
- }
-
- onClickFavorite(shot) {
- if (shot.isFavorite) {
- sendEvent("unfavorite", "myshots-tile");
- } else {
- sendEvent("favorite", "myshots-tile");
- }
-
- controller.toggleFavoriteShot(shot);
- }
-}
-
-Card.propTypes = {
- abTests: PropTypes.object,
- downloadUrl: PropTypes.string,
- hasFxa: PropTypes.bool,
- isExtInstalled: PropTypes.bool,
- isOwner: PropTypes.bool,
- shot: PropTypes.object,
- staticLink: PropTypes.func,
-};
-
-exports.HeadFactory = React.createFactory(Head);
-exports.BodyFactory = React.createFactory(Body);
diff --git a/server/src/promotion-strategy.js b/server/src/promotion-strategy.js
deleted file mode 100644
index ab848dacaa..0000000000
--- a/server/src/promotion-strategy.js
+++ /dev/null
@@ -1,86 +0,0 @@
-class PromotionStrategy {
- /* Display Firefox Account onboarding dialog in header below signin button */
- shouldShowOnboardingDialog(isOwner, isShotPage) {
- // Because we are deprecating the server, we never want to show this.
- return false;
- /*
- let show = false;
- // Exit without showing dialog on non-owner shot page
- if (isShotPage && !isOwner) {
- return show;
- }
-
- const count = localStorage.hasSeenOnboardingDialog;
- if (!count) {
- localStorage.hasSeenOnboardingDialog = 1;
- show = true;
- } else if (count < 3) {
- localStorage.hasSeenOnboardingDialog = parseInt(count, 10) + 1;
- show = true;
- }
- return show;
- */
- }
-
- /* Display edit tool promotion on shot page below edit button */
- shouldShowEditToolPromotion(isOwner, enableAnnotations, hasFxaOnboardingDialog) {
- // Hide edit tool promotion when showing fxaOnboarding dialog
- if (!isOwner || !enableAnnotations || hasFxaOnboardingDialog) {
- return false;
- }
- let show = false;
- const count = localStorage.hasSeenPromoDialog;
- if (!count) {
- localStorage.hasSeenPromoDialog = 1;
- show = true;
- } else if (count < 3) {
- localStorage.hasSeenPromoDialog = parseInt(count, 10) + 1;
- show = true;
- }
- return show;
- }
-
- /* Highlight edit tool icon on the shot page when user lands on shot page
- for the first time and when the edit tool promo is displayed */
- shouldHighlightEditIcon(isOwner, enableAnnotations) {
- if (!isOwner) {
- return false;
- }
- const hasSeen = localStorage.hasSeenEditButton;
- if (!hasSeen && enableAnnotations) {
- localStorage.hasSeenEditButton = "1";
- }
- return !hasSeen;
- }
-
- /* Display upsell ad-banner inside header */
- shouldShowFirefoxBanner(shouldGetFirefox, isOwner) {
- return false;
- /*
- if (shouldGetFirefox && !isOwner) {
- return true;
- }
- return false;
- */
- }
-
- /* Display FxA signin ad-banner inside header */
- shouldShowFxaBanner(hasFxa) {
- // Because we are deprecating the server, we never want to show this.
- return false;
- /*
- if (!hasFxa) {
- return true;
- }
- return false;
- */
- }
-
- shouldShowDeprecation() {
- return false;
- }
-}
-
-if (typeof exports !== "undefined") {
- exports.PromotionStrategy = PromotionStrategy;
-}
diff --git a/server/src/proxy-url.js b/server/src/proxy-url.js
deleted file mode 100644
index 2d6ffc3146..0000000000
--- a/server/src/proxy-url.js
+++ /dev/null
@@ -1,23 +0,0 @@
-const dbschema = require("./dbschema");
-const config = require("./config").getProperties();
-const { isValidClipImageUrl } = require("../shared/shot");
-const { URL } = require("url");
-
-exports.createProxyUrl = function(req, url, hash) {
- const base = `${req.protocol}://${config.contentOrigin}`;
- const sig = dbschema.getKeygrip("proxy-url").sign(new Buffer(url, "utf8"));
- let proxy = `${base}/proxy?url=${encodeURIComponent(url)}&sig=${encodeURIComponent(sig)}`;
- if (hash) {
- proxy += "#" + hash;
- }
- return proxy;
-};
-
-exports.createDownloadUrl = function(url, filename) {
- const path = (new URL(url)).pathname;
- const sig = dbschema.getKeygrip("download-url").sign(new Buffer(`${path} ${filename}`, "utf8"));
- if (!isValidClipImageUrl(url)) {
- return "";
- }
- return `${url}?download=${encodeURIComponent(filename)}&sig=${encodeURIComponent(sig)}`;
-};
diff --git a/server/src/ravenclient.js b/server/src/ravenclient.js
deleted file mode 100644
index 9aa1c6ee13..0000000000
--- a/server/src/ravenclient.js
+++ /dev/null
@@ -1,73 +0,0 @@
-const config = require("./config").getProperties();
-const Raven = require("raven");
-const urlParse = require("url").parse;
-
-
-let useRaven = false;
-
-if (config.sentryDSN) {
- Raven.config(config.sentryDSN).install();
- useRaven = true;
-}
-
-/** Returns true if the path looks like '/some-id/some-domain' */
-function isShotLikePath(path) {
- return /^\/[^/]+\/[^/]+\/?$/.test(path);
-}
-
-function makeOptionsFromRequest(req, options) {
- let referrer = null;
- let path = req.originalUrl;
- if (req.headers.referer) {
- referrer = req.headers.referer;
- if (referrer.startsWith(req.backend)) {
- const parsed = urlParse(referrer);
- let pathname = parsed.pathname;
- if (isShotLikePath(pathname)) {
- pathname = "/a-shot/redacted";
- }
- referrer = `${parsed.protocol}//${parsed.host}${pathname}`;
- }
- }
- if (isShotLikePath(path)) {
- path = "/a-shot/redacted";
- }
- options = options || {};
- options.extra = options.extra || {};
- options.extra.path = path;
- options.extra.method = req.method;
- options.extra.userAgent = req.headers["user-agent"];
- options.extra.referrer = referrer;
- options.extra.authenticated = !!req.deviceId;
- return options;
-}
-
-exports.sendRavenMessage = function(req, message, options) {
- if (!useRaven) {
- return;
- }
- options = makeOptionsFromRequest(req, options);
- Raven.captureMessage(message, options);
-};
-
-exports.captureRavenException = function(exc, req, options) {
- if (req) {
- options = makeOptionsFromRequest(req, options);
- }
- if (useRaven) {
- return Raven.captureException(exc, options);
- }
- return null;
-};
-
-exports.addRavenRequestHandler = function(app) {
- if (useRaven) {
- app.use(Raven.requestHandler());
- }
-};
-
-exports.addRavenErrorHandler = function(app) {
- if (useRaven) {
- app.use(Raven.errorHandler());
- }
-};
diff --git a/server/src/reactrender.js b/server/src/reactrender.js
deleted file mode 100644
index 3b774bdb6d..0000000000
--- a/server/src/reactrender.js
+++ /dev/null
@@ -1,99 +0,0 @@
-const { addReactScripts } = require("./reactutils");
-const ReactDOMServer = require("react-dom/server");
-const { getGitRevision } = require("./linker");
-
-const { JSDOM } = require("jsdom");
-const dom = new JSDOM("");
-const template = dom.window.document.querySelector("template");
-
-// Used by the LocalizationProvider to sanitize markup in translations on the
-// server side. During runtime it uses document.createElement("template").
-function parseMarkup(textContent) {
- // eslint-disable-next-line no-unsanitized/property
- template.innerHTML = textContent;
- return Array.from(template.content.childNodes);
-}
-
-exports.render = function(req, res, page) {
- const modelModule = require("./" + page.modelModuleName);
- const viewModule = page.viewModule;
- const cdn = req.config.siteCdn.replace(/\/*$/, "");
- Promise.resolve(modelModule.createModel(req)).then((model) => {
- model.backend = req.backend;
- let jsonModel = model.jsonModel || model;
- let serverModel = model.serverModel || model;
- const csrfToken = req.csrfToken && req.csrfToken();
- jsonModel = Object.assign({
- authenticated: !!(req.deviceId || req.accountId),
- hasFxa: !!req.accountId,
- sentryPublicDSN: req.config.sentryPublicDSN,
- backend: req.backend,
- gitRevision: getGitRevision(),
- cdn,
- csrfToken,
- abTests: req.abTests,
- userLocales: req.userLocales,
- parseMarkup,
- }, jsonModel);
- serverModel = Object.assign({
- authenticated: !!(req.deviceId || req.accountId),
- hasFxa: !!req.accountId,
- sentryPublicDSN: req.config.sentryPublicDSN,
- staticLink: req.staticLink,
- csrfToken,
- abTests: req.abTests,
- userLocales: req.userLocales,
- messages: req.messages,
- parseMarkup,
- }, serverModel);
- if (req.query.data === "json") {
- if (req.query.pretty !== undefined) {
- res.type("json").send(JSON.stringify(jsonModel, null, " "));
- } else {
- res.type("json").send(jsonModel);
- }
- return;
- }
- const head = ReactDOMServer.renderToStaticMarkup(viewModule.HeadFactory(serverModel));
- let body;
- if (page.noBrowserJavascript) {
- body = ReactDOMServer.renderToStaticMarkup(viewModule.BodyFactory(serverModel));
- } else {
- body = ReactDOMServer.renderToString(viewModule.BodyFactory(serverModel));
- }
- const jsonString = JSON.stringify(jsonModel).replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029").replace(/`;
- if (page.noBrowserJavascript) {
- inlineJson = "";
- }
- let doc = `
-
- ${head}
-
-
- 
-
-
-
-
-
- {favoriteIndicator}
- {syncedShotIndicator}
-
-
- {this.displayTitle(shot.title)}
-
-
-
- {shot.urlDisplay}
-
- ${body}
- ${inlineJson}
-
- `.trim();
- if (!page.noBrowserJavascript) {
- // FIXME: we should just inline the addReactScripts functionality in this function:
- let script = `\
- var jsonData = document.getElementById('json-data').textContent;
-window.initialModel = JSON.parse(jsonData);
-window.initialModelLaunched = false;
-if (window.controller) {
- window.controller.launch(window.initialModel);
- window.initialModelLaunched = true;
-}
-`;
- if (page.extraBodyJavascript) {
- script += page.extraBodyJavascript;
- }
- doc = addReactScripts(doc, script, req.cspNonce);
- }
- res.send(doc);
- }).catch((err) => {
- res.type("txt").status(500).send("Error: " + err + "\n" + err.stack);
- });
-};
diff --git a/server/src/reactruntime.js b/server/src/reactruntime.js
deleted file mode 100644
index 63199bd00a..0000000000
--- a/server/src/reactruntime.js
+++ /dev/null
@@ -1,197 +0,0 @@
-require("core-js");
-
-const React = require("react");
-const ReactDOM = require("react-dom");
-const PropTypes = require("prop-types");
-const linker = require("./linker");
-require("fluent-intl-polyfill/compat");
-const { FluentBundle } = require("fluent/compat");
-const { LocalizationProvider } = require("fluent-react/compat");
-const { getLocaleMessages } = require("./locale-messages");
-
-function generateBundles(messages, locales) {
- const bundles = [];
- for (const locale of locales) {
- const bundle = new FluentBundle(locale);
- bundle.addMessages(messages[locale]);
- bundles.push(bundle);
- }
- return bundles;
-}
-
-exports.HeadTemplate = class HeadTemplate extends React.Component {
-
- render() {
- // FIXME: this should probably include some standard CSS or other boilerplate
- let activationScript;
- if (!this.props.noAnalytics) {
- if (this.props.hashAnalytics) {
- activationScript = ;
- } else {
- activationScript = ;
- }
- }
-
- const localeScripts = [];
- if (!this.props.noBrowserJavascript) {
- for (const locale of this.props.userLocales) {
- localeScripts.push();
- }
- }
- const wantsAuth = !this.props.authenticated;
-
- return (
-
- {this.props.children}
-
-