apache / couchdb-fauxton

Fauxton is the new Web UI for CouchDB

Fauxton

Fauxton is the new Web UI for CouchDB. To get it running in development on your machine. Follow the steps below.

Install as standalone server via npm

You can use the latest release of Fauxton via npm:

npm install -g fauxton
fauxton

See fauxton --help for extra options.

Setting up Fauxton

Please note that node.js and npm is required. Specifically, Fauxton requires at least Node 6 and npm 3.

1. Fork this repo (see GitHub help for details)
2. Clone your fork: git clone https://github.com/YOUR-USERNAME/couchdb-fauxton.git
3. Go to your cloned copy: cd couchdb-fauxton
4. Set up the upstream repo:
   • git remote add upstream https://github.com/apache/couchdb-fauxton.git
   • git fetch upstream
   • git branch --set-upstream-to=upstream/main main
5. Download all dependencies: npm install
6. Make sure you have CouchDB installed.
   • Option 1 (recommended): Use npm run docker:up to start a Docker container running CouchDB with user tester and password testerpass.
     • You need to have Docker installed to use this option.
   • Option 2: Follow instructions found here

Running Fauxton

NOTE: Before you run Fauxton, don't forget to start CouchDB!

The Dev Server

Using the dev server is the easiest way to use Fauxton, especially when developing for it. In the cloned repo folder, type:

npm run dev

You should be able to access Fauxton at http://localhost:8000

Preparing a Fauxton Release

Follow the "Setting up Fauxton" section above, then edit the settings.json variable root where the document will live, e.g. /_utils/. Then type:

npm run couchdb

This will install the latest version of Fauxton into /share/www/

To Deploy Fauxton

To deploy to your local CouchDB instance:

grunt couchapp_deploy

Build pipeline overview

During a release build we are creating a folder called dist/tmp-out. It contains all files that are just intermediate results for the final release artifact. Once everything is finished the files are copied from tmp-out to their final destination, dist/release where they are part of the deployable release artifact.

(Optional) To avoid a npm global install

# Development mode, non minified files
npm run couchdebug

# Or fully compiled install
npm run couchdb

More information

Check out the following pages for a lot more information about Fauxton:

• The Fauxton Code Layout
• Style Guide
• Testing Fauxton
• Extensions
• How to contribute

---

-- The Fauxton Team

couchdb-fauxton's Issues

Warning notification for missing document in database

A document that does not exist in a database that does exist:
We display an error message, and then do a redirect to the _all_docs of the existing database.

A document that does not exist in a database that does not exist:
We display an error message that the database does not exist, there is a redirect to the non-existent database's _all_docs page, where the secondary nav and doc-jump component fail to load, but the document list can be populated with documents from previously loaded databases.

If a user attempts to access anything in a document (including design documents) that doesn't exist:
Redirect to the _all_docs view for the database, and throw and error of "The <doc_name> document does not exist."

Adding view to empty ddoc fails

Fauxton throws an exception when attempting to save a new view to a ddoc that does not already have the 'views' attribute. Fauxton incorrectly assumes that 'views' will exist if the doc is a ddoc.

This was originally reported in https://github.com/cloudant/dashboard/issues/774

[Feature request] Bind Ctrl+Enter to running Mango query

It would be awesome if Ctrl+Enter in the ace editor for a Mango query ran the query.

Ctrl+Enter is a pretty common shortcut to "run stuff", from a UX point of view I think it would make sense here.

You can't open local docs using fauxton

If you navigate to what should be a legit local doc url you get a blank page:

Curl works, so it's definitely there:

$ curl http://admin:pass@localhost:5984/medic/_local/sentinel-meta-data
{"_id":"_local/sentinel-meta-data","_rev":"0-1","processed_seq":"2786-g1AAAACheJzLYWBgYMpgTmEQTM4vTc5ISXLIyU9OzMnILy7JAUklMiTV____PyuDOQnIe5YLFGNPSUo0tzBIwaYHj0l5LECSoQFI_YcbyP4HbKCxsWFaWrIRNq1ZALL8MuU"}

Your Environment

• Version used: CouchDB 2.1
• Browser Name and version: Chrome
• Operating System and version (desktop or mobile): MacOS

Navigating back to Mango query from result document should preserve Mango query

Reproduction scenario

1. Type a Mango query
2. Run query
3. Click the Edit (pencil) icon for a result document
4. Click the browser back button to navigate back to the Mango query editor

Expected

Mango query from step 1. is preserved.

Actually, what about generalizing this "back navigation"? Could Fauxton always store the current query in the app state, so that whatever navigation path ending up back in the Mango editor yields the previously-run query? In this case, a "Default query" button would be neat.

Actual

Mango query from step 1. is lost, and default query is proposed instead :-/

ddocs.html HTTP 404

Visit http://localhost:5984/_utils/docs/couchapp/ddocs.html returns HTTP 404

Expected Behavior

Show the page

Current Behavior

HTTP 404
Not found.

Steps to Reproduce (for bugs)

1. Edit View
2. Click the question mark

Your Environment

• Version used: CouchDB 2.1.0
• Browser Name and version: Firefox 54
• Operating System and version (desktop or mobile): Win 10 x64 version 1703
• Link to your project: N/A

Fix Modals

Currently the Modals don't work with Preact.js.
An example, click on a database -> click the three vertical dots near the database name and then click delete database. Nothing happens. A modal should appear.

Problem scrolling to end of a long line in Ace editor

There's a bug with the Ace editor configuration (full page + elsewhere) where if you have a single very long line of text - long enough to make the horizontal scrollbar appear, you can't scroll to the very end of the line.
This occurs in all browsers. It looks like the editor is failing to take into account the width of the vertical scrollbar, so the final 1 or 2 characters get hidden.

I spent some time investigating this thinking it was our bug, but it turns out to be a bug with Ace itself. I've opened a ticket here: ajaxorg/ace#2360

Taken from https://issues.apache.org/jira/browse/COUCHDB-2586

Update the setup module to use redux

The setup addon has fallen behind the rest of the project. It would be great to remove all backbone models and update to using Redux. The React components also need some love, specially with how they use props and state.

Creating a new replication job with custom ID shows a non existing conflict

Expected Behavior

1. Login into Fauxton
2. Open the Replication section
3. Click New Replication
4. Fill in the data and write a custom ID for the Replication Document field (make sure it doesn't exist yet)
5. Click Start Replication
6. You're asked for your account's password
7. The replication job starts

Current Behavior

1. Login into Fauxton
2. Open the Replication section
3. Click New Replication
4. Fill in the data and write a custom ID for the Replication Document field (make sure it doesn't exist yet)
5. Click Start Replication
6. An error box appears claiming that the custom id you just entered already exists and the document will be overwritten.
7. You accept the document to be overwritten
8. You're asked for your account's password
9. The replication job starts

Your Environment

• Version used: 2.1.0
• Browser Name and version: Chrome 60.0.3112.113 (Official Build) (64-bit)
• Operating System and version (desktop or mobile): Mac OS version 10.12.6

Add back animation in Changes feed

When a user clicks add JSON animation should expand the section to show the JSON.

STEP 1

Do we need this animation? Or is it better without

STEP 2

If we don't need it, we should remove the code
If we do need it, add it back in a way that is works with Preact.js. Either using straight CSS animation or a preact compatible animation library.

Confirmation modal not closable when deleting a configuration option

When deleting a configuration setting from the Configuration section of the dashboard, users are unable to dismiss the Confirmation modal to prevent the deletion. Current workaround is to refresh the page.

Looks like we're setting state of the modal incorrectly: https://github.com/apache/couchdb-fauxton/blob/master/app/addons/config/components.js#L253

No list of databases shown in IE 11

In CouchDB 2.1, when using Internet Explorer 11 (Win7) the included Fauxton does not show the list of databases nor a login screen, so it cannot be used. The only thing shown is the navigation bar on the left.

By having the built-in debugger break on all exceptions, I can see that IE complains about a syntax error on the expression "e.querySelectorAll("*,:x") included in vendor.js

db security form does not populate with existing object,

Expected Behavior

When browsing to http://<url>/_utils/#/database/dbname/permissions , the page should reflect the content of the current database _security object. It should then allow incremental editing of the object through adding/deleting admin and member users and roles.

Current Behaviour

When browsing to http://<url>/_utils/#/database/dbname/permissions , the page currently shows no data, as if there was no _security object in the database.

Steps to Reproduce

1. curl -X PUT http://<url>/dbname
2. Create a user such as wohali in _users and make it an admin (e.g. by adding it to [admins] in local.ini)
3. curl -X PUT http://wohali:password@<url>/dbname/_security -d '{"admins": {"names": [ "wohali" ], "roles": ["foo", "bar"]}, "members": { "names": ["ralph","frank"], "roles":["developers"]}}' to create the correct db permissions.
4. curl -X GET http://wohali:password@<url>/dbname/_security and validate the output
5. Visit https://<url>/_utils/#/database/dbname/permissions. None of the populated data in the _security object is shown.

Note: in my browser network console the GET /_security on that page returns a 401 error. Inspecting the headers for the request does not show the request being made with the correct security context.

Your Environment

• Version used: CouchDB, master build
• Browser Name and version: Firefox 53.0.3
• Operating System and version (desktop or mobile): Windows 7 x64, desktop

Fauxton only works went mounted to url "/",.

I'm using Fauxton with Express, and when mounted say at url "/db".. everything fails..

Expected Behavior

When mounted at say '/db', request should be '/db/_session',..

Current Behavior

Instead of say requests like -> '/db/_session', the console is showing requests like -> '/_session'

Possible Solution

Make the fauxton route path configurable.

code like ->

    return window.location.origin + '/' + app.utils.safeURLName(database);

This is assuming we have everything running at '/'..

Steps to Reproduce (for bugs)

Run Fauxton from a route like "/db"

Context

I'm trying to make an express app, that can host website, and fauxton etc. Assuming everything is @ "/" is not ideal. So a request say for session would be '/db/_session'

Your Environment

Node
Windows

why is insecure in the npms.io?

More responsive Fauxton

For a full responsive Fauxton I think we would need:
throw out the current not maintained Bootstrap 2 which is mainly just used for button styling at the moment
make use of an actively maintained bootstrap and use it's helper to create responsive grids
Some good points from @michellephung
Suggestions:

1. We could collapse the left most nav when the screen is below a certain width.
2. Also maybe when the width gets really small, collapse the api url/ add new database/ search buttons down to icon-only (like in buttons the code editor).

Taken from https://issues.apache.org/jira/browse/COUCHDB-2565

Feature Request: Auto quote Query keys if quotes missing

When querying database documents through the Fauxton interface, i.e. Clicking Options -> By Keys or Between Keys, it should be possible to enter a string without having to surround it with quotes.

I've lost count of how many times I have entered key values, returning 0 results, even though the documents exist. I then have to go back and surround the values for the query to execute correctly. It's a jarring experience that could be easily solved by Fauxton doing a simple check for surrounding quotes and if not present add them.

Expected Behavior

Add surrounding quotes to Query Key strings if missing

Current Behavior

No results returned if quotes missing (which is technically correct, but not the best user experience)

Possible Solution

Simple string check for surrounding quotes and if not present add them on submit. Could also make an option to 'Auto quote' etc, which is off by default.

Your Environment

• Version used: 2.1.0
• Browser Name and version: Chrome 59.0.3071.115
• Operating System and version (desktop or mobile): Win10 x64 client, Debian (Jessie) x64 Server

Mouse cursor hardly visible on dark document editor view

Under Mac OS X the mouse cursor is on the dark background of the document editor view hardly visible. Native Mac apps can change to a white cursor, but that is not possible for browsers. So, would it be possible to get a white editor theme?

Your Environment

• Version used: 2.1
• Browser Name and version: Current Firefox or Chrome
• Operating System and version (desktop or mobile): Current Mac OS X

addons or couchapp

Hello,

i want create an admin for my application and i am using couchdb, wondering if its possible create this admin as a addon of fauxton or a couchapp and if make sense create as a addon, or even if is a couchapp a best pratice if i can use some fauxton features in my couchapp.

regards

Remove React from devDependencies

Currently we need React as a devDependency to get the unit tests to run. Ideally it would be nice to remove it.

Stale options for views

Right now it is really hard to see stale results of a view.
I need to copy the API string and add stale=ok or stale=update_after.
It'll be awesome to have this option again, just like Futon had.

Wish: Prevision version of document button

in couchdb 1.6 exist prevision version of document button.
Could you please add similar to latest fauxton

Group databases with / char

Currently databases with / char in name showed as flat list. While it's ok, but the main trick of having this char in db name is to group the databases on filesystem. It would be awesome if Fauxton will also group them in UI, providing fold/unfold buttons.

Taken from https://issues.apache.org/jira/browse/COUCHDB-2108

Remove Facebook flux from Fauxton

Facebook flux has the same BSD license. We need to remove it.

Replication UI does not render when _replicator contains ddoc with filter function

If a user has created a ddoc in the _replicator db that defines a filter function for use with filtered replications, the UI fails to load. It hangs with the loading bars animation.

Likely not that useful but here's the browser console output:
Unhandled rejection TypeError: Failed to construct 'URL': Invalid URL

Mango doesn't highlight the Databases section of the main nav

See title

The database button in the main nav should have background color of @hoverHighlight ^

Replication is lowercasing passwords in URLs

See https://issues.apache.org/jira/browse/COUCHDB-3397

https://postimg.org/image/a3pmzihfl/

Fix notification messages

• The notification messages use to have some basic animation when they appeared or disappeared. We need to add that back.

• The notification messages do not stack. If multiple notification messages appeared they would all be visible.

Extension and plugin

Hello everyone.
There is some example or tutorial, to create plugins or extensions to a stand alone version?

Fauxton dev server not running on Windows 7

I cloned the repository, installed dependencies with npm, and changed the host in the setting.json file however I am receiving the following error:

$ npm run dev

> [email protected] dev C:\Users\schader1\couchdb-fauxton
> node ./devserver.js

setup dev environment
events.js:160
      throw er; // Unhandled 'error' event
      ^

Error: spawn grunt ENOENT
    at exports._errnoException (util.js:1018:11)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:193:32)
    at onErrorNT (internal/child_process.js:367:16)
    at _combinedTickCallback (internal/process/next_tick.js:80:11)
    at process._tickCallback (internal/process/next_tick.js:104:9)
    at Module.runMain (module.js:606:11)
    at run (bootstrap_node.js:390:7)
    at startup (bootstrap_node.js:150:9)
    at bootstrap_node.js:505:3

NPM Debug log:

10 verbose lifecycle [email protected]~dev: CWD: C:\Users\schader1\couchdb-fauxton
11 silly lifecycle [email protected]~dev: Args: [ '/d /s /c', 'node ./devserver.js' ]
12 silly lifecycle [email protected]~dev: Returned: code: 1  signal: null
13 info lifecycle [email protected]~dev: Failed to exec dev script
14 verbose stack Error: [email protected] dev: `node ./devserver.js`
14 verbose stack Exit status 1
14 verbose stack     at EventEmitter.<anonymous> (C:\Program Files\nodejs\node_modules\npm\lib\utils\lifecycle.js:255:16)
14 verbose stack     at emitTwo (events.js:106:13)
14 verbose stack     at EventEmitter.emit (events.js:191:7)
14 verbose stack     at ChildProcess.<anonymous> (C:\Program Files\nodejs\node_modules\npm\lib\utils\spawn.js:40:14)
14 verbose stack     at emitTwo (events.js:106:13)
14 verbose stack     at ChildProcess.emit (events.js:191:7)
14 verbose stack     at maybeClose (internal/child_process.js:886:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
15 verbose pkgid [email protected]
16 verbose cwd C:\Users\schader1\couchdb-fauxton
17 error Windows_NT 6.1.7601
18 error argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "dev"
19 error node v6.10.3
20 error npm  v3.10.10
21 error code ELIFECYCLE
22 error [email protected] dev: `node ./devserver.js`
22 error Exit status 1
23 error Failed at the [email protected] dev script 'node ./devserver.js'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the fauxton package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error     node ./devserver.js
23 error You can get information on how to open an issue for this project with:
23 error     npm bugs fauxton
23 error Or if that isn't available, you can get their info via:
23 error     npm owner ls fauxton
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]

Copied & pasted string with newlines should show JSON syntax error in Ace editors

Copying & pasting in text with newlines into a string in the full page doc editor (and probably any Ace editor field) should show an error icon in the gutter, but it doesn't.

Taken from https://issues.apache.org/jira/browse/COUCHDB-2757

Invalid map/reduce functions do not show an error to the user

Click: "Create view"
as the map function put in valid javascript, but without the "function wrapper" from CouchDB:
eg.
if (doc.latin_name)
{ emit(doc.latin_name, doc.latin_name.length); }
Couch returns
{"error":"compilation_error","reason":"Compilation of the map function in the 'latin_name_jssum' view failed: Expression does not eval to a function. (\n if(doc.latin_name)
{\n emit(doc.latin_name, doc.latin_name.length);\n }
\n)"}
but Fauxton does not show an error and the button is not pressable any more

Taken from https://issues.apache.org/jira/browse/COUCHDB-2786

Save document does not prompt invalid JSON

Save document does not prompt invalid JSON

Expected Behavior

Prompt the user "Invalid JSON"

Current Behavior

1. If Save button is clicked, nothing shown. In browser console, a Javascript error occurred.

SyntaxError: JSON.parse: expected ',' or '}' after property value in object at line 9 column 5 of the JSON data

2. If ctrl+S is pressed, the browser's Save File Dialog shows, which is not the expected behaviour

Possible Solution

Prompt "invalid JSON", and handle ctrl+S hotkey when error

Steps to Reproduce (for bugs)

1. Edit a document with invalid JSON format
2. Click the green "Save" button / Press hotkey Ctrl+S

Context

Does not realize I have JSON typo

Your Environment

• Version used: CouchDB 2.1.0
• Browser Name and version: Firefox 54 x64
• Operating System and version (desktop or mobile): Win 10 x64 version 1703
• Link to your project: N/A

Get Jest tests working with Preact

We use Enzyme with our Jest test. Preact.js doesn't work with Enzyme. We need to replace Enzyme or find another way to get those tests working.

Browser autocomplete stores db passwords

If using basic auth, the replication page in Fauxton on couch 2.0 stores database passwords.

Checked on Chrome, Firefox.

Expected Behavior

Database passwords probably shouldn't be stored in my browser.

Current Behavior

Chrome

Firefox

Possible Solution

Add autocomplete="off" attribute to <input> elements which are not type="password" but may include passwords.

Steps to Reproduce (for bugs)

1. go to fauxton replication page
2. start a replication to a remote server
3. reload the replication page
4. start typing in the remote server URL box
5. observe old URLs including basic auth credentials

Your Environment

• Version used:

• Browser Name and version:
  • Firefox 55
  • Chrome 60
• Operating System and version (desktop or mobile): OSX

Provide better behaviour with a database that doesn't exist

When a user tries to navigate to a database that doesn't exist provide them with the following issue:

A database that does not exist:
We display a "Database does not exist." error message in the banner and the notification panel, but the page appears to continue attempting to access the non existent database.

This needs to apply to query, changes, permissions, all_docs

Fauxton "Edit string" dialogue blank for certain kinds of keys

If a key starts with @ or contains a : then the Edit string dialogue in Fauxton (CouchDB v. 2.0.0) displays blank with title Edit Value, and Cancel and Modify Text buttons (see attached screenshot). Here's a simple document that illustrates the issue:

{
  "_id": "93a894752babfcb3fd07989762001a9e",
  "_rev": "2-2b6698e2d720a3476d9c857fafe50abb",
  "@graph": [
	{
	  "rdfs:label": [
		{
		  "@language": "bo-x-ewts",
		  "@value": "grub thob"
		},
		{
		  "@language": "en",
		  "@value": "mahasiddha"
		}
	  ],
	  "@id": "top:T10MS14283",
	  "@type": "top:Topic",
	  "note": {
		"@id": ":T10MS14283_Note1",
		"@type": "Note",
		"note_content": {
		  "@language": "en",
		  "@value": "this topic is applied in reference to a siddha or mystic adept, singularly or in any of their enumerated groupings"
		}
	  },
	  "top:status": "released"
	}
  ]
}

Put the cursor in the key or value fields for an item such as "@value" or "top:status" and then select the Edit string button on the left of the item and a blank dialogue will appear:

Remove the @ or : and then select the Edit string button on the left of the item and a normal Edit Value dialogue will open:

Add back animation to Create database button

We have had to remove the little bit of animation when a user clicks on the Create Database button.

Step 1

Should we add it back? Or is it fine as it is?

Step 2:

If we decide to add it back, ee need to find a compatible Preact.js animation library. Or we can just do the animation via css.

While viewing a document, changing the url and hitting enter doesn't change the document editor contents

Changing the URL of a document does not change to that document on first try, only if you subsequently hit enter (which results in the browser doing a full page refresh).

Steps to Reproduce

• Navigate to some document. The URL in your bar will be http://blah/_utils/#database/db-name/document-name-1. You can see the JSON of document-name-1
• Change the URL to another document, say, http://blah/_utils/#database/db-name/document-name-2. Hit enter.

Current Behaviour

• The title changes, database > document-id
• The content of the editor does not change, and is still the old doc

Expected Behaviour

• Both the title and the content change.

Interestingly enough, if you give it an incorrect document id it does boot you back to the db screen telling you that it couldn't find the document, so it's definitely looking for it.

Your Environment

• Version used: Build with CouchDB 2.1
• Browser Name and version: Chrome 60
• Operating System and version (desktop or mobile): MacOS

Fauxton doesn't handle well all design docs names (with special characters)

As asked by @wohali, I'm (re)creating the issue here, in the appropriate repository. The original one was created in CouchDB repo (apache/couchdb#713).

The problem is that I have some "special fields", in the fashion of firebase (that uses something like ".field" to reference something that is "a contract" of the database), where, in the name, there is some special characters (like the dollar sign "$"). In that cases, Fauxton doesn't let I expand the design document to edit/list.

Expected Behavior

To work like any other design document. If it is a valid design document name for CouchDB, it must be for Fauxton. Plus, it could show the real character in Fauxton interface ("$"), but nowadays it is showing ( "%24"), that is the url-encoded one.

Current Behavior

Fauxton doesn't accept all design document names that CouchDB supports.

Possible Solution

Check why the script is throwing errors when some special character is used.

Steps to Reproduce (for bugs)

1. Create a design document named "_design/$test".
2. Try to access it in Fauxton to add views or list/edit.
3. An error will output in console and nothing more will happen.

Context

It is a valid use case to work with special characters in CouchDB. It is not so uncommon to have "special fields" or "special documents" that describe something that must be known only by the system as a "contract" or with a special meaning. In those cases, it is common to have more complex names (to distinct the special things from the normal things). And, if CouchDB handle well this scenarios, Fauxton could do it aswell.

Your Environment

• Version used: Fauxton on Apache CouchDB v. 2.0.0
• Browser Name and version: Chrome 59.0.3071.115 (64 bits)
• Operating System and version (desktop or mobile): Windows 10
• Link to your project: N/A

Permanent notification layout bug on pages with secondary nav

When rendering the permanent notification banner on pages that have the secondary nav, we cover a portion of the content window with the banner. Should be a quick css fix.

Navigate to the user's document

Futon doesn't allows this, but this would be extremely useful if by clicking on username on sidebar while user is logged in to quickly navigate to the document in auth db that belongs to that user. Some kind of profile feature.

Taken from https://issues.apache.org/jira/browse/COUCHDB-2120

Script language selector is missing

In the Futon, i can specify the language of the script. I can write scripts in C++, because I developed the C++ query server (couchcpp project). But, there is no language select in the Fauxton, or I cannot easily find it. The Fuaxton sticks on Javascript during the view creation.

However, once the C++ design document is created manually, I can use the Fauxton to edit these scripts with no problems. There is also metadata section, which refers the correct language.

So only the selector is missing

CouchDB 2.0
Ubuntu 16.10
(installed from sources]

error on start fauxton after npm install -g

fauxton

 ______                        _
|  ____|                      | |
| |__    __ _   _   _  __  __ | |_    ___    _ __
|  __|  / _` | | | | | \ \/ / | __|  / _ \  | '_ \
| |    | (_| | | |_| |  >  <  | |_  | (_) | | | | |
|_|     \__,_|  \__,_| /_/\_\  \__|  \___/  |_| |_|

Listening on 8000
Could not locate /Users/gabrielmancini/.nvm/versions/node/v6.9.4/lib/node_modules/fauxton/dist/release/index.html

"View JSON" / "Copy URL" buttons in development fauxton should use the Couch port, not the app port

When running a development version of Fauxton (using npm run dev), the "View JSON" / "Copy URL" features currently use the wrong port: they point to fauxton's port rather than the underlying couchdb port:

Order changes in replication view, if you click on an action

When I go to the Replication Tab I see a list of replications. When I click on a single item action, like delete, it sometimes changes the order in the background (behind the modal), which is confusing, as I wasn't sure for what replication the action would trigger. Maybe this GIF helps, although it's a bit dark because of the modal

Expected Behavior

The order should not change, so it's not confusing the users.

Current Behavior

See GIF.

Steps to Reproduce (for bugs)

I didn't have the chance to look into the code, but I suspect it has to do with the different state of the one replication above ("Retrying" versus "Completed")

Your Environment

• Version used: 2.1.0
• Browser Name and version: Desktop Chrome on macOS, Version 60.0.3112.113 (Official Build) (64-bit)
• Operating System and version (desktop or mobile): macOS 10.12.6
• Link to your project: localhost 😆

It's not a biggie at all, just wanted to report it so someone can look into it if there's time.

Thanks everyone for you work!

replace safeURLName in code

We have a still some usages of safeURLName where we manually slice of the _design prefix for design docs. Later we glue the prefix on again. We have a helper function that handles that already, which is also available in the utils.js file.
Task: find appearances of safeURLName with code search, understand how it is used, remove custom safeURLName shenanigans with their design doc handling and replace it with other helper function.
Good beginner task to get your toes wet with our codebase.

Taken from https://issues.apache.org/jira/browse/COUCHDB-3045

Single Node Setup on Fauxton forces non-127.0.0.1 IP

Single node setups might just want to bind to 127.0.0.1, this could be fore security on the db server, or on a dev machine.
Currently, the setup wizard for the single-node case forces an ip address other than 127.0.0.1, we should not do that

Taken from https://issues.apache.org/jira/browse/COUCHDB-3139

Fauxton: Error message missing when server error 401 in view edit

If nothing is done for several minutes in Fauxton, and then a view edit is submitted, the message "Saving view..." occurs on top, and lasts several seconds, but the final message "View saved." is missing. The server log says the return code was 401 (PUT /money/_design/Konten 401 ok 4). No (red) error message is given in this case, but the result is the old one, and if you click elsewhere and click edit that view again, the old code is shown.
Reloading the page requests a logon, and -- in case nothing else was changed -- shows the new, changed and not saved contents, and save works properly.
This is rather nasty for a newcomer.
Using Fauxton from couchDB 2.0.0 on port 5984 on a remote machine (not localhost).