0.23.0rc2

Require Since and Until parameter as they are needed to time shift

.codeclimate.yml

@@ -5,8 +5,13 @@ engines:
     enabled: false
   eslint:
     enabled: true
+    checks:
+      import/extensions:
+        enabled: false
+      import/no-extraneous-dependencies:
+        enabled: false
     config:
-      config: caravel/assets/.eslintrc
+      config: superset/assets/.eslintrc
   pep8:
     enabled: true
   fixme:
@@ -19,16 +24,17 @@ engines:
 ratings:
   paths:
   - "**.py"
-  - "caravel/assets/**.js"
-  - "caravel/assets/**.jsx"
+  - "superset/assets/**.js"
+  - "superset/assets/**.jsx"
 exclude_paths:
 - ".*"
 - "**.pyc"
 - "**.gz"
 - "env/"
 - "tests/"
-- "caravel/assets/images/"
-- "caravel/assets/vendor/"
-- "caravel/assets/node_modules/"
-- "caravel/assets/javascripts/dist/"
-- "caravel/migrations"
+- "superset/assets/images/"
+- "superset/assets/vendor/"
+- "superset/assets/node_modules/"
+- "superset/assets/javascripts/dist/"
+- "superset/migrations"
+- "docs/"

.coveralls.yml

@@ -1 +1 @@
-repo_token: eESbYiv4An6KEvjpmguDs4L7YkubXbqn1
+repo_token: 4P9MpvLrZfJKzHdGZsdV3MzO43OZJgYFn 

.gitignore

@@ -1,28 +1,39 @@
 *.pyc
+yarn-error.log
+_modules
+superset/assets/coverage/*
 changelog.sh
 .DS_Store
 .coverage
 _build
 _static
 _images
-caravel/bin/caravelc
+_modules
+superset/bin/supersetc
 env_py3
 .eggs
 build
 *.db
 tmp
-caravel_config.py
+superset_config.py
 local_config.py
 env
 dist
-caravel.egg-info/
+superset.egg-info/
 app.db
 *.bak
 .idea
 *.sqllite
+.vscode
+.python-version
 
 # Node.js, webpack artifacts
 *.entry.js
 *.js.map
 node_modules
-npm-debug.log
+npm-debug.log*
+yarn.lock
+superset/assets/version_info.json
+
+# IntelliJ
+*.iml

.landscape.yml

@@ -16,8 +16,7 @@ pep8:
   full: true
 ignore-paths:
     - docs
-    - caravel/migrations/env.py
-    - caravel/ascii_art.py
+    - superset/migrations/env.py
 ignore-patterns:
     - ^example/doc_.*\.py$
     - (^|/)docs(/|$)

.pylintrc

@@ -0,0 +1,407 @@
+[MASTER]
+
+# Specify a configuration file.
+#rcfile=
+
+# Python code to execute, usually for sys.path manipulation such as
+# pygtk.require().
+#init-hook=
+
+# Add files or directories to the blacklist. They should be base names, not
+# paths.
+ignore=CVS
+
+# Add files or directories matching the regex patterns to the blacklist. The
+# regex matches against base names, not paths.
+ignore-patterns=
+
+# Pickle collected data for later comparisons.
+persistent=yes
+
+# List of plugins (as comma separated values of python modules names) to load,
+# usually to register additional checkers.
+load-plugins=
+
+# Use multiple processes to speed up Pylint.
+jobs=1
+
+# Allow loading of arbitrary C extensions. Extensions are imported into the
+# active Python interpreter and may run arbitrary code.
+unsafe-load-any-extension=no
+
+# A comma-separated list of package or module names from where C extensions may
+# be loaded. Extensions are loading into the active Python interpreter and may
+# run arbitrary code
+extension-pkg-whitelist=
+
+# Allow optimization of some AST trees. This will activate a peephole AST
+# optimizer, which will apply various small optimizations. For instance, it can
+# be used to obtain the result of joining multiple strings with the addition
+# operator. Joining a lot of strings can lead to a maximum recursion error in
+# Pylint and this flag can prevent that. It has one side effect, the resulting
+# AST will be different than the one from reality. This option is deprecated
+# and it will be removed in Pylint 2.0.
+optimize-ast=no
+
+
+[MESSAGES CONTROL]
+
+# Only show warnings with the listed confidence levels. Leave empty to show
+# all. Valid levels: HIGH, INFERENCE, INFERENCE_FAILURE, UNDEFINED
+confidence=
+
+# Enable the message, report, category or checker with the given id(s). You can
+# either give multiple identifier separated by comma (,) or put this option
+# multiple time (only on the command line, not in the configuration file where
+# it should appear only once). See also the "--disable" option for examples.
+#enable=
+
+# Disable the message, report, category or checker with the given id(s). You
+# can either give multiple identifiers separated by comma (,) or put this
+# option multiple times (only on the command line, not in the configuration
+# file where it should appear only once).You can also use "--disable=all" to
+# disable everything first and then reenable specific checks. For example, if
+# you want to run only the similarities checker, you can use "--disable=all
+# --enable=similarities". If you want to run only the classes checker, but have
+# no Warning level messages displayed, use"--disable=all --enable=classes
+# --disable=W"
+disable=standarderror-builtin,long-builtin,dict-view-method,intern-builtin,suppressed-message,no-absolute-import,unpacking-in-except,apply-builtin,delslice-method,indexing-exception,old-raise-syntax,print-statement,cmp-builtin,reduce-builtin,useless-suppression,coerce-method,input-builtin,cmp-method,raw_input-builtin,nonzero-method,backtick,basestring-builtin,setslice-method,reload-builtin,oct-method,map-builtin-not-iterating,execfile-builtin,old-octal-literal,zip-builtin-not-iterating,buffer-builtin,getslice-method,metaclass-assignment,xrange-builtin,long-suffix,round-builtin,range-builtin-not-iterating,next-method-called,dict-iter-method,parameter-unpacking,unicode-builtin,unichr-builtin,import-star-module-level,raising-string,filter-builtin-not-iterating,old-ne-operator,using-cmp-argument,coerce-builtin,file-builtin,old-division,hex-method,invalid-unary-operand-type
+
+
+[REPORTS]
+
+# Set the output format. Available formats are text, parseable, colorized, msvs
+# (visual studio) and html. You can also give a reporter class, eg
+# mypackage.mymodule.MyReporterClass.
+output-format=text
+
+# Put messages in a separate file for each module / package specified on the
+# command line instead of printing them on stdout. Reports (if any) will be
+# written in a file name "pylint_global.[txt|html]". This option is deprecated
+# and it will be removed in Pylint 2.0.
+files-output=no
+
+# Tells whether to display a full report or only the messages
+reports=yes
+
+# Python expression which should return a note less than 10 (10 is the highest
+# note). You have access to the variables errors warning, statement which
+# respectively contain the number of errors / warnings messages and the total
+# number of statements analyzed. This is used by the global evaluation report
+# (RP0004).
+evaluation=10.0 - ((float(5 * error + warning + refactor + convention) / statement) * 10)
+
+# Template used to display messages. This is a python new-style format string
+# used to format the message information. See doc for all details
+#msg-template=
+
+
+[BASIC]
+
+# Good variable names which should always be accepted, separated by a comma
+good-names=i,j,k,ex,Run,_,d,e,v,o,l,x,ts
+
+# Bad variable names which should always be refused, separated by a comma
+bad-names=foo,bar,baz,toto,tutu,tata,d,fd
+
+# Colon-delimited sets of names that determine each other's naming style when
+# the name regexes allow several styles.
+name-group=
+
+# Include a hint for the correct naming format with invalid-name
+include-naming-hint=no
+
+# List of decorators that produce properties, such as abc.abstractproperty. Add
+# to this list to register other decorators that produce valid properties.
+property-classes=abc.abstractproperty
+
+# Regular expression matching correct argument names
+argument-rgx=[a-z_][a-z0-9_]{2,30}$
+
+# Naming hint for argument names
+argument-name-hint=[a-z_][a-z0-9_]{2,30}$
+
+# Regular expression matching correct method names
+method-rgx=[a-z_][a-z0-9_]{2,30}$
+
+# Naming hint for method names
+method-name-hint=[a-z_][a-z0-9_]{2,30}$
+
+# Regular expression matching correct variable names
+variable-rgx=[a-z_][a-z0-9_]{1,30}$
+
+# Naming hint for variable names
+variable-name-hint=[a-z_][a-z0-9_]{2,30}$
+
+# Regular expression matching correct inline iteration names
+inlinevar-rgx=[A-Za-z_][A-Za-z0-9_]*$
+
+# Naming hint for inline iteration names
+inlinevar-name-hint=[A-Za-z_][A-Za-z0-9_]*$
+
+# Regular expression matching correct constant names
+const-rgx=(([A-Za-z_][A-Za-z0-9_]*)|(__.*__))$
+
+# Naming hint for constant names
+const-name-hint=(([A-Z_][A-Z0-9_]*)|(__.*__))$
+
+# Regular expression matching correct class names
+class-rgx=[A-Z_][a-zA-Z0-9]+$
+
+# Naming hint for class names
+class-name-hint=[A-Z_][a-zA-Z0-9]+$
+
+# Regular expression matching correct class attribute names
+class-attribute-rgx=([A-Za-z_][A-Za-z0-9_]{2,30}|(__.*__))$
+
+# Naming hint for class attribute names
+class-attribute-name-hint=([A-Za-z_][A-Za-z0-9_]{2,30}|(__.*__))$
+
+# Regular expression matching correct module names
+module-rgx=(([a-z_][a-z0-9_]*)|([A-Z][a-zA-Z0-9]+))$
+
+# Naming hint for module names
+module-name-hint=(([a-z_][a-z0-9_]*)|([A-Z][a-zA-Z0-9]+))$
+
+# Regular expression matching correct attribute names
+attr-rgx=[a-z_][a-z0-9_]{2,30}$
+
+# Naming hint for attribute names
+attr-name-hint=[a-z_][a-z0-9_]{2,30}$
+
+# Regular expression matching correct function names
+function-rgx=[a-z_][a-z0-9_]{2,30}$
+
+# Naming hint for function names
+function-name-hint=[a-z_][a-z0-9_]{2,30}$
+
+# Regular expression which should only match function or class names that do
+# not require a docstring.
+no-docstring-rgx=^_
+
+# Minimum line length for functions/classes that require docstrings, shorter
+# ones are exempt.
+docstring-min-length=10
+
+
+[ELIF]
+
+# Maximum number of nested blocks for function / method body
+max-nested-blocks=5
+
+
+[FORMAT]
+
+# Maximum number of characters on a single line.
+max-line-length=90
+
+# Regexp for a line that is allowed to be longer than the limit.
+ignore-long-lines=^\s*(# )?<?https?://\S+>?$
+
+# Allow the body of an if to be on the same line as the test if there is no
+# else.
+single-line-if-stmt=no
+
+# List of optional constructs for which whitespace checking is disabled. `dict-
+# separator` is used to allow tabulation in dicts, etc.: {1  : 1,\n222: 2}.
+# `trailing-comma` allows a space between comma and closing bracket: (a, ).
+# `empty-line` allows space-only lines.
+no-space-check=trailing-comma,dict-separator
+
+# Maximum number of lines in a module
+max-module-lines=1000
+
+# String used as indentation unit. This is usually "    " (4 spaces) or "\t" (1
+# tab).
+indent-string='    '
+
+# Number of spaces of indent required inside a hanging  or continued line.
+indent-after-paren=4
+
+# Expected format of line ending, e.g. empty (any line ending), LF or CRLF.
+expected-line-ending-format=
+
+
+[LOGGING]
+
+# Logging modules to check that the string format arguments are in logging
+# function parameter format
+logging-modules=logging
+
+
+[MISCELLANEOUS]
+
+# List of note tags to take in consideration, separated by a comma.
+notes=FIXME,XXX,TODO
+
+
+[SIMILARITIES]
+
+# Minimum lines number of a similarity.
+min-similarity-lines=4
+
+# Ignore comments when computing similarities.
+ignore-comments=yes
+
+# Ignore docstrings when computing similarities.
+ignore-docstrings=yes
+
+# Ignore imports when computing similarities.
+ignore-imports=no
+
+
+[SPELLING]
+
+# Spelling dictionary name. Available dictionaries: none. To make it working
+# install python-enchant package.
+spelling-dict=
+
+# List of comma separated words that should not be checked.
+spelling-ignore-words=
+
+# A path to a file that contains private dictionary; one word per line.
+spelling-private-dict-file=
+
+# Tells whether to store unknown words to indicated private dictionary in
+# --spelling-private-dict-file option instead of raising a message.
+spelling-store-unknown-words=no
+
+
+[TYPECHECK]
+
+# Tells whether missing members accessed in mixin class should be ignored. A
+# mixin class is detected if its name ends with "mixin" (case insensitive).
+ignore-mixin-members=yes
+
+# List of module names for which member attributes should not be checked
+# (useful for modules/projects where namespaces are manipulated during runtime
+# and thus existing member attributes cannot be deduced by static analysis. It
+# supports qualified module names, as well as Unix pattern matching.
+ignored-modules=numpy,pandas,alembic.op,sqlalchemy,alembic.context,flask_appbuilder.security.sqla.PermissionView.role,flask_appbuilder.Model.metadata,flask_appbuilder.Base.metadata
+
+# List of class names for which member attributes should not be checked (useful
+# for classes with dynamically set attributes). This supports the use of
+# qualified names.
+ignored-classes=optparse.Values,thread._local,_thread._local
+
+# List of members which are set dynamically and missed by pylint inference
+# system, and so shouldn't trigger E1101 when accessed. Python regular
+# expressions are accepted.
+generated-members=
+
+# List of decorators that produce context managers, such as
+# contextlib.contextmanager. Add to this list to register other decorators that
+# produce valid context managers.
+contextmanager-decorators=contextlib.contextmanager
+
+
+[VARIABLES]
+
+# Tells whether we should check for unused import in __init__ files.
+init-import=no
+
+# A regular expression matching the name of dummy variables (i.e. expectedly
+# not used).
+dummy-variables-rgx=(_+[a-zA-Z0-9]*?$)|dummy
+
+# List of additional names supposed to be defined in builtins. Remember that
+# you should avoid to define new builtins when possible.
+additional-builtins=
+
+# List of strings which can identify a callback function by name. A callback
+# name must start or end with one of those strings.
+callbacks=cb_,_cb
+
+# List of qualified module names which can have objects that can redefine
+# builtins.
+redefining-builtins-modules=six.moves,future.builtins
+
+
+[CLASSES]
+
+# List of method names used to declare (i.e. assign) instance attributes.
+defining-attr-methods=__init__,__new__,setUp
+
+# List of valid names for the first argument in a class method.
+valid-classmethod-first-arg=cls
+
+# List of valid names for the first argument in a metaclass class method.
+valid-metaclass-classmethod-first-arg=mcs
+
+# List of member names, which should be excluded from the protected access
+# warning.
+exclude-protected=_asdict,_fields,_replace,_source,_make
+
+
+[DESIGN]
+
+# Maximum number of arguments for function / method
+max-args=5
+
+# Argument names that match this expression will be ignored. Default to name
+# with leading underscore
+ignored-argument-names=_.*
+
+# Maximum number of locals for function / method body
+max-locals=15
+
+# Maximum number of return / yield for function / method body
+max-returns=6
+
+# Maximum number of branch for function / method body
+max-branches=12
+
+# Maximum number of statements in function / method body
+max-statements=50
+
+# Maximum number of parents for a class (see R0901).
+max-parents=7
+
+# Maximum number of attributes for a class (see R0902).
+max-attributes=7
+
+# Minimum number of public methods for a class (see R0903).
+min-public-methods=2
+
+# Maximum number of public methods for a class (see R0904).
+max-public-methods=20
+
+# Maximum number of boolean expressions in a if statement
+max-bool-expr=5
+
+
+[IMPORTS]
+
+# Deprecated modules which should not be used, separated by a comma
+deprecated-modules=optparse
+
+# Create a graph of every (i.e. internal and external) dependencies in the
+# given file (report RP0402 must not be disabled)
+import-graph=
+
+# Create a graph of external dependencies in the given file (report RP0402 must
+# not be disabled)
+ext-import-graph=
+
+# Create a graph of internal dependencies in the given file (report RP0402 must
+# not be disabled)
+int-import-graph=
+
+# Force import order to recognize a module as part of the standard
+# compatibility libraries.
+known-standard-library=
+
+# Force import order to recognize a module as part of a third party library.
+known-third-party=enchant
+
+# Analyse import fallback blocks. This can be used to support both Python 2 and
+# 3 compatible code, which means that the block might have code that exists
+# only in one or another interpreter, leading to false positives when analysed.
+analyse-fallback-blocks=no
+
+
+[EXCEPTIONS]
+
+# Exceptions that will emit a warning when being caught. Defaults to
+# "Exception"
+overgeneral-exceptions=Exception

.travis.yml

@@ -1,38 +1,31 @@
-
 language: python
+services:
+    - redis-server
 addons:
   code_climate:
     repo_token: 5f3a06c425eef7be4b43627d7d07a3e46c45bdc07155217825ff7c49cb6a470c
-  apt:
-    sources:
-      - deadsnakes
-    packages:
-      - python3.5
 cache:
   directories:
     - $HOME/.wheelhouse/
 env:
   global:
     - TRAVIS_CACHE=$HOME/.travis_cache/
-    - TRAVIS_NODE_VERSION="5.11"
   matrix:
+    - TOX_ENV=flake8
     - TOX_ENV=javascript
+    - TOX_ENV=pylint
     - TOX_ENV=py34-postgres
     - TOX_ENV=py34-sqlite
     - TOX_ENV=py27-mysql
     - TOX_ENV=py27-sqlite
-before_install:
-  - npm install -g npm@'>=3.9.5'
 before_script:
-  - mysql -e 'drop database if exists caravel; create database caravel DEFAULT CHARACTER SET utf8 COLLATE utf8_unicode_ci' -u root
+  - mysql -u root -e "DROP DATABASE IF EXISTS superset; CREATE DATABASE superset DEFAULT CHARACTER SET utf8 COLLATE utf8_unicode_ci"
   - mysql -u root -e "CREATE USER 'mysqluser'@'localhost' IDENTIFIED BY 'mysqluserpassword';"
-  - mysql -u root -e "GRANT ALL ON caravel.* TO 'mysqluser'@'localhost';"
-  - psql -c 'create database caravel;' -U postgres
-  - psql -c "CREATE USER postgresuser WITH PASSWORD 'pguserpassword';" -U postgres
+  - mysql -u root -e "GRANT ALL ON superset.* TO 'mysqluser'@'localhost';"
+  - psql -U postgres -c "CREATE DATABASE superset;"
+  - psql -U postgres -c "CREATE USER postgresuser WITH PASSWORD 'pguserpassword';"
   - export PATH=${PATH}:/tmp/hive/bin
 install:
   - pip install --upgrade pip
   - pip install tox tox-travis
-  - rm -rf ~/.nvm && git clone https://github.com/creationix/nvm.git ~/.nvm && (cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`) && source ~/.nvm/nvm.sh && nvm install $TRAVIS_NODE_VERSION
-  - npm install
 script: tox -e $TOX_ENV

CODE_OF_CONDUCT.md

@@ -0,0 +1,84 @@
+# Code of Conduct
+
+## 1. Purpose
+
+A primary goal of Apache Superset is to be inclusive to the largest number of contributors, with the most varied and diverse backgrounds possible. As such, we are committed to providing a friendly, safe and welcoming environment for all, regardless of gender, sexual orientation, ability, ethnicity, socioeconomic status, and religion (or lack thereof).
+
+This code of conduct outlines our expectations for all those who participate in our community, as well as the consequences for unacceptable behavior.
+
+We invite all those who participate in Apache Superset to help us create safe and positive experiences for everyone.
+
+## 2. Open Source Citizenship
+
+A supplemental goal of this Code of Conduct is to increase open source citizenship by encouraging participants to recognize and strengthen the relationships between our actions and their effects on our community.
+
+Communities mirror the societies in which they exist and positive action is essential to counteract the many forms of inequality and abuses of power that exist in society.
+
+If you see someone who is making an extra effort to ensure our community is welcoming, friendly, and encourages all participants to contribute to the fullest extent, we want to know.
+
+## 3. Expected Behavior
+
+The following behaviors are expected and requested of all community members:
+
+*   Participate in an authentic and active way. In doing so, you contribute to the health and longevity of this community.
+*   Exercise consideration and respect in your speech and actions.
+*   Attempt collaboration before conflict.
+*   Refrain from demeaning, discriminatory, or harassing behavior and speech.
+*   Be mindful of your surroundings and of your fellow participants. Alert community leaders if you notice a dangerous situation, someone in distress, or violations of this Code of Conduct, even if they seem inconsequential.
+*   Remember that community event venues may be shared with members of the public; please be respectful to all patrons of these locations.
+
+## 4. Unacceptable Behavior
+
+The following behaviors are considered harassment and are unacceptable within our community:
+
+*   Violence, threats of violence or violent language directed against another person.
+*   Sexist, racist, homophobic, transphobic, ableist or otherwise discriminatory jokes and language.
+*   Posting or displaying sexually explicit or violent material.
+*   Posting or threatening to post other people’s personally identifying information ("doxing").
+*   Personal insults, particularly those related to gender, sexual orientation, race, religion, or disability.
+*   Inappropriate photography or recording.
+*   Inappropriate physical contact. You should have someone’s consent before touching them.
+*   Unwelcome sexual attention. This includes, sexualized comments or jokes; inappropriate touching, groping, and unwelcomed sexual advances.
+*   Deliberate intimidation, stalking or following (online or in person).
+*   Advocating for, or encouraging, any of the above behavior.
+*   Sustained disruption of community events, including talks and presentations.
+
+## 5. Consequences of Unacceptable Behavior
+
+Unacceptable behavior from any community member, including sponsors and those with decision-making authority, will not be tolerated.
+
+Anyone asked to stop unacceptable behavior is expected to comply immediately.
+
+If a community member engages in unacceptable behavior, the community organizers may take any action they deem appropriate, up to and including a temporary ban or permanent expulsion from the community without warning (and without refund in the case of a paid event).
+
+## 6. Reporting Guidelines
+
+If you are subject to or witness unacceptable behavior, or have any other concerns, please notify a community organizer as soon as possible. dev@superset.incubator.apache.org .
+
+
+
+Additionally, community organizers are available to help community members engage with local law enforcement or to otherwise help those experiencing unacceptable behavior feel safe. In the context of in-person events, organizers will also provide escorts as desired by the person experiencing distress.
+
+## 7. Addressing Grievances
+
+If you feel you have been falsely or unfairly accused of violating this Code of Conduct, you should notify Apache with a concise description of your grievance. Your grievance will be handled in accordance with our existing governing policies.
+
+
+
+## 8. Scope
+
+We expect all community participants (contributors, paid or otherwise; sponsors; and other guests) to abide by this Code of Conduct in all community venues–online and in-person–as well as in all one-on-one communications pertaining to community business.
+
+This code of conduct and its related procedures also applies to unacceptable behavior occurring outside the scope of community activities when such behavior has the potential to adversely affect the safety and well-being of community members.
+
+## 9. Contact info
+
+dev@superset.incubator.apache.org 
+
+## 10. License and attribution
+
+This Code of Conduct is distributed under a [Creative Commons Attribution-ShareAlike license](http://creativecommons.org/licenses/by-sa/3.0/).
+
+Portions of text derived from the [Django Code of Conduct](https://www.djangoproject.com/conduct/) and the [Geek Feminism Anti-Harassment Policy](http://geekfeminism.wikia.com/wiki/Conference_anti-harassment/Policy).
+
+Retrieved on November 22, 2016 from [http://citizencodeofconduct.org/](http://citizencodeofconduct.org/)

CONTRIBUTING.md

@@ -18,6 +18,9 @@ If you are reporting a bug, please include:
     troubleshooting.
 -   Detailed steps to reproduce the bug.
 
+When you post python stack traces please quote them using
+[markdown blocks](https://help.github.com/articles/creating-and-highlighting-code-blocks/).
+
 ### Fix Bugs
 
 Look through the GitHub issues for bugs. Anything tagged with "bug" is
@@ -26,12 +29,12 @@ open to whoever wants to implement it.
 ### Implement Features
 
 Look through the GitHub issues for features. Anything tagged with
-"feature" is open to whoever wants to implement it.
+"feature" or "starter_task" is open to whoever wants to implement it.
 
 ### Documentation
 
-Caravel could always use better documentation,
-whether as part of the official Caravel docs,
+Superset could always use better documentation,
+whether as part of the official Superset docs,
 in docstrings, `docs/*.rst` or even on the web as blog posts or
 articles.
 
@@ -46,52 +49,161 @@ If you are proposing a feature:
     implement.
 -   Remember that this is a volunteer-driven project, and that
     contributions are welcome :)
+    
+### Questions
 
-## Latest Documentation
+There is a dedicated [tag](https://stackoverflow.com/questions/tagged/apache-superset) on [stackoverflow](https://stackoverflow.com/). Please use it when asking questions.
 
-Latest documentation and tutorial are available [here](http://airbnb.io/caravel)
+## Pull Request Guidelines
+
+Before you submit a pull request from your forked repo, check that it
+meets these guidelines:
+
+1.  The pull request should include tests, either as doctests,
+    unit tests, or both.
+2.  If the pull request adds functionality, the docs should be updated
+    as part of the same PR. Doc string are often sufficient, make
+    sure to follow the sphinx compatible standards.
+3.  The pull request should work for Python 2.7, and ideally python 3.4+.
+    ``from __future__ import`` will be required in every `.py` file soon.
+4.  Code will be reviewed by re running the unittests, flake8 and syntax
+    should be as rigorous as the core Python project.
+5.  Please rebase and resolve all conflicts before submitting.
+6.  If you are asked to update your pull request with some changes there's
+    no need to create a new one. Push your changes to the same branch.
+
+## Documentation
+
+The latest documentation and tutorial are available [here](https://superset.incubator.apache.org/).
+
+Contributing to the official documentation is relatively easy, once you've setup
+your environment and done an edit end-to-end. The docs can be found in the
+`docs/` subdirectory of the repository, and are written in the
+[reStructuredText format](https://en.wikipedia.org/wiki/ReStructuredText) (.rst).
+If you've written Markdown before, you'll find the reStructuredText format familiar.
+
+Superset uses [Sphinx](http://www.sphinx-doc.org/en/1.5.1/) to convert the rst files
+in `docs/` to the final HTML output users see.
+
+Before you start changing the docs, you'll want to
+[fork the Superset project on Github](https://help.github.com/articles/fork-a-repo/).
+Once that new repository has been created, clone it on your local machine:
+
+    git clone git@github.com:your_username/incubator-superset.git
+
+At this point, you may also want to create a
+[Python virtual environment](http://docs.python-guide.org/en/latest/dev/virtualenvs/)
+to manage the Python packages you're about to install:
+
+    virtualenv superset-dev
+    source superset-dev/bin/activate
+
+Finally, to make changes to the rst files and build the docs using Sphinx, 
+you'll need to install a handful of dependencies from the repo you cloned:
+
+    cd incubator-superset
+    pip install -r dev-reqs-for-docs.txt
+
+To get the feel for how to edit and build the docs, let's edit a file, build
+the docs and see our changes in action. First, you'll want to
+[create a new branch](https://git-scm.com/book/en/v2/Git-Branching-Basic-Branching-and-Merging)
+to work on your changes:
+
+    git checkout -b changes-to-docs
+
+Now, go ahead and edit one of the files under `docs/`, say `docs/tutorial.rst`
+- change it however you want. Check out the
+[ReStructuredText Primer](http://docutils.sourceforge.net/docs/user/rst/quickstart.html)
+for a reference on the formatting of the rst files.
+
+Once you've made your changes, run this command from the root of the Superset
+repo to convert the docs into HTML:
+
+    python setup.py build_sphinx
+
+You'll see a lot of output as Sphinx handles the conversion. After it's done, the
+HTML Sphinx generated should be in `docs/_build/html`. Go ahead and navigate there
+and start a simple web server so we can check out the docs in a browser:
+
+    cd docs/_build/html
+    python -m SimpleHTTPServer
+
+This will start a small Python web server listening on port 8000. Point your
+browser to [http://localhost:8000/](http://localhost:8000/), find the file
+you edited earlier, and check out your changes!
+
+If you've made a change you'd like to contribute to the actual docs, just commit
+your code, push your new branch to Github:
+
+    git add docs/tutorial.rst
+    git commit -m 'Awesome new change to tutorial'
+    git push origin changes-to-docs
+
+Then, [open a pull request](https://help.github.com/articles/about-pull-requests/).
+
+If you're adding new images to the documentation, you'll notice that the images
+referenced in the rst, e.g.
+
+    .. image:: _static/img/tutorial/tutorial_01_sources_database.png
+
+aren't actually included in that directory. _Instead_, you'll want to add and commit
+images (and any other static assets) to the _superset/assets/images_ directory.
+When the docs are being pushed to [Apache Superset (incubating)](https://superset.incubator.apache.org/), images
+will be moved from there to the _\_static/img_ directory, just like they're referenced
+in the docs.
+
+For example, the image referenced above actually lives in
+
+    superset/assets/images/tutorial
+
+Since the image is moved during the documentation build process, the docs reference the
+image in
+
+    _static/img/tutorial
+
+instead.
 
 ## Setting up a Python development environment
 
-Check the [OS dependencies](http://airbnb.io/caravel/installation.html#os-dependencies) before follows these steps.
+Check the [OS dependencies](https://superset.incubator.apache.org/installation.html#os-dependencies) before follows these steps.
 
     # fork the repo on GitHub and then clone it
     # alternatively you may want to clone the main repo but that won't work
     # so well if you are planning on sending PRs
-    # git clone git@github.com:airbnb/caravel.git
+    # git clone git@github.com:apache/incubator-superset.git
 
     # [optional] setup a virtual env and activate it
     virtualenv env
     source env/bin/activate
 
     # install for development
-    python setup.py develop
+    pip install -e .
 
     # Create an admin user
-    fabmanager create-admin --app caravel
+    fabmanager create-admin --app superset
 
     # Initialize the database
-    caravel db upgrade
+    superset db upgrade
 
     # Create default roles and permissions
-    caravel init
+    superset init
 
     # Load some data to play with
-    caravel load_examples
+    superset load_examples
 
     # start a dev web server
-    caravel runserver -d
+    superset runserver -d
 
 
 ## Setting up the node / npm javascript environment
 
-`caravel/assets` contains all npm-managed, front end assets.
+`superset/assets` contains all npm-managed, front end assets.
 Flask-Appbuilder itself comes bundled with jQuery and bootstrap.
 While these may be phased out over time, these packages are currently not
 managed with npm.
 
 ### Node/npm versions
-Make sure you are using recent versions of node and npm. No problems have been found with node>=5.10 and npm>=3.9.
+Make sure you are using recent versions of node and npm. No problems have been found with node>=5.10 and 4.0. > npm>=3.9.
 
 ### Using npm to generate bundled files
 
@@ -112,18 +224,26 @@ export PATH="$HOME/.npm-packages/bin:$PATH"
 
 #### npm packages
 To install third party libraries defined in `package.json`, run the
-following within the `caravel/assets/` directory which will install them in a
+following within the `superset/assets/` directory which will install them in a
 new `node_modules/` folder within `assets/`.
 
-```
-npm install
+```bash
+# from the root of the repository, move to where our JS package.json lives
+cd superset/assets/
+# install yarn, a replacement for `npm install` that is faster and more deterministic
+npm install -g yarn
+# run yarn to fetch all the dependencies
+yarn
 ```
 
-To parse and generate bundled files for caravel, run either of the
+To parse and generate bundled files for superset, run either of the
 following commands. The `dev` flag will keep the npm script running and
 re-run it upon any changes within the assets directory.
 
 ```
+# Copies a conf file from the frontend to the backend
+npm run sync-backend
+
 # Compiles the production / optimized js & css
 npm run prod
 
@@ -135,19 +255,30 @@ For every development session you will have to start a flask dev server
 as well as an npm watcher
 
 ```
-caravel runserver -d -p 8081
+superset runserver -d -p 8081
 npm run dev
 ```
 
 ## Testing
 
-Python tests can be run with:
+Before running python unit tests, please setup local testing environment:
+```
+pip install -r dev-reqs.txt
+```
+
+All python tests can be run with:
 
     ./run_tests.sh
+    
+Alternatively, you can run a specific test with:
+
+    ./run_specific_test.sh tests.core_tests:CoreTests.test_function_name
+    
+Note that before running specific tests, you have to both setup the local testing environment and run all tests.
 
 We use [Mocha](https://mochajs.org/), [Chai](http://chaijs.com/) and [Enzyme](http://airbnb.io/enzyme/) to test Javascript. Tests can be run with:
 
-    cd /caravel/caravel/assets/javascripts
+    cd /superset/superset/assets/javascripts
     npm i
     npm run test
 
@@ -155,15 +286,14 @@ We use [Mocha](https://mochajs.org/), [Chai](http://chaijs.com/) and [Enzyme](ht
 
 Lint the project with:
 
-    # for python changes
-    flake8 changes tests
-    flake8 changes caravel
+    # for python
+    flake8
 
     # for javascript
     npm run lint
 
 ## Linting with codeclimate
-Codeclimate is a service we use to measure code quality and test coverage. To get codeclimate's report on your branch, ideally before sending your PR, you can setup codeclimate against your Caravel fork. After you push to your fork, you should be able to get the report at http://codeclimate.com . Alternatively, if you prefer to work locally, you can install the codeclimate cli tool.
+Codeclimate is a service we use to measure code quality and test coverage. To get codeclimate's report on your branch, ideally before sending your PR, you can setup codeclimate against your Superset fork. After you push to your fork, you should be able to get the report at http://codeclimate.com . Alternatively, if you prefer to work locally, you can install the codeclimate cli tool.
 
 *Install the codeclimate cli tool*
 ```
@@ -193,42 +323,27 @@ Generate the documentation with:
     cd docs && ./build.sh
 
 ## CSS Themes
-As part of the npm build process, CSS for Caravel is compiled from `Less`, a dynamic stylesheet language.
+As part of the npm build process, CSS for Superset is compiled from `Less`, a dynamic stylesheet language.
 
-It's possible to customize or add your own theme to Caravel, either by overriding CSS rules or preferably
+It's possible to customize or add your own theme to Superset, either by overriding CSS rules or preferably
 by modifying the Less variables or files in `assets/stylesheets/less/`.
 
-The `variables.less` and `bootswatch.less` files that ship with Caravel are derived from
+The `variables.less` and `bootswatch.less` files that ship with Superset are derived from
 [Bootswatch](https://bootswatch.com) and thus extend Bootstrap. Modify variables in these files directly, or
 swap them out entirely with the equivalent files from other Bootswatch (themes)[https://github.com/thomaspark/bootswatch.git]
 
-## Pull Request Guidelines
-
-Before you submit a pull request from your forked repo, check that it
-meets these guidelines:
-
-1.  The pull request should include tests, either as doctests,
-    unit tests, or both.
-2.  If the pull request adds functionality, the docs should be updated
-    as part of the same PR. Doc string are often sufficient, make
-    sure to follow the sphinx compatible standards.
-3.  The pull request should work for Python 2.6, 2.7, and ideally python 3.3.
-    ``from __future__ import`` will be required in every `.py` file soon.
-4.  Code will be reviewed by re running the unittests, flake8 and syntax
-    should be as rigorous as the core Python project.
-5.  Please rebase and resolve all conflicts before submitting.
-
-
 ## Translations
 
-We use [Babel](http://babel.pocoo.org/en/latest/) to translate Caravel. The
+We use [Babel](http://babel.pocoo.org/en/latest/) to translate Superset. The
 key is to instrument the strings that need translation using
 `from flask_babel import lazy_gettext as _`. Once this is imported in
 a module, all you have to do is to `_("Wrap your strings")` using the
 underscore `_` "function".
 
+We use `import {t, tn, TCT} from locales;` in js, JSX file, locales is in `./superset/assets/javascripts/` directory.
+
 To enable changing language in your environment, you can simply add the
-`LANGUAGES` parameter to your `caravel_config.py`. Having more than one
+`LANGUAGES` parameter to your `superset_config.py`. Having more than one
 options here will add a language selection dropdown on the right side of the
 navigation bar.
 
@@ -239,25 +354,39 @@ navigation bar.
     }
 
 As per the [Flask AppBuilder documentation] about translation, to create a
-new language dictionary, run the following command:
+new language dictionary, run the following command (where `es` is replaced with
+the language code for your target language):
 
-    pybabel init -i ./babel/messages.pot -d caravel/translations -l es
+    pybabel init -i superset/translations/messages.pot -d superset/translations -l es
 
-Then it's a matter of running the statement below to gather all stings that
+Then it's a matter of running the statement below to gather all strings that
 need translation
 
-    fabmanager babel-extract --target caravel/translations/
+    fabmanager babel-extract --target superset/translations/ --output superset/translations/messages.pot --config superset/translations/babel.cfg -k _ -k __ -k t -k tn -k tct
 
 You can then translate the strings gathered in files located under
-`caravel/translation`, where there's one per language. For the translations
+`superset/translation`, where there's one per language. For the translations
 to take effect, they need to be compiled using this command:
 
-    fabmanager babel-compile --target caravel/translations/
+    fabmanager babel-compile --target superset/translations/
 
+In the case of JS translation, we need to convert the PO file into a JSON file, and we need the global download of the npm package po2json.
+We need to be compiled using this command:
+
+    npm install po2json -g
+
+Execute this command to convert the en PO file into a json file:
+
+    po2json -d superset -f jed1.x superset/translations/en/LC_MESSAGES/messages.po superset/translations/en/LC_MESSAGES/messages.json
+
+If you get errors running `po2json`, you might be running the ubuntu package with the same
+name rather than the nodejs package (they have a different format for the arguments). You
+need to be running the nodejs version, and so if there is a conflict you may need to point
+directly at `/usr/local/bin/po2json` rather than just `po2json`.
 
 ## Adding new datasources
 
-1. Create Models and Views for the datasource, add them under caravel folder, like a new my_models.py
+1. Create Models and Views for the datasource, add them under superset folder, like a new my_models.py
     with models for cluster, datasources, columns and metrics and my_views.py with clustermodelview
     and datasourcemodelview.
 
@@ -267,6 +396,42 @@ to take effect, they need to be compiled using this command:
 
     For example:
 
-    `ADDITIONAL_MODULE_DS_MAP = {'caravel.my_models': ['MyDatasource', 'MyOtherDatasource']}`
+    `ADDITIONAL_MODULE_DS_MAP = {'superset.my_models': ['MyDatasource', 'MyOtherDatasource']}`
 
-    This means it'll register MyDatasource and MyOtherDatasource in caravel.my_models module in the source registry.
+    This means it'll register MyDatasource and MyOtherDatasource in superset.my_models module in the source registry.
+
+## Creating a new visualization type
+
+Here's an example as a Github PR with comments that describe what the
+different sections of the code do:
+https://github.com/apache/incubator-superset/pull/3013
+
+## Refresh documentation website
+
+  Every once in a while we want to compile the documentation and publish it.
+  Here's how to do it.
+
+  .. code::
+
+    # install doc dependencies
+    pip install -r dev-reqs-for-docs.txt
+
+    # build the docs
+    python setup.py build_sphinx
+
+    # copy html files to temp folder
+    cp -r docs/_build/html/ /tmp/tmp_superset_docs/
+
+    # clone the docs repo
+    cd ~/
+    git clone https://git-wip-us.apache.org/repos/asf/incubator-superset-site.git
+
+    # copy
+    cp -r /tmp/tmp_superset_docs/ ~/incubator-superset-site.git/
+ 
+    # commit and push to `asf-site` branch
+    cd ~/incubator-superset-site.git/
+    git checkout asf-site
+    git add .
+    git commit -a -m "New doc version"
+    git push origin master

INTHEWILD.md

@@ -1,14 +0,0 @@
-Please use [pull requests](https://github.com/airbnb/caravel/pull/new/master)
-to add your organization and/or project to this document!
-
-Organizations
-----------
- - [Airbnb](https://github.com/airbnb)
- - [GfK Data Lab] (http://datalab.gfk.com)
- - [Maieutical Labs] (https://cloudschooling.it)
- - [Shopkick] (https://www.shopkick.com)
- - [Amino] (https://amino.com)
-
-Projects
-----------
- - None we know of yet

ISSUE_TEMPLATE.md

@@ -0,0 +1,19 @@
+Make sure these boxes are checked before submitting your issue - thank you!
+
+- [ ] I have checked the superset logs for python stacktraces and included it here as text if any
+- [ ] I have reproduced the issue with at least the latest released version of superset
+- [ ] I have checked the issue tracker for the same issue and I haven't found one similar
+
+
+### Superset version
+
+
+### Expected results
+
+
+### Actual results
+
+
+### Steps to reproduce
+
+

MANIFEST.in

@@ -1,9 +1,9 @@
-recursive-include caravel/templates *
-recursive-include caravel/static *
-recursive-exclude caravel/static/assets/node_modules *
-recursive-include caravel/static/assets/node_modules/font-awesome *
-recursive-exclude caravel/static/docs *
-recursive-exclude caravel/static/spec *
+recursive-include superset/data *
+recursive-include superset/migrations *
+recursive-include superset/static *
+recursive-exclude superset/static/docs *
+recursive-exclude superset/static/spec *
+recursive-exclude superset/static/assets/node_modules *
+recursive-include superset/templates *
+recursive-include superset/translations *
 recursive-exclude tests *
-recursive-include caravel/data *
-recursive-include caravel/migrations *

README.md

@@ -1,60 +1,75 @@
-Caravel
+Superset
 =========
-<img src="http://i.imgur.com/H0Kyvyi.jpg" style="border-radius: 20px; box-shadow:5px 5px 5px gray;" alt="Caravel" width="500"/>
 
-[![Build Status](https://travis-ci.org/airbnb/caravel.svg?branch=master)](https://travis-ci.org/airbnb/caravel)
-[![PyPI version](https://badge.fury.io/py/caravel.svg)](https://badge.fury.io/py/caravel)
-[![Coverage Status](https://coveralls.io/repos/airbnb/caravel/badge.svg?branch=master&service=github)](https://coveralls.io/github/airbnb/caravel?branch=master)
-[![JS Test Coverage](https://codeclimate.com/github/airbnb/caravel/badges/coverage.svg)](https://codeclimate.com/github/airbnb/caravel/coverage)
-[![Code Health](https://landscape.io/github/airbnb/caravel/master/landscape.svg?style=flat)](https://landscape.io/github/airbnb/caravel/master)
-[![Code Climate](https://codeclimate.com/github/airbnb/caravel/badges/gpa.svg)](https://codeclimate.com/github/airbnb/caravel)
-[![PyPI](https://img.shields.io/pypi/pyversions/caravel.svg?maxAge=2592000)](https://pypi.python.org/pypi/caravel)
-[![Requirements Status](https://requires.io/github/airbnb/caravel/requirements.svg?branch=master)](https://requires.io/github/airbnb/caravel/requirements/?branch=master)
-[![Join the chat at https://gitter.im/airbnb/caravel](https://badges.gitter.im/airbnb/caravel.svg)](https://gitter.im/airbnb/caravel?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
-[![Documentation](https://img.shields.io/badge/docs-airbnb.io-blue.svg)](http://airbnb.io/caravel/)
-[![dependencies Status](https://david-dm.org/airbnb/caravel/status.svg?path=caravel/assets)](https://david-dm.org/airbnb/caravel?path=caravel/assets)
+[![Build Status](https://travis-ci.org/apache/incubator-superset.svg?branch=master)](https://travis-ci.org/apache/incubator-superset)
+[![PyPI version](https://badge.fury.io/py/superset.svg)](https://badge.fury.io/py/superset)
+[![Coverage Status](https://coveralls.io/repos/apache/incubator-superset/badge.svg?branch=master&service=github)](https://coveralls.io/github/apache/incubator-superset?branch=master)
+[![PyPI](https://img.shields.io/pypi/pyversions/superset.svg?maxAge=2592000)](https://pypi.python.org/pypi/superset)
+[![Requirements Status](https://requires.io/github/apache/incubator-superset/requirements.svg?branch=master)](https://requires.io/github/apache/incubator-superset/requirements/?branch=master)
+[![Join the chat at https://gitter.im/airbnb/superset](https://badges.gitter.im/apache/incubator-superset.svg)](https://gitter.im/airbnb/superset?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
+[![Documentation](https://img.shields.io/badge/docs-apache.org-blue.svg)](https://superset.incubator.apache.org)
+[![dependencies Status](https://david-dm.org/apache/incubator-superset/status.svg?path=superset/assets)](https://david-dm.org/apache/incubator-superset?path=superset/assets)
 
-Caravel is a data exploration platform designed to be visual, intuitive
-and interactive.
+<img
+  src="https://cloud.githubusercontent.com/assets/130878/20946612/49a8a25c-bbc0-11e6-8314-10bef902af51.png"
+  alt="Superset"
+  width="500"
+/>
 
-[this project used to be named **Panoramix**]
+**Apache Superset** (incubating) is a modern, enterprise-ready
+business intelligence web application
+
+[this project used to be named **Caravel**, and **Panoramix** in the past]
 
 
 Screenshots & Gifs
 ------------------
-![img](http://g.recordit.co/xFXSvaGUts.gif)
 
----
-![img](http://g.recordit.co/uZggYOdR5g.gif)
+**View Dashboards**
 
----
-![img](http://g.recordit.co/U70FWLpLvh.gif)
+![superset-dashboard](https://cloud.githubusercontent.com/assets/130878/20371438/a703a2a0-ac19-11e6-80c4-00a47c2eb644.gif)
 
----
-![img](http://i.imgur.com/x8t30YU.png)
+<br/>
 
----
-![img](http://i.imgur.com/DRCnbq6.png)
+**View/Edit a Slice**
 
-Caravel
----------
-Caravel's main goal is to make it easy to slice, dice and visualize data.
-It empowers users to perform **analytics at the speed of thought**.
+![superset-explore-slice](https://cloud.githubusercontent.com/assets/130878/20372732/410392f4-ac22-11e6-9c6d-3ef512e81212.gif)
 
-Caravel provides:
-* A quick way to intuitively visualize datasets by allowing users to create
-    and share interactive dashboards
-* A rich set of visualizations to analyze your data, as well as a flexible
-    way to extend the capabilities
+<br/>
+
+**Query and Visualize with SQL Lab**
+
+![superset-sql-lab-visualization](https://cloud.githubusercontent.com/assets/130878/20372911/7c3b3358-ac23-11e6-8f24-923ef1b35715.gif)
+
+<br/>
+
+![superset-dashboard-misc](https://cloud.githubusercontent.com/assets/130878/20234704/0f40778c-a835-11e6-9556-983a62ea061b.png)
+
+![superset-edit-table](https://cloud.githubusercontent.com/assets/130878/20234705/0f415c88-a835-11e6-8b03-f7c35d56dd7d.png)
+
+![superset-query-search](https://cloud.githubusercontent.com/assets/130878/20234706/0f430a10-a835-11e6-8a0d-8b26cc2e6bbd.png)
+
+Apache Superset
+---------------
+Apache Superset is a data exploration and visualization web application.
+
+Superset provides:
+* An intuitive interface to explore and visualize datasets, and
+    create interactive dashboards.
+* A wide array of beautiful visualizations to showcase your data.
+* Easy, code-free, user flows to drill down and slice and dice the data
+    underlying exposed dashboards. The dashboards and charts acts as a starting
+    point for deeper analysis.
+* A state of the art SQL editor/IDE exposing a rich metadata browser, and
+    an easy workflow to create visualizations out of any result set.
 * An extensible, high granularity security model allowing intricate rules
-    on who can access which features, and integration with major
-    authentication providers (database, OpenID, LDAP, OAuth & REMOTE_USER
-    through Flask AppBuiler)
-* A simple semantic layer, allowing to control how data sources are
-    displayed in the UI, by defining which fields should show up in
-    which dropdown and which aggregation and function (metrics) are
-    made available to the user
-* Deep integration with Druid allows for Caravel to stay blazing fast while
+    on who can access which product features and datasets.
+    Integration with major
+    authentication backends (database, OpenID, LDAP, OAuth, REMOTE_USER, ...)
+* A lightweight semantic layer, allowing to control how data sources are
+    exposed to the user by defining dimensions and metrics
+* Out of the box support for most SQL-speaking databases
+* Deep integration with Druid allows for Superset to stay blazing fast while
     slicing and dicing large, realtime datasets
 * Fast loading dashboards with configurable caching
 
@@ -62,15 +77,41 @@ Caravel provides:
 Database Support
 ----------------
 
-Caravel was originally designed on top of Druid.io, but quickly broadened
-its scope to support other databases through the use of SQLAlchemy, a Python
+Superset speaks many SQL dialects through SQLAlchemy, a Python
 ORM that is compatible with
 [most common databases](http://docs.sqlalchemy.org/en/rel_1_0/core/engines.html).
 
+Superset can be used to visualize data out of most databases:
+* MySQL
+* Postgres
+* Vertica
+* Oracle
+* Microsoft SQL Server
+* SQLite
+* Greenplum
+* Firebird
+* MariaDB
+* Sybase
+* IBM DB2
+* Exasol
+* MonetDB
+* Snowflake
+* Redshift
+* **more!** look for the availability of a SQLAlchemy dialect for your database
+  to find out whether it will work with Superset
 
-What is Druid?
--------------
-From their website at http://druid.io
+
+Druid!
+------
+
+On top of having the ability to query your relational databases,
+Superset has ships with deep integration with Druid (a real time distributed
+column-store). When querying Druid,
+Superset can query humongous amounts of data on top of real time dataset.
+Note that Superset does not require Druid in any way to function, it's simply
+another database backend that it can query.
+
+Here's a description of Druid from the http://druid.io website:
 
 *Druid is an open-source analytics data store designed for
 business intelligence (OLAP) queries on event data. Druid provides low
@@ -83,55 +124,77 @@ power analytic dashboards and applications.*
 Installation & Configuration
 ----------------------------
 
-[See in the documentation](http://airbnb.io/caravel/installation.html)
-
-
-More screenshots
-----------------
-
-![img](http://i.imgur.com/SAhDJCI.png)
-
----
-![img](http://i.imgur.com/iuLpv1c.png)
-
----
-![img](http://i.imgur.com/V2FWeZx.png)
-
----
-![img](http://i.imgur.com/BeUtCzF.png)
-
----
-![img](http://i.imgur.com/phoY7jI.png)
-
----
-![img](http://i.imgur.com/NvIDgdC.png)
-
----
-![img](http://i.imgur.com/DzwYyns.png)
+[See in the documentation](https://superset.incubator.apache.org/installation.html)
 
 
 Resources
 -------------
-* [Caravel Google Group](https://groups.google.com/forum/#!forum/airbnb_caravel)
-* [Gitter (live chat) Channel](https://gitter.im/airbnb/caravel)
-* [Docker image 1](https://hub.docker.com/r/kochalex/caravel/)
-  [Docker image 2](https://hub.docker.com/r/amancevice/caravel/) (community contributed)
+* [Mailing list](https://lists.apache.org/list.html?dev@superset.apache.org/)
+* [Gitter (live chat) Channel](https://gitter.im/airbnb/superset)
+* [Docker image](https://hub.docker.com/r/amancevice/superset/) (community contributed)
 * [Slides from Strata (March 2016)](https://drive.google.com/open?id=0B5PVE0gzO81oOVJkdF9aNkJMSmM)
-
-
-Tip of the Hat
---------------
-
-Caravel would not be possible without these great frameworks / libs
-
-* Flask App Builder - Allowing us to focus on building the app quickly while
-getting the foundation for free
-* The Flask ecosystem - Simply amazing. So much Plug, easy play.
-* NVD3 - One of the best charting libraries out there
-* Much more, check out the `install_requires` section in the [setup.py](https://github.com/airbnb/caravel/blob/master/setup.py) file!
+* [Stackoverflow tag](https://stackoverflow.com/questions/tagged/apache-superset)
+* [DEPRECATED Google Group](https://groups.google.com/forum/#!forum/airbnb_superset)
 
 
 Contributing
 ------------
 
-Interested in contributing? Casual hacking? Check out  [Contributing.MD](https://github.com/airbnb/caravel/blob/master/CONTRIBUTING.md)
+Interested in contributing? Casual hacking? Check out
+[Contributing.MD](https://github.com/airbnb/superset/blob/master/CONTRIBUTING.md)
+
+
+Who uses Apache Superset (incubating)?
+--------------------------------------
+
+Here's a list of organizations who have taken the time to send a PR to let
+the world know they are using Superset. Join our growing community!
+
+ - [AiHello](https://www.aihello.com)
+ - [Airbnb](https://github.com/airbnb)
+ - [Amino](https://amino.com)
+ - [Brilliant.org](https://brilliant.org/)
+ - [Capital Service S.A.](http://capitalservice.pl)
+ - [Clark.de](http://clark.de/)
+ - [Digit Game Studios](https://www.digitgaming.com/)
+ - [Douban](https://www.douban.com/)
+ - [Endress+Hauser](http://www.endress.com/)
+ - [FBK - ICT center](http://ict.fbk.eu)
+ - [Faasos](http://faasos.com/)
+ - [GfK Data Lab](http://datalab.gfk.com)
+ - [Konfío](http://konfio.mx)
+ - [Lyft](https://www.lyft.com/)
+ - [Maieutical Labs](https://cloudschooling.it)
+ - [Ona](https://ona.io)
+ - [Pronto Tools](http://www.prontotools.io)
+ - [Qunar](https://www.qunar.com/)
+ - [Shopee](https://shopee.sg)
+ - [Shopkick](https://www.shopkick.com)
+ - [Tails.com](https://tails.com)
+ - [Tobii](http://www.tobii.com/)
+ - [Tooploox](https://www.tooploox.com/)
+ - [Twitter](https://twitter.com/)
+ - [Udemy](https://www.udemy.com/)
+ - [VIPKID](https://www.vipkid.com.cn/)
+ - [Yahoo!](https://yahoo.com/)
+ - [Zalando](https://www.zalando.com)
+
+
+More screenshots
+----------------
+
+![superset-security-menu](https://cloud.githubusercontent.com/assets/130878/20234707/0f565886-a835-11e6-9277-b4f5f4aa2fcc.png)
+
+![superset-slice-bubble](https://cloud.githubusercontent.com/assets/130878/20234708/0f57f3d0-a835-11e6-8268-fcefe8f868c8.png)
+
+![superset-slice-map](https://cloud.githubusercontent.com/assets/130878/20234709/0f5a5a44-a835-11e6-987a-1b6f8ac9922b.png)
+
+![superset-slice-multiline](https://cloud.githubusercontent.com/assets/130878/20234710/0f632d68-a835-11e6-98d1-542dcb618193.png)
+
+![superset-slice-sankey](https://cloud.githubusercontent.com/assets/130878/20234711/0f639136-a835-11e6-8721-fe5e48dab8e7.png)
+
+![superset-slice-view](https://cloud.githubusercontent.com/assets/130878/20234712/0f63c4c6-a835-11e6-8595-6091a6428fa9.png)
+
+![superset-sql-lab-2](https://cloud.githubusercontent.com/assets/130878/20234713/0f67b856-a835-11e6-9d50-7a52168f66fd.png)
+
+![superset-sql-lab](https://cloud.githubusercontent.com/assets/130878/20234714/0f68f45a-a835-11e6-9467-f47ad0af7e79.png)

TODO.md

@@ -1,5 +1,5 @@
 # TODO
-List of TODO items for Caravel
+List of TODO items for Superset
 
 ## Important
 * **Getting proper JS testing:** unit tests on the Python side are pretty
@@ -7,7 +7,7 @@ List of TODO items for Caravel
     testing all the ajax-type calls
 * **Viz Plugins:** Allow people to define and share visualization plugins.
     ideally one would only need to drop in a set of files in a folder and
-    Caravel would discover and expose the plugins
+    Superset would discover and expose the plugins
 
 ## Features
 * **Dashboard URL filters:** `{dash_url}#fltin__fieldname__value1,value2`

alembic.ini

@@ -29,7 +29,7 @@ script_location = migrations
 # are written from script.py.mako
 # output_encoding = utf-8
 
-sqlalchemy.url = scheme://localhost/caravel
+sqlalchemy.url = scheme://localhost/superset
 
 # Logging configuration
 [loggers]

babel/babel.cfg

@@ -1,4 +0,0 @@
-[ignore: caravel/assets/node_modules/**]
-[python: caravel/**.py]
-[jinja2: caravel/**/templates/**.html]
-encoding = utf-8

caravel/__init__.py

@@ -1,112 +0,0 @@
-"""Package's main module!"""
-from __future__ import absolute_import
-from __future__ import division
-from __future__ import print_function
-from __future__ import unicode_literals
-
-import logging
-import os
-from logging.handlers import TimedRotatingFileHandler
-
-from flask import Flask, redirect
-from flask_appbuilder import SQLA, AppBuilder, IndexView
-from sqlalchemy import event, exc
-from flask_appbuilder.baseviews import expose
-from flask_cache import Cache
-from flask_migrate import Migrate
-from caravel.source_registry import SourceRegistry
-from werkzeug.contrib.fixers import ProxyFix
-
-
-APP_DIR = os.path.dirname(__file__)
-CONFIG_MODULE = os.environ.get('CARAVEL_CONFIG', 'caravel.config')
-
-app = Flask(__name__)
-app.config.from_object(CONFIG_MODULE)
-if not app.debug:
-    # In production mode, add log handler to sys.stderr.
-    app.logger.addHandler(logging.StreamHandler())
-    app.logger.setLevel(logging.INFO)
-
-db = SQLA(app)
-
-
-@event.listens_for(db.engine, 'checkout')
-def checkout(dbapi_con, con_record, con_proxy):
-    """
-    Making sure the connection is live, and preventing against:
-    'MySQL server has gone away'
-
-    Copied from:
-    http://stackoverflow.com/questions/30630120/mysql-keeps-losing-connection-during-celery-tasks
-    """
-    try:
-        try:
-            if hasattr(dbapi_con, 'ping'):
-                dbapi_con.ping(False)
-            else:
-                cursor = dbapi_con.cursor()
-                cursor.execute("SELECT 1")
-        except TypeError:
-            app.logger.debug('MySQL connection died. Restoring...')
-            dbapi_con.ping()
-    except dbapi_con.OperationalError as e:
-        app.logger.warning(e)
-        if e.args[0] in (2006, 2013, 2014, 2045, 2055):
-            raise exc.DisconnectionError()
-        else:
-            raise
-    return db
-
-
-cache = Cache(app, config=app.config.get('CACHE_CONFIG'))
-
-migrate = Migrate(app, db, directory=APP_DIR + "/migrations")
-
-# Logging configuration
-logging.basicConfig(format=app.config.get('LOG_FORMAT'))
-logging.getLogger().setLevel(app.config.get('LOG_LEVEL'))
-
-if app.config.get('ENABLE_TIME_ROTATE'):
-    logging.getLogger().setLevel(app.config.get('TIME_ROTATE_LOG_LEVEL'))
-    handler = TimedRotatingFileHandler(app.config.get('FILENAME'),
-                                       when=app.config.get('ROLLOVER'),
-                                       interval=app.config.get('INTERVAL'),
-                                       backupCount=app.config.get('BACKUP_COUNT'))
-    logging.getLogger().addHandler(handler)
-
-if app.config.get('ENABLE_CORS'):
-    from flask_cors import CORS
-    CORS(app, **app.config.get('CORS_OPTIONS'))
-
-if app.config.get('ENABLE_PROXY_FIX'):
-    app.wsgi_app = ProxyFix(app.wsgi_app)
-
-if app.config.get('UPLOAD_FOLDER'):
-    try:
-        os.makedirs(app.config.get('UPLOAD_FOLDER'))
-    except OSError:
-        pass
-
-
-class MyIndexView(IndexView):
-    @expose('/')
-    def index(self):
-        return redirect('/caravel/welcome')
-
-appbuilder = AppBuilder(
-    app, db.session,
-    base_template='caravel/base.html',
-    indexview=MyIndexView,
-    security_manager_class=app.config.get("CUSTOM_SECURITY_MANAGER"))
-
-sm = appbuilder.sm
-
-get_session = appbuilder.get_session
-
-# Registering sources
-module_datasource_map = app.config.get("DEFAULT_MODULE_DS_MAP")
-module_datasource_map.update(app.config.get("ADDITIONAL_MODULE_DS_MAP"))
-SourceRegistry.register_sources(module_datasource_map)
-
-from caravel import views, config  # noqa

caravel/ascii_art.py

@@ -1,82 +0,0 @@
-from __future__ import absolute_import
-from __future__ import division
-from __future__ import print_function
-from __future__ import unicode_literals
-
-error = (
-"MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMMMMMMMMMMMMMMM8OI++=~~~~~~=+?IODMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMMMMMMMMMMD$~~~~~~~~~~~~~~~~~~~~~~~=$MMMMMMMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMMMMMMMN8?:~~~~~~~~~~~~~~~~~~~~~~~~~~=+8NMMMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMMMMMO=~~~~~~~~~~~~~~~~~+I??~~~~~~~~~~~~~+DMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMMMNI~~~~~~~~~~~~~~~~~~IIIII=~~~~~~~~~~~~~~=NMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMM+=~~~~~~~~~~~~~~~~~~~=III+~~~~~~~~~~~~~~~~~?8MMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMM?~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+++=~~~~8MMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMI=~~~~~~~~~~~~~~~~~~~~~~~~~III?I~~~~~~~~,:++++++~~8MMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMN7~~~~~~~~~~~~~~~~==+=~~~~~~=IIIII~~~~~~:.  ..:=++=~=MMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMO=~~~~~~~~~~~~~~~~+++=~~~~~~~~??I?I~~~~~~.     ...,~~~~IMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMM~~~~~~~~~~~~~~~~~+++:,~~~~~~~~~~~?=~~~~~:.       ..~~~~~OMMMMMMMMMMMM\n"+
-"MMMMMMMMM$=~~~~~~~~~~~~~~~=++:.. ..~~~~~~~~~~~~~~~~,.     . . :~~~~~OMMMMMMMMMMM\n"+
-"MMMMMMMMM~~~~~~~~~~~~~~~~+++,.     .~~~~~~~~~~~~~~~..    .. . .~~~~~=OMMMMMMMMMM\n"+
-"MMMMMMMM?~~~~~~~~~~~~~~~=+~.        .~~~~~~~~~~~~~~.    ,MMMMM,=~~~~~~NMMMMMMMMM\n"+
-"MMMMMMMN~~~~~~~~~~~~~~~~~,.         .,~~~~~~~~~~~~~..   ZMMM,+Z:~~~~~~$MMMMMMMMM\n"+
-"MMMMMM8?~~~~~~~~~~~~~~~~~..         ..~~~~~~~~~~~~~:.   DMMM,+D~~~~~~~~IMMMMMMMM\n"+
-"MMMMMMI~~~~~~~~~~~~~~~~~~..     :MMMO~~~~~~~~~~~~~~~,.. ?MMMMMI~~~~~~~~~MMMMMMMM\n"+
-"MMMMMM=~~~~~~~~~~~~~~~~~~..     MMM+=M:~~~~~~~~~~~~~:.  .:IM$~~~~~~~~~~~8MMMMMMM\n"+
-"MMMMMD~~~~~~~~~~~~~~~~~~~:.     MMM:,M:~~~~~~~~~~~~~~~.......:~~~~~~~~~~$MMMMMMM\n"+
-"MMMMMI~~~~~~~~~~~~~~~~~~~~,     MMMMMM~~~~~~~~~~~~~~~~~~,..:~~~~~~~~~~~~+MMMMMMM\n"+
-"MMMMD+~~~~~~~~~~~~~~~~~~~~~.    $MMMM$~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~=MMMMMMM\n"+
-"MMMM8~~~~~~~~~~~~~~~~~~~~~~:.    .  .:~~~~~~,..:.  .=~~~~~~~~~~~~~~~~~~~~MMMMMMM\n"+
-"MMMMO~~~~~~~~~~~~~~~~~~~~~~~:,     .:~~~~~=8.. .+ . =8ZI~~~~~~~~~~~~~~~~=MMMMMMM\n"+
-"MMMMZ=~~~~~~~~~~~~~~~~~~~~~~~~:,,,:~~~~~~IZ8:. .O....888?~~~~~~~~~~~~~~~+MMMMMMM\n"+
-"MMMMO=~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~?888=...I~I88888O?~~~~~~~~~~~~~~7MMMMMMM\n"+
-"MMMMO~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Z888OO88888888888O?~~~~~~~~~~~~~OMMMMMMM\n"+
-"MMMMD+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~=8888888888888888888~~~~~~~~~~~~+MMMMMMMM\n"+
-"MMMMM7~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~?8888888888888888888?~~~~~~~~~~=$MMMMMMMM\n"+
-"MMMMMD~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~=$8888888888888888888O~~~~~~~~~~8MMMMMMMMM\n"+
-"MMMMMN=~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+Z88888888888888888ZZ7=~~~~~~~~?MMMMMMMMMM\n"+
-"MMMMMMZ=~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+Z88888888Z7I===~~~~~~~~~~~~~=OMMMMMMMMMMM\n"+
-"MMMMMMN$~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~=$88888O7?=~~~~~~~~~~~~~~~~~~OMMMMMMMMMMMM\n"+
-"MMMMMMMM?~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~I8OZ+~~~~~~~~~~~~~~~~~~~~=DMMMMMMMMMMMMMM\n"+
-"MMMMMMMM8=~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+$+=~~~~~~~~~~~~~~~~~~~~+MMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMD7~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~=$DMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMM?~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~=$OMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMD7=~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+ZMMMMMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMZ7=~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~78MMMMMMMMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMM8OI=~~~~~~~~~~~~~~~~~~~=+?ZDNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMMMMMNDZ7?++~=~==~+?IONMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM\n"+
-"MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM")
-
-stacktrace="""
--------------------------------------------------------------------------------------------------------
-=======================================================================================================
--------------------------------------------------------------------------------------------------------
-             ___                          ___          ___
-            (   )                        (   )        (   )
-    .--.     | |_       .---.    .--.     | |   ___    | |_      ___ .-.      .---.    .--.      .--.
-  /  _  \   (   __)    / .-, \  /    \    | |  (   )  (   __)   (   )   \    / .-, \  /    \    /    \\
- . .' `. ;   | |      (__) ; | |  .-. ;   | |  ' /     | |       | ' .-. ;  (__) ; | |  .-. ;  |  .-. ;
- | '   | |   | | ___    .'`  | |  |(___)  | |,' /      | | ___   |  / (___)   .'`  | |  |(___) |  | | |
- _\_`.(___)  | |(   )  / .'| | |  |       | .  '.      | |(   )  | |         / .'| | |  |      |  |/  |
-(   ). '.    | | | |  | /  | | |  | ___   | | `. \     | | | |   | |        | /  | | |  | ___  |  ' _.'
- | |  `\ |   | ' | |  ; |  ; | |  '(   )  | |   \ \    | ' | |   | |        ; |  ; | |  '(   ) |  .'.-.
- ; '._,' '   ' `-' ;  ' `-'  | '  `-' |   | |    \ .   ' `-' ;   | |        ' `-'  | '  `-' |  '  `-' /
-  '.___.'     `.__.   `.__.'_.  `.__,'   (___ ) (___)   `.__.   (___)       `.__.'_.  `.__,'    `.__.'
-
--------------------------------------------------------------------------------------------------------
-=======================================================================================================
--------------------------------------------------------------------------------------------------------
-"""
-
-boat = """\
-        + +
-        )`.).
-      )``)``) .~~
-      ).-'.-')|)
-    |-).-).-'_'-/
- ~~~\ `o-o-o'  /~~~~
-  ~~~'---.____/~~~"""

caravel/assets/.babelrc

@@ -1,3 +0,0 @@
-{
-  "presets" : ["airbnb", "es2015", "react"]
-}

caravel/assets/.eslintrc

@@ -1,18 +0,0 @@
-{
-  "extends": "airbnb",
-  "parserOptions":{
-    "ecmaFeatures": {
-      "experimentalObjectRestSpread": true
-    }
-  },
-  "rules": {
-    "prefer-template": 0,
-    "new-cap": 0,
-    "no-restricted-syntax": 0,
-    "guard-for-in": 0,
-    "prefer-arrow-callback": 0,
-    "func-names": 0,
-    "react/jsx-no-bind": 0,
-    "no-confusing-arrow": 0,
-  }
-}

caravel/assets/javascripts/SqlLab/actions.js

@@ -1,130 +0,0 @@
-export const RESET_STATE = 'RESET_STATE';
-export const ADD_QUERY_EDITOR = 'ADD_QUERY_EDITOR';
-export const CLONE_QUERY_TO_NEW_TAB = 'CLONE_QUERY_TO_NEW_TAB';
-export const REMOVE_QUERY_EDITOR = 'REMOVE_QUERY_EDITOR';
-export const MERGE_TABLE = 'MERGE_TABLE';
-export const REMOVE_TABLE = 'REMOVE_TABLE';
-export const START_QUERY = 'START_QUERY';
-export const STOP_QUERY = 'STOP_QUERY';
-export const END_QUERY = 'END_QUERY';
-export const REMOVE_QUERY = 'REMOVE_QUERY';
-export const EXPAND_TABLE = 'EXPAND_TABLE';
-export const COLLAPSE_TABLE = 'COLLAPSE_TABLE';
-export const QUERY_SUCCESS = 'QUERY_SUCCESS';
-export const QUERY_FAILED = 'QUERY_FAILED';
-export const QUERY_EDITOR_SETDB = 'QUERY_EDITOR_SETDB';
-export const QUERY_EDITOR_SET_SCHEMA = 'QUERY_EDITOR_SET_SCHEMA';
-export const QUERY_EDITOR_SET_TITLE = 'QUERY_EDITOR_SET_TITLE';
-export const QUERY_EDITOR_SET_AUTORUN = 'QUERY_EDITOR_SET_AUTORUN';
-export const QUERY_EDITOR_SET_SQL = 'QUERY_EDITOR_SET_SQL';
-export const SET_DATABASES = 'SET_DATABASES';
-export const ADD_WORKSPACE_QUERY = 'ADD_WORKSPACE_QUERY';
-export const REMOVE_WORKSPACE_QUERY = 'REMOVE_WORKSPACE_QUERY';
-export const SET_ACTIVE_QUERY_EDITOR = 'SET_ACTIVE_QUERY_EDITOR';
-export const ADD_ALERT = 'ADD_ALERT';
-export const REMOVE_ALERT = 'REMOVE_ALERT';
-export const REFRESH_QUERIES = 'REFRESH_QUERIES';
-export const SET_NETWORK_STATUS = 'SET_NETWORK_STATUS';
-
-export function resetState() {
-  return { type: RESET_STATE };
-}
-
-export function setDatabases(databases) {
-  return { type: SET_DATABASES, databases };
-}
-
-export function addQueryEditor(queryEditor) {
-  return { type: ADD_QUERY_EDITOR, queryEditor };
-}
-
-export function cloneQueryToNewTab(query) {
-  return { type: CLONE_QUERY_TO_NEW_TAB, query };
-}
-
-export function setNetworkStatus(networkOn) {
-  return { type: SET_NETWORK_STATUS, networkOn };
-}
-
-export function addAlert(alert) {
-  return { type: ADD_ALERT, alert };
-}
-
-export function removeAlert(alert) {
-  return { type: REMOVE_ALERT, alert };
-}
-
-export function setActiveQueryEditor(queryEditor) {
-  return { type: SET_ACTIVE_QUERY_EDITOR, queryEditor };
-}
-
-export function removeQueryEditor(queryEditor) {
-  return { type: REMOVE_QUERY_EDITOR, queryEditor };
-}
-
-export function removeQuery(query) {
-  return { type: REMOVE_QUERY, query };
-}
-
-export function queryEditorSetDb(queryEditor, dbId) {
-  return { type: QUERY_EDITOR_SETDB, queryEditor, dbId };
-}
-
-export function queryEditorSetSchema(queryEditor, schema) {
-  return { type: QUERY_EDITOR_SET_SCHEMA, queryEditor, schema };
-}
-
-export function queryEditorSetAutorun(queryEditor, autorun) {
-  return { type: QUERY_EDITOR_SET_AUTORUN, queryEditor, autorun };
-}
-
-export function queryEditorSetTitle(queryEditor, title) {
-  return { type: QUERY_EDITOR_SET_TITLE, queryEditor, title };
-}
-
-export function queryEditorSetSql(queryEditor, sql) {
-  return { type: QUERY_EDITOR_SET_SQL, queryEditor, sql };
-}
-
-export function mergeTable(table) {
-  return { type: MERGE_TABLE, table };
-}
-
-export function expandTable(table) {
-  return { type: EXPAND_TABLE, table };
-}
-
-export function collapseTable(table) {
-  return { type: COLLAPSE_TABLE, table };
-}
-
-export function removeTable(table) {
-  return { type: REMOVE_TABLE, table };
-}
-
-export function startQuery(query) {
-  return { type: START_QUERY, query };
-}
-
-export function stopQuery(query) {
-  return { type: STOP_QUERY, query };
-}
-
-export function querySuccess(query, results) {
-  return { type: QUERY_SUCCESS, query, results };
-}
-
-export function queryFailed(query, msg) {
-  return { type: QUERY_FAILED, query, msg };
-}
-
-export function addWorkspaceQuery(query) {
-  return { type: ADD_WORKSPACE_QUERY, query };
-}
-
-export function removeWorkspaceQuery(query) {
-  return { type: REMOVE_WORKSPACE_QUERY, query };
-}
-export function refreshQueries(alteredQueries) {
-  return { type: REFRESH_QUERIES, alteredQueries };
-}

caravel/assets/javascripts/SqlLab/common.js

@@ -1,8 +0,0 @@
-export const STATE_BSSTYLE_MAP = {
-  failed: 'danger',
-  pending: 'info',
-  running: 'warning',
-  success: 'success',
-};
-
-export const STATUS_OPTIONS = ['success', 'failed', 'running'];

caravel/assets/javascripts/SqlLab/components/Alerts.jsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { Alert } from 'react-bootstrap';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-import * as Actions from '../actions';
-
-class Alerts extends React.Component {
-  removeAlert(alert) {
-    this.props.actions.removeAlert(alert);
-  }
-  render() {
-    const alerts = this.props.alerts.map((alert) =>
-      <Alert
-        bsStyle={alert.bsStyle}
-        style={{ width: '500px', textAlign: 'midddle', margin: '10px auto' }}
-      >
-        {alert.msg}
-        <i
-          className="fa fa-close pull-right"
-          onClick={this.removeAlert.bind(this, alert)}
-          style={{ cursor: 'pointer' }}
-        />
-      </Alert>
-    );
-    return (
-      <div>{alerts}</div>
-    );
-  }
-}
-
-Alerts.propTypes = {
-  alerts: React.PropTypes.array,
-  actions: React.PropTypes.object,
-};
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(Actions, dispatch),
-  };
-}
-export default connect(null, mapDispatchToProps)(Alerts);

caravel/assets/javascripts/SqlLab/components/App.jsx

@@ -1,71 +0,0 @@
-import * as Actions from '../actions';
-import React from 'react';
-
-import TabbedSqlEditors from './TabbedSqlEditors';
-import QueryAutoRefresh from './QueryAutoRefresh';
-import QuerySearch from './QuerySearch';
-import Alerts from './Alerts';
-
-import { bindActionCreators } from 'redux';
-import { connect } from 'react-redux';
-
-class App extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      hash: window.location.hash,
-    };
-  }
-  componentDidMount() {
-    window.addEventListener('hashchange', this.onHashChanged.bind(this));
-  }
-  componentWillUnmount() {
-    window.removeEventListener('hashchange', this.onHashChanged.bind(this));
-  }
-  onHashChanged() {
-    this.setState({ hash: window.location.hash });
-  }
-  render() {
-    if (this.state.hash) {
-      return (
-        <div className="container-fluid">
-          <div className="row">
-            <div className="col-md-12">
-              <QuerySearch />
-            </div>
-          </div>
-        </div>
-      );
-    }
-    return (
-      <div className="App SqlLab">
-        <div className="container-fluid">
-          <QueryAutoRefresh />
-          <Alerts alerts={this.props.alerts} />
-          <div className="row">
-            <div className="col-md-12">
-              <TabbedSqlEditors />
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-App.propTypes = {
-  alerts: React.PropTypes.array,
-};
-
-function mapStateToProps(state) {
-  return {
-    alerts: state.alerts,
-  };
-}
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(Actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(App);

caravel/assets/javascripts/SqlLab/components/ButtonWithTooltip.jsx

@@ -1,48 +0,0 @@
-import React from 'react';
-import { Button, OverlayTrigger, Tooltip } from 'react-bootstrap';
-
-const ButtonWithTooltip = (props) => {
-  let tooltip = (
-    <Tooltip id="tooltip">
-      {props.tooltip}
-    </Tooltip>
-  );
-  return (
-    <OverlayTrigger
-      overlay={tooltip}
-      delayShow={300}
-      placement={props.placement}
-      delayHide={150}
-    >
-      <Button
-        onClick={props.onClick}
-        bsStyle={props.bsStyle}
-        bsSize={props.bsSize}
-        disabled={props.disabled}
-        className={props.className}
-      >
-          {props.children}
-      </Button>
-    </OverlayTrigger>
-  );
-};
-
-ButtonWithTooltip.defaultProps = {
-  onClick: () => {},
-  disabled: false,
-  placement: 'top',
-  bsStyle: 'default',
-};
-
-ButtonWithTooltip.propTypes = {
-  bsSize: React.PropTypes.string,
-  bsStyle: React.PropTypes.string,
-  children: React.PropTypes.element,
-  className: React.PropTypes.string,
-  disabled: React.PropTypes.bool,
-  onClick: React.PropTypes.func,
-  placement: React.PropTypes.string,
-  tooltip: React.PropTypes.string,
-};
-
-export default ButtonWithTooltip;

caravel/assets/javascripts/SqlLab/components/CopyQueryTabUrl.jsx

@@ -1,55 +0,0 @@
-import React from 'react';
-import CopyToClipboard from '../../components/CopyToClipboard';
-
-const propTypes = {
-  qe: React.PropTypes.object,
-};
-
-const defaultProps = {
-  qe: null,
-};
-
-export default class CopyQueryTabUrl extends React.Component {
-  constructor(props) {
-    super(props);
-    const uri = window.location.toString();
-    const search = window.location.search;
-    const cleanUri = search ? uri.substring(0, uri.indexOf('?')) : uri;
-    const query = search.substring(1);
-    this.state = {
-      uri,
-      cleanUri,
-      query,
-    };
-  }
-
-  getQueryLink() {
-    const params = [];
-    const qe = this.props.qe;
-    if (qe.dbId) params.push('dbid=' + qe.dbId);
-    if (qe.title) params.push('title=' + encodeURIComponent(qe.title));
-    if (qe.schema) params.push('schema=' + encodeURIComponent(qe.schema));
-    if (qe.autorun) params.push('autorun=' + qe.autorun);
-    if (qe.sql) params.push('sql=' + encodeURIComponent(qe.sql));
-
-    const queryString = params.join('&');
-    const queryLink = this.state.cleanUri + '?' + queryString;
-
-    return queryLink;
-  }
-
-  render() {
-    return (
-      <CopyToClipboard
-        inMenu
-        text={this.getQueryLink()}
-        copyNode={<span>share query</span>}
-        tooltipText="copy URL to clipboard"
-        shouldShowText={false}
-      />
-    );
-  }
-}
-
-CopyQueryTabUrl.propTypes = propTypes;
-CopyQueryTabUrl.defaultProps = defaultProps;

caravel/assets/javascripts/SqlLab/components/DatabaseSelect.jsx

@@ -1,65 +0,0 @@
-const $ = window.$ = require('jquery');
-import React from 'react';
-import { bindActionCreators } from 'redux';
-import Select from 'react-select';
-import { connect } from 'react-redux';
-import * as Actions from '../actions';
-
-class DatabaseSelect extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      databaseLoading: false,
-      databaseOptions: [],
-    };
-  }
-  componentDidMount() {
-    this.fetchDatabaseOptions();
-  }
-  changeDb(db) {
-    this.props.onChange(db);
-  }
-  fetchDatabaseOptions() {
-    this.setState({ databaseLoading: true });
-    const url = '/databaseasync/api/read?_flt_0_expose_in_sqllab=1';
-    $.get(url, (data) => {
-      const options = data.result.map((db) => ({ value: db.id, label: db.database_name }));
-      this.setState({ databaseOptions: options, databaseLoading: false });
-      this.props.actions.setDatabases(data.result);
-    });
-  }
-  render() {
-    return (
-      <div>
-        <Select
-          name="select-db"
-          placeholder={`Select a database (${this.state.databaseOptions.length})`}
-          options={this.state.databaseOptions}
-          value={this.props.databaseId}
-          isLoading={this.state.databaseLoading}
-          autosize={false}
-          onChange={this.changeDb.bind(this)}
-        />
-      </div>
-    );
-  }
-}
-
-DatabaseSelect.propTypes = {
-  onChange: React.PropTypes.func,
-  actions: React.PropTypes.object,
-  databaseId: React.PropTypes.number,
-};
-
-DatabaseSelect.defaultProps = {
-  onChange: () => {},
-  databaseId: null,
-};
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(Actions, dispatch),
-  };
-}
-
-export default connect(null, mapDispatchToProps)(DatabaseSelect);

caravel/assets/javascripts/SqlLab/components/QueryAutoRefresh.jsx

@@ -1,69 +0,0 @@
-import React from 'react';
-import { bindActionCreators } from 'redux';
-import { connect } from 'react-redux';
-import * as Actions from '../actions';
-
-const $ = require('jquery');
-const QUERY_UPDATE_FREQ = 1000;
-const QUERY_UPDATE_BUFFER_MS = 5000;
-
-class QueryAutoRefresh extends React.Component {
-  componentWillMount() {
-    this.startTimer();
-  }
-  componentWillUnmount() {
-    this.stopTimer();
-  }
-  startTimer() {
-    if (!(this.timer)) {
-      this.timer = setInterval(this.stopwatch.bind(this), QUERY_UPDATE_FREQ);
-    }
-  }
-  stopTimer() {
-    clearInterval(this.timer);
-    this.timer = null;
-  }
-  stopwatch() {
-    const url = '/caravel/queries/' + (this.props.queriesLastUpdate - QUERY_UPDATE_BUFFER_MS);
-    // No updates in case of failure.
-    $.getJSON(url, (data) => {
-      if (Object.keys(data).length > 0) {
-        this.props.actions.refreshQueries(data);
-      }
-      if (!this.props.networkOn) {
-        this.props.actions.setNetworkStatus(true);
-      }
-    })
-    .fail(() => {
-      if (this.props.networkOn) {
-        this.props.actions.setNetworkStatus(false);
-      }
-    });
-  }
-  render() {
-    return null;
-  }
-}
-QueryAutoRefresh.propTypes = {
-  actions: React.PropTypes.object,
-  queriesLastUpdate: React.PropTypes.number,
-  networkOn: React.PropTypes.bool,
-};
-QueryAutoRefresh.defaultProps = {
-  // queries: null,
-};
-
-function mapStateToProps(state) {
-  return {
-    queriesLastUpdate: state.queriesLastUpdate,
-    networkOn: state.networkOn,
-  };
-}
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(Actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(QueryAutoRefresh);

caravel/assets/javascripts/SqlLab/components/QueryHistory.jsx

@@ -1,58 +0,0 @@
-import React from 'react';
-
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-import * as Actions from '../actions';
-
-import QueryTable from './QueryTable';
-import { Alert } from 'react-bootstrap';
-
-const QueryHistory = (props) => {
-  const activeQeId = props.tabHistory[props.tabHistory.length - 1];
-  const queriesArray = [];
-  for (const id in props.queries) {
-    if (props.queries[id].sqlEditorId === activeQeId) {
-      queriesArray.push(props.queries[id]);
-    }
-  }
-  if (queriesArray.length > 0) {
-    return (
-      <QueryTable
-        columns={[
-          'state', 'started', 'duration', 'progress',
-          'rows', 'sql', 'output', 'actions',
-        ]}
-        queries={queriesArray}
-      />
-    );
-  }
-  return (
-    <Alert bsStyle="info">
-      No query history yet...
-    </Alert>
-  );
-};
-
-QueryHistory.defaultProps = {
-  queries: {},
-};
-
-QueryHistory.propTypes = {
-  queries: React.PropTypes.object,
-  tabHistory: React.PropTypes.array,
-  actions: React.PropTypes.object,
-};
-
-function mapStateToProps(state) {
-  return {
-    queries: state.queries,
-    tabHistory: state.tabHistory,
-  };
-}
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(Actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(QueryHistory);

caravel/assets/javascripts/SqlLab/components/QueryLink.jsx

@@ -1,62 +0,0 @@
-import React from 'react';
-import Link from './Link';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-import * as Actions from '../actions';
-import shortid from 'shortid';
-
-class QueryLink extends React.Component {
-  popTab() {
-    const qe = {
-      id: shortid.generate(),
-      title: this.props.query.title,
-      dbId: this.props.query.dbId,
-      autorun: false,
-      sql: this.props.query.sql,
-    };
-    this.props.actions.addQueryEditor(qe);
-  }
-  render() {
-    return (
-      <div>
-        <div className="clearfix">
-          <div className="pull-left">
-            <a
-              href="#"
-              tooltip="Pop this query in a new tab"
-              onClick={this.popTab.bind(this)}
-            >
-              {this.props.query.title}
-            </a>
-          </div>
-          <div className="pull-right">
-            <Link
-              onClick={this.props.actions.removeWorkspaceQuery.bind(this, this.props.query)}
-              tooltip="Remove query from workspace"
-              href="#"
-            >
-              &times;
-            </Link>
-          </div>
-        </div>
-        <hr />
-      </div>
-    );
-  }
-}
-
-QueryLink.propTypes = {
-  query: React.PropTypes.object,
-  actions: React.PropTypes.object,
-};
-
-QueryLink.defaultProps = {
-};
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(Actions, dispatch),
-  };
-}
-export default connect(null, mapDispatchToProps)(QueryLink);
-

caravel/assets/javascripts/SqlLab/components/QuerySearch.jsx

@@ -1,142 +0,0 @@
-const $ = window.$ = require('jquery');
-import React from 'react';
-
-import { Button } from 'react-bootstrap';
-import Select from 'react-select';
-import QueryTable from './QueryTable';
-import DatabaseSelect from './DatabaseSelect';
-import { STATUS_OPTIONS } from '../common';
-
-class QuerySearch extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      userLoading: false,
-      userOptions: [],
-      databaseId: null,
-      userId: null,
-      searchText: null,
-      status: 'success',
-      queriesArray: [],
-    };
-  }
-  componentWillMount() {
-    this.fetchUsers();
-    this.refreshQueries();
-  }
-  onUserClicked(userId) {
-    this.setState({ userId }, () => { this.refreshQueries(); });
-  }
-  onDbClicked(dbId) {
-    this.setState({ databaseId: dbId }, () => { this.refreshQueries(); });
-  }
-  onChange(db) {
-    const val = (db) ? db.value : null;
-    this.setState({ databaseId: val });
-  }
-  insertParams(baseUrl, params) {
-    return baseUrl + '?' + params.join('&');
-  }
-  changeUser(user) {
-    const val = (user) ? user.value : null;
-    this.setState({ userId: val });
-  }
-  changeStatus(status) {
-    const val = (status) ? status.value : null;
-    this.setState({ status: val });
-  }
-  changeSearch(event) {
-    this.setState({ searchText: event.target.value });
-  }
-  fetchUsers() {
-    this.setState({ userLoading: true });
-    const url = '/users/api/read';
-    $.getJSON(url, (data, status) => {
-      if (status === 'success') {
-        const options = [];
-        for (let i = 0; i < data.pks.length; i++) {
-          options.push({ value: data.pks[i], label: data.result[i].username });
-        }
-        this.setState({ userOptions: options, userLoading: false });
-      }
-    });
-  }
-  refreshQueries() {
-    const params = [
-      `userId=${this.state.userId}`,
-      `databaseId=${this.state.databaseId}`,
-      `searchText=${this.state.searchText}`,
-      `status=${this.state.status}`,
-    ];
-
-    const url = this.insertParams('/caravel/search_queries', params);
-    $.getJSON(url, (data, status) => {
-      if (status === 'success') {
-        const newQueriesArray = [];
-        for (const id in data) {
-          newQueriesArray.push(data[id]);
-        }
-        this.setState({ queriesArray: newQueriesArray });
-      }
-    });
-  }
-  render() {
-    return (
-      <div>
-        <div className="row space-1">
-          <div className="col-sm-2">
-            <Select
-              name="select-user"
-              placeholder="[User]"
-              options={this.state.userOptions}
-              value={this.state.userId}
-              isLoading={this.state.userLoading}
-              autosize={false}
-              onChange={this.changeUser.bind(this)}
-            />
-          </div>
-          <div className="col-sm-2">
-            <DatabaseSelect
-              onChange={this.onChange.bind(this)}
-              databaseId={this.state.databaseId}
-            />
-          </div>
-          <div className="col-sm-4">
-            <input
-              type="text"
-              onChange={this.changeSearch.bind(this)}
-              className="form-control input-sm"
-              placeholder="Search Results"
-            />
-          </div>
-          <div className="col-sm-2">
-            <Select
-              name="select-state"
-              placeholder="[Query Status]"
-              options={STATUS_OPTIONS.map((s) => ({ value: s, label: s }))}
-              value={this.state.status}
-              isLoading={false}
-              autosize={false}
-              onChange={this.changeStatus.bind(this)}
-            />
-          </div>
-          <Button bsSize="small" bsStyle="success" onClick={this.refreshQueries.bind(this)}>
-            Search
-          </Button>
-        </div>
-        <QueryTable
-          columns={[
-            'state', 'db', 'user',
-            'progress', 'rows', 'sql', 'querylink',
-          ]}
-          onUserClicked={this.onUserClicked.bind(this)}
-          onDbClicked={this.onDbClicked.bind(this)}
-          queries={this.state.queriesArray}
-        />
-      </div>
-    );
-  }
-}
-
-
-export default QuerySearch;

caravel/assets/javascripts/SqlLab/components/ResultSet.jsx

@@ -1,95 +0,0 @@
-import React from 'react';
-import { Alert, Button, ButtonGroup } from 'react-bootstrap';
-import { Table } from 'reactable';
-
-import VisualizeModal from './VisualizeModal';
-
-
-class ResultSet extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      searchText: '',
-      showModal: false,
-    };
-  }
-  changeSearch(event) {
-    this.setState({ searchText: event.target.value });
-  }
-  showModal() {
-    this.setState({ showModal: true });
-  }
-  hideModal() {
-    this.setState({ showModal: false });
-  }
-  render() {
-    const results = this.props.query.results;
-    let controls = <div className="noControls" />;
-    if (this.props.showControls) {
-      controls = (
-        <div className="ResultSetControls">
-          <div className="clearfix">
-            <div className="pull-left">
-              <ButtonGroup>
-                <Button
-                  bsSize="small"
-                  onClick={this.showModal.bind(this)}
-                >
-                  <i className="fa fa-line-chart m-l-1" /> Visualize
-                </Button>
-                <Button bsSize="small" href={'/caravel/csv/' + this.props.query.id}>
-                  <i className="fa fa-file-text-o" /> .CSV
-                </Button>
-              </ButtonGroup>
-            </div>
-            <div className="pull-right">
-              <input
-                type="text"
-                onChange={this.changeSearch.bind(this)}
-                className="form-control input-sm"
-                placeholder="Search Results"
-              />
-            </div>
-          </div>
-        </div>
-      );
-    }
-    if (results && results.data && results.data.length > 0) {
-      return (
-        <div>
-          <VisualizeModal
-            show={this.state.showModal}
-            query={this.props.query}
-            onHide={this.hideModal.bind(this)}
-          />
-          {controls}
-          <div className="ResultSet">
-            <Table
-              data={results.data}
-              columns={results.columns.map((col) => col.name)}
-              sortable
-              className="table table-condensed table-bordered"
-              filterBy={this.state.searchText}
-              filterable={results.columns}
-              hideFilterInput
-            />
-          </div>
-        </div>
-      );
-    }
-    return (<Alert bsStyle="warning">The query returned no data</Alert>);
-  }
-}
-ResultSet.propTypes = {
-  query: React.PropTypes.object,
-  showControls: React.PropTypes.bool,
-  search: React.PropTypes.bool,
-  searchText: React.PropTypes.string,
-};
-ResultSet.defaultProps = {
-  showControls: true,
-  search: true,
-  searchText: '',
-};
-
-export default ResultSet;

caravel/assets/javascripts/SqlLab/components/SouthPane.jsx

@@ -1,85 +0,0 @@
-import { Alert, Button, Tab, Tabs } from 'react-bootstrap';
-import QueryHistory from './QueryHistory';
-import ResultSet from './ResultSet';
-import React from 'react';
-
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-import * as Actions from '../actions';
-import shortid from 'shortid';
-
-class SouthPane extends React.Component {
-  popSelectStar() {
-    const qe = {
-      id: shortid.generate(),
-      title: this.props.latestQuery.tempTable,
-      autorun: false,
-      dbId: this.props.latestQuery.dbId,
-      sql: `SELECT * FROM ${this.props.latestQuery.tempTable}`,
-    };
-    this.props.actions.addQueryEditor(qe);
-  }
-  render() {
-    let results = <div />;
-    const latestQuery = this.props.latestQuery;
-    if (latestQuery) {
-      if (['running', 'pending'].includes(latestQuery.state)) {
-        results = (
-          <img className="loading" alt="Loading.." src="/static/assets/images/loading.gif" />
-        );
-      } else if (latestQuery.state === 'failed') {
-        results = <Alert bsStyle="danger">{latestQuery.errorMessage}</Alert>;
-      } else if (latestQuery.state === 'success' && latestQuery.ctas) {
-        results = (
-          <div>
-            <Alert bsStyle="info">
-              Table [<strong>{latestQuery.tempTable}</strong>] was created
-            </Alert>
-            <p>
-              <Button
-                bsSize="small"
-                className="m-r-5"
-                onClick={this.popSelectStar.bind(this)}
-              >
-                Query in a new tab
-              </Button>
-              <Button bsSize="small">Visualize</Button>
-            </p>
-          </div>);
-      } else if (latestQuery.state === 'success') {
-        results = <ResultSet showControls search query={latestQuery} />;
-      }
-    } else {
-      results = <Alert bsStyle="info">Run a query to display results here</Alert>;
-    }
-    return (
-      <div className="SouthPane">
-        <Tabs bsStyle="tabs" id={shortid.generate()}>
-          <Tab title="Results" eventKey={1}>
-            <div style={{ overflow: 'auto' }}>
-              {results}
-            </div>
-          </Tab>
-          <Tab title="Query History" eventKey={2}>
-            <QueryHistory />
-          </Tab>
-        </Tabs>
-      </div>
-    );
-  }
-}
-
-SouthPane.propTypes = {
-  latestQuery: React.PropTypes.object,
-  actions: React.PropTypes.object,
-};
-
-SouthPane.defaultProps = {
-};
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(Actions, dispatch),
-  };
-}
-export default connect(null, mapDispatchToProps)(SouthPane);

caravel/assets/javascripts/SqlLab/components/SqlEditor.jsx

@@ -1,301 +0,0 @@
-const $ = require('jquery');
-import { now } from '../../modules/dates';
-import React from 'react';
-import {
-  Button,
-  ButtonGroup,
-  Col,
-  FormGroup,
-  InputGroup,
-  Form,
-  FormControl,
-  Label,
-  OverlayTrigger,
-  Row,
-  Tooltip,
-} from 'react-bootstrap';
-
-import AceEditor from 'react-ace';
-import 'brace/mode/sql';
-import 'brace/theme/github';
-import 'brace/ext/language_tools';
-
-import { bindActionCreators } from 'redux';
-import { connect } from 'react-redux';
-import * as Actions from '../actions';
-
-import shortid from 'shortid';
-import SouthPane from './SouthPane';
-import Timer from './Timer';
-
-import SqlEditorLeftBar from './SqlEditorLeftBar';
-
-class SqlEditor extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      autorun: props.queryEditor.autorun,
-      sql: props.queryEditor.sql,
-      ctas: '',
-    };
-  }
-  componentDidMount() {
-    this.onMount();
-  }
-  onMount() {
-    if (this.state.autorun) {
-      this.setState({ autorun: false });
-      this.props.actions.queryEditorSetAutorun(this.props.queryEditor, false);
-      this.startQuery();
-    }
-  }
-  runQuery(runAsync = false) {
-    this.startQuery(runAsync);
-  }
-  startQuery(runAsync = false, ctas = false) {
-    const that = this;
-    const query = {
-      dbId: this.props.queryEditor.dbId,
-      id: shortid.generate(),
-      progress: 0,
-      sql: this.props.queryEditor.sql,
-      sqlEditorId: this.props.queryEditor.id,
-      startDttm: now(),
-      state: 'running',
-      tab: this.props.queryEditor.title,
-    };
-    if (runAsync) {
-      query.state = 'pending';
-    }
-
-    // Execute the Query
-    that.props.actions.startQuery(query);
-
-    const sqlJsonUrl = '/caravel/sql_json/';
-    const sqlJsonRequest = {
-      client_id: query.id,
-      database_id: this.props.queryEditor.dbId,
-      json: true,
-      runAsync,
-      schema: this.props.queryEditor.schema,
-      select_as_cta: ctas,
-      sql: this.props.queryEditor.sql,
-      sql_editor_id: this.props.queryEditor.id,
-      tab: this.props.queryEditor.title,
-      tmp_table_name: this.state.ctas,
-    };
-    $.ajax({
-      type: 'POST',
-      dataType: 'json',
-      url: sqlJsonUrl,
-      data: sqlJsonRequest,
-      success(results) {
-        if (!runAsync) {
-          that.props.actions.querySuccess(query, results);
-        }
-      },
-      error(err, textStatus, errorThrown) {
-        let msg;
-        try {
-          msg = err.responseJSON.error;
-        } catch (e) {
-          if (err.responseText !== undefined) {
-            msg = err.responseText;
-          }
-        }
-        if (textStatus === 'error' && errorThrown === '') {
-          msg = 'Could not connect to server';
-        } else if (msg === null) {
-          msg = `[${textStatus}] ${errorThrown}`;
-        }
-        that.props.actions.queryFailed(query, msg);
-      },
-    });
-  }
-  stopQuery() {
-    this.props.actions.stopQuery(this.props.latestQuery);
-  }
-  createTableAs() {
-    this.startQuery(true, true);
-  }
-  textChange(text) {
-    this.setState({ sql: text });
-    this.props.actions.queryEditorSetSql(this.props.queryEditor, text);
-  }
-  addWorkspaceQuery() {
-    this.props.actions.addWorkspaceQuery({
-      id: shortid.generate(),
-      sql: this.state.sql,
-      dbId: this.props.queryEditor.dbId,
-      schema: this.props.queryEditor.schema,
-      title: this.props.queryEditor.title,
-    });
-  }
-  ctasChange() {}
-  visualize() {}
-  ctasChanged(event) {
-    this.setState({ ctas: event.target.value });
-  }
-
-  sqlEditorHeight() {
-    // quick hack to make the white bg of the tab stretch full height.
-    const tabNavHeight = 40;
-    const navBarHeight = 56;
-    const mysteryVerticalHeight = 50;
-    return window.innerHeight - tabNavHeight - navBarHeight - mysteryVerticalHeight;
-  }
-
-  render() {
-    let runButtons = [];
-    if (this.props.database && this.props.database.allow_run_sync) {
-      runButtons.push(
-        <Button
-          bsSize="small"
-          bsStyle="primary"
-          style={{ width: '100px' }}
-          onClick={this.runQuery.bind(this, false)}
-          disabled={!(this.props.queryEditor.dbId)}
-          key={shortid.generate()}
-        >
-          <i className="fa fa-table" /> Run Query
-        </Button>
-      );
-    }
-    if (this.props.database && this.props.database.allow_run_async) {
-      runButtons.push(
-        <Button
-          bsSize="small"
-          bsStyle="primary"
-          style={{ width: '100px' }}
-          onClick={this.runQuery.bind(this, true)}
-          disabled={!(this.props.queryEditor.dbId)}
-          key={shortid.generate()}
-        >
-          <i className="fa fa-table" /> Run Async
-        </Button>
-      );
-    }
-    runButtons = (
-      <ButtonGroup bsSize="small" className="inline m-r-5 pull-left">
-        {runButtons}
-      </ButtonGroup>
-    );
-    if (this.props.latestQuery && this.props.latestQuery.state === 'running') {
-      runButtons = (
-        <ButtonGroup bsSize="small" className="inline m-r-5 pull-left">
-          <Button
-            bsStyle="primary"
-            bsSize="small"
-            style={{ width: '100px' }}
-            onClick={this.stopQuery.bind(this)}
-          >
-            <a className="fa fa-stop" /> Stop
-          </Button>
-        </ButtonGroup>
-      );
-    }
-    let limitWarning = null;
-    if (this.props.latestQuery && this.props.latestQuery.limit_reached) {
-      const tooltip = (
-        <Tooltip id="tooltip">
-          It appears that the number of rows in the query results displayed
-          was limited on the server side to
-          the {this.props.latestQuery.rows} limit.
-        </Tooltip>
-      );
-      limitWarning = (
-        <OverlayTrigger placement="left" overlay={tooltip}>
-          <Label bsStyle="warning" className="m-r-5">LIMIT</Label>
-        </OverlayTrigger>
-      );
-    }
-    let ctasControls;
-    if (this.props.database && this.props.database.allow_ctas) {
-      ctasControls = (
-        <FormGroup>
-          <InputGroup>
-            <FormControl
-              type="text"
-              bsSize="small"
-              className="input-sm"
-              placeholder="new table name"
-              onChange={this.ctasChanged.bind(this)}
-            />
-            <InputGroup.Button>
-              <Button
-                bsSize="small"
-                disabled={this.state.ctas.length === 0}
-                onClick={this.createTableAs.bind(this)}
-              >
-                <i className="fa fa-table" /> CTAS
-              </Button>
-            </InputGroup.Button>
-          </InputGroup>
-        </FormGroup>
-      );
-    }
-    const editorBottomBar = (
-      <div className="sql-toolbar clearfix">
-        <div className="pull-left">
-          <Form inline>
-            {runButtons}
-            {ctasControls}
-          </Form>
-        </div>
-        <div className="pull-right">
-          {limitWarning}
-          <Timer query={this.props.latestQuery} />
-        </div>
-      </div>
-    );
-    return (
-      <div className="SqlEditor" style={{ minHeight: this.sqlEditorHeight() }}>
-        <Row>
-          <Col md={3}>
-            <SqlEditorLeftBar queryEditor={this.props.queryEditor} />
-          </Col>
-          <Col md={9}>
-            <AceEditor
-              mode="sql"
-              name={this.props.queryEditor.id}
-              theme="github"
-              minLines={7}
-              maxLines={30}
-              onChange={this.textChange.bind(this)}
-              height="200px"
-              width="100%"
-              editorProps={{ $blockScrolling: true }}
-              enableBasicAutocompletion
-              value={this.props.queryEditor.sql}
-            />
-            {editorBottomBar}
-            <br />
-            <SouthPane latestQuery={this.props.latestQuery} sqlEditor={this} />
-          </Col>
-        </Row>
-      </div>
-    );
-  }
-}
-
-SqlEditor.propTypes = {
-  actions: React.PropTypes.object,
-  database: React.PropTypes.object,
-  latestQuery: React.PropTypes.object,
-  queryEditor: React.PropTypes.object,
-};
-
-SqlEditor.defaultProps = {
-};
-
-function mapStateToProps() {
-  return {};
-}
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(Actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(SqlEditor);

caravel/assets/javascripts/SqlLab/components/SqlEditorLeftBar.jsx

@@ -1,195 +0,0 @@
-const $ = window.$ = require('jquery');
-import React from 'react';
-
-import { bindActionCreators } from 'redux';
-import { connect } from 'react-redux';
-import * as Actions from '../actions';
-import Select from 'react-select';
-import { Label, Button } from 'react-bootstrap';
-import TableElement from './TableElement';
-import DatabaseSelect from './DatabaseSelect';
-
-
-class SqlEditorLeftBar extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      schemaLoading: false,
-      schemaOptions: [],
-      tableLoading: false,
-      tableOptions: [],
-    };
-  }
-  componentWillMount() {
-    this.fetchSchemas();
-    this.fetchTables();
-  }
-  onChange(db) {
-    const val = (db) ? db.value : null;
-    this.setState({ schemaOptions: [] });
-    this.props.actions.queryEditorSetDb(this.props.queryEditor, val);
-    if (!(db)) {
-      this.setState({ tableOptions: [] });
-    } else {
-      this.fetchTables(val, this.props.queryEditor.schema);
-      this.fetchSchemas(val);
-    }
-  }
-  resetState() {
-    this.props.actions.resetState();
-  }
-  fetchTables(dbId, schema) {
-    const actualDbId = dbId || this.props.queryEditor.dbId;
-    if (actualDbId) {
-      const actualSchema = schema || this.props.queryEditor.schema;
-      this.setState({ tableLoading: true });
-      this.setState({ tableOptions: [] });
-      const url = `/caravel/tables/${actualDbId}/${actualSchema}`;
-      $.get(url, (data) => {
-        let tableOptions = data.tables.map((s) => ({ value: s, label: s }));
-        const views = data.views.map((s) => ({ value: s, label: '[view] ' + s }));
-        tableOptions = [...tableOptions, ...views];
-        this.setState({ tableOptions });
-        this.setState({ tableLoading: false });
-      });
-    }
-  }
-  changeSchema(schemaOpt) {
-    const schema = (schemaOpt) ? schemaOpt.value : null;
-    this.props.actions.queryEditorSetSchema(this.props.queryEditor, schema);
-    this.fetchTables(this.props.queryEditor.dbId, schema);
-  }
-  fetchSchemas(dbId) {
-    const actualDbId = dbId || this.props.queryEditor.dbId;
-    if (actualDbId) {
-      this.setState({ schemaLoading: true });
-      const url = `/databasetablesasync/api/read?_flt_0_id=${actualDbId}`;
-      $.get(url, (data) => {
-        const schemas = data.result[0].all_schema_names;
-        const schemaOptions = schemas.map((s) => ({ value: s, label: s }));
-        this.setState({ schemaOptions });
-        this.setState({ schemaLoading: false });
-      });
-    }
-  }
-  closePopover(ref) {
-    this.refs[ref].hide();
-  }
-  changeTable(tableOpt) {
-    const tableName = tableOpt.value;
-    const qe = this.props.queryEditor;
-    let url = `/caravel/table/${qe.dbId}/${tableName}/${qe.schema}/`;
-
-    this.setState({ tableLoading: true });
-    $.get(url, (data) => {
-      this.props.actions.mergeTable({
-        dbId: this.props.queryEditor.dbId,
-        queryEditorId: this.props.queryEditor.id,
-        name: data.name,
-        indexes: data.indexes,
-        schema: qe.schema,
-        columns: data.columns,
-        expanded: true,
-      });
-      this.setState({ tableLoading: false });
-    })
-    .fail(() => {
-      this.props.actions.addAlert({
-        msg: 'Error occurred while fetching metadata',
-        bsStyle: 'danger',
-      });
-      this.setState({ tableLoading: false });
-    });
-
-    url = `/caravel/extra_table_metadata/${qe.dbId}/${tableName}/${qe.schema}/`;
-    $.get(url, (data) => {
-      const table = {
-        dbId: this.props.queryEditor.dbId,
-        queryEditorId: this.props.queryEditor.id,
-        schema: qe.schema,
-        name: tableName,
-      };
-      Object.assign(table, data);
-      this.props.actions.mergeTable(table);
-    });
-  }
-  render() {
-    let networkAlert = null;
-    if (!this.props.networkOn) {
-      networkAlert = <p><Label bsStyle="danger">OFFLINE</Label></p>;
-    }
-    const tables = this.props.tables.filter((t) => (t.queryEditorId === this.props.queryEditor.id));
-    const shouldShowReset = window.location.search === '?reset=1';
-    return (
-      <div className="clearfix sql-toolbar">
-        {networkAlert}
-        <div>
-          <DatabaseSelect
-            onChange={this.onChange.bind(this)}
-            databaseId={this.props.queryEditor.dbId}
-          />
-        </div>
-        <div className="m-t-5">
-          <Select
-            name="select-schema"
-            placeholder={`Select a schema (${this.state.schemaOptions.length})`}
-            options={this.state.schemaOptions}
-            value={this.props.queryEditor.schema}
-            isLoading={this.state.schemaLoading}
-            autosize={false}
-            onChange={this.changeSchema.bind(this)}
-          />
-        </div>
-        <div className="m-t-5">
-          <Select
-            name="select-table"
-            ref="selectTable"
-            isLoading={this.state.tableLoading}
-            placeholder={`Add a table (${this.state.tableOptions.length})`}
-            autosize={false}
-            value={this.state.tableName}
-            onChange={this.changeTable.bind(this)}
-            options={this.state.tableOptions}
-          />
-        </div>
-        <hr />
-        <div className="m-t-5">
-          {tables.map((table) => (
-            <TableElement table={table} queryEditor={this.props.queryEditor} key={table.id} />
-          ))}
-        </div>
-        {shouldShowReset &&
-          <Button bsSize="small" bsStyle="danger" onClick={this.resetState.bind(this)}>
-            <i className="fa fa-bomb" /> Reset State
-          </Button>
-        }
-      </div>
-    );
-  }
-}
-
-SqlEditorLeftBar.propTypes = {
-  queryEditor: React.PropTypes.object,
-  tables: React.PropTypes.array,
-  actions: React.PropTypes.object,
-  networkOn: React.PropTypes.bool,
-};
-
-SqlEditorLeftBar.defaultProps = {
-  tables: [],
-};
-
-function mapStateToProps(state) {
-  return {
-    tables: state.tables,
-    networkOn: state.networkOn,
-  };
-}
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(Actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(SqlEditorLeftBar);

caravel/assets/javascripts/SqlLab/components/SqlShrink.jsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import SyntaxHighlighter from 'react-syntax-highlighter';
-import { github } from 'react-syntax-highlighter/dist/styles';
-
-const SqlShrink = (props) => {
-  const sql = props.sql || '';
-  let lines = sql.split('\n');
-  if (lines.length >= props.maxLines) {
-    lines = lines.slice(0, props.maxLines);
-    lines.push('{...}');
-  }
-  const shrunk = lines.map((line) => {
-    if (line.length > props.maxWidth) {
-      return line.slice(0, props.maxWidth) + '{...}';
-    }
-    return line;
-  })
-  .join('\n');
-  return (
-    <div>
-      <SyntaxHighlighter language="sql" style={github}>
-        {shrunk}
-      </SyntaxHighlighter>
-    </div>
-  );
-};
-
-SqlShrink.defaultProps = {
-  maxWidth: 60,
-  maxLines: 6,
-};
-
-SqlShrink.propTypes = {
-  sql: React.PropTypes.string,
-  maxWidth: React.PropTypes.number,
-  maxLines: React.PropTypes.number,
-};
-
-export default SqlShrink;

caravel/assets/javascripts/SqlLab/components/TabbedSqlEditors.jsx

@@ -1,170 +0,0 @@
-import React from 'react';
-import { DropdownButton, MenuItem, Tab, Tabs } from 'react-bootstrap';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-import * as Actions from '../actions';
-import SqlEditor from './SqlEditor';
-import shortid from 'shortid';
-import { getParamFromQuery, getLink } from '../../../utils/common';
-import CopyQueryTabUrl from './CopyQueryTabUrl';
-
-let queryCount = 1;
-
-class TabbedSqlEditors extends React.Component {
-  constructor(props) {
-    super(props);
-    const uri = window.location.toString();
-    const search = window.location.search;
-    const cleanUri = search ? uri.substring(0, uri.indexOf('?')) : uri;
-    const query = search.substring(1);
-    this.state = {
-      uri,
-      cleanUri,
-      query,
-    };
-  }
-  componentWillMount() {
-    if (this.state.query) {
-      queryCount++;
-      const queryEditorProps = {
-        id: shortid.generate(),
-        title: getParamFromQuery(this.state.query, 'title'),
-        dbId: getParamFromQuery(this.state.query, 'dbid'),
-        schema: getParamFromQuery(this.state.query, 'schema'),
-        autorun: getParamFromQuery(this.state.query, 'autorun'),
-        sql: getParamFromQuery(this.state.query, 'sql'),
-      };
-      this.props.actions.addQueryEditor(queryEditorProps);
-      // Clean the url in browser history
-      window.history.replaceState({}, document.title, this.state.cleanUri);
-    }
-  }
-  getQueryLink(qe) {
-    const params = [];
-    if (qe.dbId) params.push('dbid=' + qe.dbId);
-    if (qe.title) params.push('title=' + qe.title);
-    if (qe.schema) params.push('schema=' + qe.schema);
-    if (qe.autorun) params.push('autorun=' + qe.autorun);
-    if (qe.sql) params.push('sql=' + qe.sql);
-
-    return getLink(this.state.cleanUri, params);
-  }
-  renameTab(qe) {
-    /* eslint no-alert: 0 */
-    const newTitle = prompt('Enter a new title for the tab');
-    if (newTitle) {
-      this.props.actions.queryEditorSetTitle(qe, newTitle);
-    }
-  }
-  activeQueryEditor() {
-    const qeid = this.props.tabHistory[this.props.tabHistory.length - 1];
-    for (let i = 0; i < this.props.queryEditors.length; i++) {
-      const qe = this.props.queryEditors[i];
-      if (qe.id === qeid) {
-        return qe;
-      }
-    }
-    return null;
-  }
-  newQueryEditor() {
-    queryCount++;
-    const activeQueryEditor = this.activeQueryEditor();
-    const qe = {
-      id: shortid.generate(),
-      title: `Untitled Query ${queryCount}`,
-      dbId: (activeQueryEditor) ? activeQueryEditor.dbId : null,
-      schema: (activeQueryEditor) ? activeQueryEditor.schema : null,
-      autorun: false,
-      sql: 'SELECT ...',
-    };
-    this.props.actions.addQueryEditor(qe);
-  }
-  handleSelect(key) {
-    if (key === 'add_tab') {
-      this.newQueryEditor();
-    } else {
-      this.props.actions.setActiveQueryEditor({ id: key });
-    }
-  }
-  render() {
-    const editors = this.props.queryEditors.map((qe, i) => {
-      let latestQuery = this.props.queries[qe.latestQueryId];
-      const database = this.props.databases[qe.dbId];
-      const state = (latestQuery) ? latestQuery.state : '';
-      const tabTitle = (
-        <div>
-          <div className={'circle ' + state} /> {qe.title} {' '}
-          <DropdownButton
-            bsSize="small"
-            id={'ddbtn-tab-' + i}
-            title=""
-          >
-            <MenuItem eventKey="1" onClick={this.props.actions.removeQueryEditor.bind(this, qe)}>
-              <i className="fa fa-close" /> close tab
-            </MenuItem>
-            <MenuItem eventKey="2" onClick={this.renameTab.bind(this, qe)}>
-              <i className="fa fa-i-cursor" /> rename tab
-            </MenuItem>
-            <MenuItem eventKey="3">
-              <i className="fa fa-clipboard" /> <CopyQueryTabUrl qe={qe} />
-            </MenuItem>
-          </DropdownButton>
-        </div>
-      );
-      return (
-        <Tab
-          key={qe.id}
-          title={tabTitle}
-          eventKey={qe.id}
-        >
-          <div className="panel panel-default">
-            <div className="panel-body">
-              <SqlEditor
-                queryEditor={qe}
-                latestQuery={latestQuery}
-                database={database}
-              />
-            </div>
-          </div>
-        </Tab>);
-    });
-    return (
-      <Tabs
-        bsStyle="tabs"
-        activeKey={this.props.tabHistory[this.props.tabHistory.length - 1]}
-        onSelect={this.handleSelect.bind(this)}
-        id="a11y-query-editor-tabs"
-      >
-        {editors}
-        <Tab title={<div><i className="fa fa-plus-circle" />&nbsp;</div>} eventKey="add_tab" />
-      </Tabs>
-    );
-  }
-}
-TabbedSqlEditors.propTypes = {
-  actions: React.PropTypes.object,
-  databases: React.PropTypes.object,
-  queries: React.PropTypes.object,
-  queryEditors: React.PropTypes.array,
-  tabHistory: React.PropTypes.array,
-};
-TabbedSqlEditors.defaultProps = {
-  tabHistory: [],
-  queryEditors: [],
-};
-
-function mapStateToProps(state) {
-  return {
-    databases: state.databases,
-    queryEditors: state.queryEditors,
-    queries: state.queries,
-    tabHistory: state.tabHistory,
-  };
-}
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(Actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(TabbedSqlEditors);

caravel/assets/javascripts/SqlLab/components/TableElement.jsx

@@ -1,214 +0,0 @@
-import React from 'react';
-import { ButtonGroup, Well } from 'react-bootstrap';
-import Link from './Link';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-import * as Actions from '../actions';
-import shortid from 'shortid';
-import ModalTrigger from '../../components/ModalTrigger';
-import CopyToClipboard from '../../components/CopyToClipboard';
-
-const propTypes = {
-  table: React.PropTypes.object,
-  queryEditor: React.PropTypes.object,
-  actions: React.PropTypes.object,
-};
-
-const defaultProps = {
-  table: null,
-  actions: {},
-};
-
-class TableElement extends React.Component {
-  setSelectStar() {
-    this.props.actions.queryEditorSetSql(this.props.queryEditor, this.selectStar());
-  }
-
-  selectStar() {
-    let cols = '';
-    this.props.table.columns.forEach((col, i) => {
-      cols += col.name;
-      if (i < this.props.table.columns.length - 1) {
-        cols += ', ';
-      }
-    });
-    let tableName = this.props.table.name;
-    if (this.props.table.schema) {
-      tableName = this.props.table.schema + '.' + tableName;
-    }
-    return `SELECT ${cols}\nFROM ${tableName}`;
-  }
-
-  popSelectStar() {
-    const qe = {
-      id: shortid.generate(),
-      title: this.props.table.name,
-      dbId: this.props.table.dbId,
-      autorun: true,
-      sql: this.selectStar(),
-    };
-    this.props.actions.addQueryEditor(qe);
-  }
-
-  collapseTable(e) {
-    e.preventDefault();
-    this.props.actions.collapseTable(this.props.table);
-  }
-
-  expandTable(e) {
-    e.preventDefault();
-    this.props.actions.expandTable(this.props.table);
-  }
-
-  removeTable() {
-    this.props.actions.removeTable(this.props.table);
-  }
-
-  render() {
-    const table = this.props.table;
-    let metadata = null;
-    let buttonToggle;
-
-    let header;
-    if (table.partitions) {
-      let partitionQuery;
-      let partitionClipBoard;
-      if (table.partitions.partitionQuery) {
-        partitionQuery = table.partitions.partitionQuery;
-        const tt = 'Copy partition query to clipboard';
-        partitionClipBoard = (
-          <CopyToClipboard
-            text={partitionQuery}
-            shouldShowText={false}
-            tooltipText={tt}
-            copyNode={<i className="fa fa-clipboard" />}
-          />
-        );
-      }
-      let latest = [];
-      for (const k in table.partitions.latest) {
-        latest.push(`${k}=${table.partitions.latest[k]}`);
-      }
-      latest = latest.join('/');
-      header = (
-        <Well bsSize="small">
-          <div>
-            <small>
-              latest partition: {latest}
-            </small> {partitionClipBoard}
-          </div>
-        </Well>
-      );
-    }
-    if (table.expanded) {
-      buttonToggle = (
-        <a
-          href="#"
-          onClick={(e) => { this.collapseTable(e); }}
-        >
-          <strong>{table.name}</strong>
-          <small className="m-l-5"><i className="fa fa-minus" /></small>
-        </a>
-      );
-      metadata = (
-        <div>
-          {header}
-          <div className="table-columns">
-            {table.columns.map((col) => {
-              let name = col.name;
-              if (col.indexed) {
-                name = <strong>{col.name}</strong>;
-              }
-              return (
-                <div className="clearfix table-column" key={shortid.generate()}>
-                  <div className="pull-left m-l-10">
-                    {name}
-                  </div>
-                  <div className="pull-right text-muted">
-                    <small> {col.type}</small>
-                  </div>
-                </div>);
-            })}
-            <hr />
-          </div>
-        </div>
-      );
-    } else {
-      buttonToggle = (
-        <a
-          href="#"
-          onClick={(e) => { this.expandTable(e); }}
-        >
-          {table.name}
-          <small className="m-l-5"><i className="fa fa-plus" /></small>
-        </a>
-      );
-    }
-    let keyLink;
-    if (table.indexes && table.indexes.length > 0) {
-      keyLink = (
-        <ModalTrigger
-          modalTitle={
-            <div>
-              Keys for table <strong>{table.name}</strong>
-            </div>
-          }
-          modalBody={
-            <pre>{JSON.stringify(table.indexes, null, 4)}</pre>
-          }
-          triggerNode={
-            <Link
-              className="fa fa-key pull-left m-l-2"
-              tooltip={`View indexes (${table.indexes.length})`}
-            />
-          }
-        />
-      );
-    }
-    return (
-      <div className="TableElement">
-        <div className="clearfix">
-          <div className="pull-left">
-            {buttonToggle}
-          </div>
-          <div className="pull-right">
-            <ButtonGroup className="ws-el-controls pull-right">
-              {keyLink}
-              <Link
-                className="fa fa-pencil pull-left m-l-2"
-                onClick={this.setSelectStar.bind(this)}
-                tooltip="Run query in this tab"
-                href="#"
-              />
-              <Link
-                className="fa fa-plus-circle pull-left  m-l-2"
-                onClick={this.popSelectStar.bind(this)}
-                tooltip="Run query in a new tab"
-                href="#"
-              />
-              <Link
-                className="fa fa-trash pull-left m-l-2"
-                onClick={this.removeTable.bind(this)}
-                tooltip="Remove from workspace"
-                href="#"
-              />
-            </ButtonGroup>
-          </div>
-        </div>
-        <div>
-          {metadata}
-        </div>
-      </div>
-    );
-  }
-}
-TableElement.propTypes = propTypes;
-TableElement.defaultProps = defaultProps;
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(Actions, dispatch),
-  };
-}
-export default connect(null, mapDispatchToProps)(TableElement);
-export { TableElement };

caravel/assets/javascripts/SqlLab/components/TableMetadata.jsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
-
-const TableMetadata = function (props) {
-  return (
-    <BootstrapTable
-      condensed
-      data={props.table.columns}
-    >
-      <TableHeaderColumn dataField="id" isKey hidden>
-        id
-      </TableHeaderColumn>
-      <TableHeaderColumn dataField="name">Name</TableHeaderColumn>
-      <TableHeaderColumn dataField="type">Type</TableHeaderColumn>
-    </BootstrapTable>
-  );
-};
-
-TableMetadata.propTypes = {
-  table: React.PropTypes.object,
-};
-
-export default TableMetadata;

caravel/assets/javascripts/SqlLab/components/Timer.jsx

@@ -1,61 +0,0 @@
-import React from 'react';
-import { now, fDuration } from '../../modules/dates';
-
-import { STATE_BSSTYLE_MAP } from '../common.js';
-
-class Timer extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      clockStr: '',
-    };
-  }
-  componentWillMount() {
-    this.startTimer();
-  }
-  componentWillUnmount() {
-    this.stopTimer();
-  }
-  startTimer() {
-    if (!(this.timer)) {
-      this.timer = setInterval(this.stopwatch.bind(this), 30);
-    }
-  }
-  stopTimer() {
-    clearInterval(this.timer);
-    this.timer = null;
-  }
-  stopwatch() {
-    if (this.props && this.props.query) {
-      const endDttm = this.props.query.endDttm || now();
-      const clockStr = fDuration(this.props.query.startDttm, endDttm);
-      this.setState({ clockStr });
-      if (this.props.query.state !== 'running') {
-        this.stopTimer();
-      }
-    }
-  }
-  render() {
-    if (this.props.query && this.props.query.state === 'running') {
-      this.startTimer();
-    }
-    let timerSpan = null;
-    if (this.props && this.props.query) {
-      const bsStyle = STATE_BSSTYLE_MAP[this.props.query.state];
-      timerSpan = (
-        <span className={'inlineBlock m-r-5 label label-' + bsStyle}>
-          {this.state.clockStr}
-        </span>
-      );
-    }
-    return timerSpan;
-  }
-}
-Timer.propTypes = {
-  query: React.PropTypes.object,
-};
-Timer.defaultProps = {
-  query: null,
-};
-
-export default Timer;

caravel/assets/javascripts/SqlLab/index.jsx

@@ -1,27 +0,0 @@
-const $ = window.$ = require('jquery');
-const jQuery = window.jQuery = $; // eslint-disable-line
-require('bootstrap');
-
-import React from 'react';
-import { render } from 'react-dom';
-import { initialState, sqlLabReducer } from './reducers';
-import { enhancer } from '../reduxUtils';
-import { createStore } from 'redux';
-import { Provider } from 'react-redux';
-
-import App from './components/App';
-
-
-require('./main.css');
-
-let store = createStore(sqlLabReducer, initialState, enhancer());
-
-// jquery hack to highlight the navbar menu
-$('a:contains("SQL Lab")').parent().addClass('active');
-
-render(
-  <Provider store={store}>
-    <App />
-  </Provider>,
-  document.getElementById('app')
-);

caravel/assets/javascripts/caravel-select2.js

@@ -1,5 +0,0 @@
-require('../node_modules/select2/select2.css');
-require('../node_modules/select2-bootstrap-css/select2-bootstrap.min.css');
-require('../node_modules/jquery-ui/themes/base/jquery-ui.css');
-require('select2');
-require('../vendor/select2.sortable.js');

caravel/assets/javascripts/common.js

@@ -1,10 +0,0 @@
-const $ = require('jquery');
-const utils = require('./modules/utils');
-$(document).ready(function () {
-  $(':checkbox[data-checkbox-api-prefix]').change(function () {
-    const $this = $(this);
-    const prefix = $this.data('checkbox-api-prefix');
-    const id = $this.attr('id');
-    utils.toggleCheckbox(prefix, '#' + id);
-  });
-});

caravel/assets/javascripts/components/ModalTrigger.jsx

@@ -1,59 +0,0 @@
-import React, { PropTypes } from 'react';
-import { Modal } from 'react-bootstrap';
-import cx from 'classnames';
-
-const propTypes = {
-  triggerNode: PropTypes.node.isRequired,
-  modalTitle: PropTypes.node.isRequired,
-  modalBody: PropTypes.node.isRequired,
-  beforeOpen: PropTypes.func,
-  isButton: PropTypes.bool,
-};
-
-const defaultProps = {
-  beforeOpen: () => {},
-  isButton: false,
-};
-
-export default class ModalTrigger extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      showModal: false,
-    };
-    this.open = this.open.bind(this);
-    this.close = this.close.bind(this);
-  }
-
-  close() {
-    this.setState({ showModal: false });
-  }
-
-  open(e) {
-    e.preventDefault();
-    this.props.beforeOpen();
-    this.setState({ showModal: true });
-  }
-
-  render() {
-    const classNames = cx({
-      'btn btn-default btn-sm': this.props.isButton,
-    });
-    return (
-      <a href="#" className={classNames} onClick={this.open}>
-        {this.props.triggerNode}
-        <Modal show={this.state.showModal} onHide={this.close}>
-          <Modal.Header closeButton>
-            <Modal.Title>{this.props.modalTitle}</Modal.Title>
-          </Modal.Header>
-          <Modal.Body>
-            {this.props.modalBody}
-          </Modal.Body>
-        </Modal>
-      </a>
-    );
-  }
-}
-
-ModalTrigger.propTypes = propTypes;
-ModalTrigger.defaultProps = defaultProps;

caravel/assets/javascripts/css-theme.js

@@ -1,2 +0,0 @@
-require('../stylesheets/less/index.less');
-require('../stylesheets/react-select/select.less');

caravel/assets/javascripts/dashboard/Dashboard.jsx

@@ -1,411 +0,0 @@
-const $ = window.$ = require('jquery');
-const jQuery = window.jQuery = require('jquery'); // eslint-disable-line
-const px = require('../modules/caravel.js');
-const d3 = require('d3');
-const urlLib = require('url');
-const utils = require('../modules/utils.js');
-
-import React from 'react';
-import { render } from 'react-dom';
-import SliceAdder from './components/SliceAdder.jsx';
-import GridLayout from './components/GridLayout.jsx';
-
-const ace = require('brace');
-require('bootstrap');
-require('brace/mode/css');
-require('brace/theme/crimson_editor');
-require('../../stylesheets/dashboard.css');
-require('../caravel-select2.js');
-
-// Injects the passed css string into a style sheet with the specified className
-// If a stylesheet doesn't exist with the passed className, one will be injected into <head>
-function injectCss(className, css) {
-  const head = document.head || document.getElementsByTagName('head')[0];
-  let style = document.querySelector('.' + className);
-
-  if (!style) {
-    if (className.split(' ').length > 1) {
-      throw new Error('This method only supports selections with a single class name.');
-    }
-    style = document.createElement('style');
-    style.className = className;
-    style.type = 'text/css';
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.innerHTML = css;
-  }
-}
-
-function dashboardContainer(dashboardData) {
-  let dashboard = Object.assign({}, utils.controllerInterface, dashboardData, {
-    type: 'dashboard',
-    filters: {},
-    init() {
-      this.initDashboardView();
-      this.firstLoad = true;
-      px.initFavStars();
-      const sliceObjects = [];
-      const dash = this;
-      dashboard.slices.forEach((data) => {
-        if (data.error) {
-          const html = '<div class="alert alert-danger">' + data.error + '</div>';
-          $('#slice_' + data.slice_id).find('.token').html(html);
-        } else {
-          const slice = px.Slice(data, dash);
-          $('#slice_' + data.slice_id).find('a.refresh').click(() => {
-            slice.render(true);
-          });
-          sliceObjects.push(slice);
-        }
-      });
-      this.slices = sliceObjects;
-      this.refreshTimer = null;
-      this.loadPreSelectFilters();
-      this.startPeriodicRender(0);
-      this.bindResizeToWindowResize();
-    },
-    loadPreSelectFilters() {
-      try {
-        const filters = JSON.parse(px.getParam('preselect_filters') || '{}');
-        for (const sliceId in filters) {
-          for (const col in filters[sliceId]) {
-            this.setFilter(sliceId, col, filters[sliceId][col], false, false);
-          }
-        }
-      } catch (e) {
-        // console.error(e);
-      }
-    },
-    setFilter(sliceId, col, vals, refresh) {
-      this.addFilter(sliceId, col, vals, false, refresh);
-    },
-    done(slice) {
-      const refresh = slice.getWidgetHeader().find('.refresh');
-      const data = slice.data;
-      if (data !== undefined && data.is_cached) {
-        refresh
-        .addClass('danger')
-        .attr('title',
-              'Served from data cached at ' + data.cached_dttm +
-                '. Click to force refresh')
-                .tooltip('fixTitle');
-      } else {
-        refresh
-        .removeClass('danger')
-        .attr('title', 'Click to force refresh')
-        .tooltip('fixTitle');
-      }
-    },
-    effectiveExtraFilters(sliceId) {
-      // Summarized filter, not defined by sliceId
-      // returns k=field, v=array of values
-      const f = {};
-      const immuneSlices = this.metadata.filter_immune_slices || [];
-      if (sliceId && immuneSlices.includes(sliceId)) {
-        // The slice is immune to dashboard fiterls
-        return f;
-      }
-
-      // Building a list of fields the slice is immune to filters on
-      let immuneToFields = [];
-      if (
-            sliceId &&
-            this.metadata.filter_immune_slice_fields &&
-            this.metadata.filter_immune_slice_fields[sliceId]) {
-        immuneToFields = this.metadata.filter_immune_slice_fields[sliceId];
-      }
-      for (const filteringSliceId in this.filters) {
-        for (const field in this.filters[filteringSliceId]) {
-          if (!immuneToFields.includes(field)) {
-            f[field] = this.filters[filteringSliceId][field];
-          }
-        }
-      }
-      return f;
-    },
-    addFilter(sliceId, col, vals, merge = true, refresh = true) {
-      if (!(sliceId in this.filters)) {
-        this.filters[sliceId] = {};
-      }
-      if (!(col in this.filters[sliceId]) || !merge) {
-        this.filters[sliceId][col] = vals;
-      } else {
-        this.filters[sliceId][col] = d3.merge([this.filters[sliceId][col], vals]);
-      }
-      if (refresh) {
-        this.refreshExcept(sliceId);
-      }
-      this.updateFilterParamsInUrl();
-    },
-    readFilters() {
-      // Returns a list of human readable active filters
-      return JSON.stringify(this.filters, null, 4);
-    },
-    updateFilterParamsInUrl() {
-      const urlObj = urlLib.parse(location.href, true);
-      urlObj.query = urlObj.query || {};
-      urlObj.query.preselect_filters = this.readFilters();
-      urlObj.search = null;
-      history.pushState(urlObj.query, window.title, urlLib.format(urlObj));
-    },
-    bindResizeToWindowResize() {
-      let resizeTimer;
-      const dash = this;
-      $(window).on('resize', () => {
-        clearTimeout(resizeTimer);
-        resizeTimer = setTimeout(() => {
-          dash.slices.forEach((slice) => {
-            slice.resize();
-          });
-        }, 500);
-      });
-    },
-    stopPeriodicRender() {
-      if (this.refreshTimer) {
-        clearTimeout(this.refreshTimer);
-        this.refreshTimer = null;
-      }
-    },
-    startPeriodicRender(interval) {
-      this.stopPeriodicRender();
-      const dash = this;
-      const maxRandomDelay = Math.min(interval * 0.2, 5000);
-      const refreshAll = function () {
-        dash.slices.forEach(function (slice) {
-          const force = !dash.firstLoad;
-          setTimeout(function () {
-            slice.render(force);
-          },
-          // Randomize to prevent all widgets refreshing at the same time
-          maxRandomDelay * Math.random());
-        });
-        dash.firstLoad = false;
-      };
-
-      const fetchAndRender = function () {
-        refreshAll();
-        if (interval > 0) {
-          dash.refreshTimer = setTimeout(function () {
-            fetchAndRender();
-          }, interval);
-        }
-      };
-      fetchAndRender();
-    },
-    refreshExcept(sliceId) {
-      const immune = this.metadata.filter_immune_slices || [];
-      this.slices.forEach(function (slice) {
-        if (slice.data.slice_id !== sliceId && immune.indexOf(slice.data.slice_id) === -1) {
-          slice.render();
-        }
-      });
-    },
-    clearFilters(sliceId) {
-      delete this.filters[sliceId];
-      this.refreshExcept(sliceId);
-      this.updateFilterParamsInUrl();
-    },
-    removeFilter(sliceId, col, vals) {
-      if (sliceId in this.filters) {
-        if (col in this.filters[sliceId]) {
-          const a = [];
-          this.filters[sliceId][col].forEach(function (v) {
-            if (vals.indexOf(v) < 0) {
-              a.push(v);
-            }
-          });
-          this.filters[sliceId][col] = a;
-        }
-      }
-      this.refreshExcept(sliceId);
-      this.updateFilterParamsInUrl();
-    },
-    getSlice(sliceId) {
-      const id = parseInt(sliceId, 10);
-      let i = 0;
-      let slice = null;
-      while (i < this.slices.length) {
-        // when the slice is found, assign to slice and break;
-        if (this.slices[i].data.slice_id === id) {
-          slice = this.slices[i];
-          break;
-        }
-        i++;
-      }
-      return slice;
-    },
-    showAddSlice() {
-      const slicesOnDashMap = {};
-      const layoutPositions = this.reactGridLayout.serialize();
-      layoutPositions.forEach((position) => {
-        slicesOnDashMap[position.slice_id] = true;
-      });
-      render(
-        <SliceAdder dashboard={dashboard} slicesOnDashMap={slicesOnDashMap} caravel={px} />,
-        document.getElementById('add-slice-container')
-      );
-    },
-    getAjaxErrorMsg(error) {
-      const respJSON = error.responseJSON;
-      return (respJSON && respJSON.message) ? respJSON.message :
-              error.responseText;
-    },
-    addSlicesToDashboard(sliceIds) {
-      const getAjaxErrorMsg = this.getAjaxErrorMsg;
-      $.ajax({
-        type: 'POST',
-        url: '/caravel/add_slices/' + dashboard.id + '/',
-        data: {
-          data: JSON.stringify({ slice_ids: sliceIds }),
-        },
-        success() {
-          // Refresh page to allow for slices to re-render
-          window.location.reload();
-        },
-        error(error) {
-          const errorMsg = getAjaxErrorMsg(error);
-          utils.showModal({
-            title: 'Error',
-            body: 'Sorry, there was an error adding slices to this dashboard: </ br>' + errorMsg,
-          });
-        },
-      });
-    },
-    saveDashboard() {
-      const expandedSlices = {};
-      $.each($('.slice_info'), function () {
-        const widget = $(this).parents('.widget');
-        const sliceDescription = widget.find('.slice_description');
-        if (sliceDescription.is(':visible')) {
-          expandedSlices[$(widget).attr('data-slice-id')] = true;
-        }
-      });
-      const positions = this.reactGridLayout.serialize();
-      const data = {
-        positions,
-        css: this.editor.getValue(),
-        expanded_slices: expandedSlices,
-      };
-      $.ajax({
-        type: 'POST',
-        url: '/caravel/save_dash/' + dashboard.id + '/',
-        data: {
-          data: JSON.stringify(data),
-        },
-        success() {
-          utils.showModal({
-            title: 'Success',
-            body: 'This dashboard was saved successfully.',
-          });
-        },
-        error(error) {
-          const errorMsg = this.getAjaxErrorMsg(error);
-          utils.showModal({
-            title: 'Error',
-            body: 'Sorry, there was an error saving this dashboard: </ br>' + errorMsg,
-          });
-        },
-      });
-    },
-    initDashboardView() {
-      this.posDict = {};
-      this.position_json.forEach(function (position) {
-        this.posDict[position.slice_id] = position;
-      }, this);
-
-      this.reactGridLayout = render(
-        <GridLayout slices={this.slices} posDict={this.posDict} dashboard={dashboard} />,
-        document.getElementById('grid-container')
-      );
-
-      this.curUserId = $('.dashboard').data('user');
-
-      dashboard = this;
-
-      // Displaying widget controls on hover
-      $('.react-grid-item').hover(
-        function () {
-          $(this).find('.chart-controls').fadeIn(300);
-        },
-        function () {
-          $(this).find('.chart-controls').fadeOut(300);
-        }
-      );
-      $('div.grid-container').css('visibility', 'visible');
-      $('#savedash').click(this.saveDashboard.bind(this));
-      $('#add-slice').click(this.showAddSlice.bind(this));
-
-      const editor = ace.edit('dash_css');
-      this.editor = editor;
-      editor.$blockScrolling = Infinity;
-
-      editor.setTheme('ace/theme/crimson_editor');
-      editor.setOptions({
-        minLines: 16,
-        maxLines: Infinity,
-        useWorker: false,
-      });
-      editor.getSession().setMode('ace/mode/css');
-
-      $('.select2').select2({
-        dropdownAutoWidth: true,
-      });
-      $('#css_template').on('change', function () {
-        const css = $(this).find('option:selected').data('css');
-        editor.setValue(css);
-
-        $('#dash_css').val(css);
-        injectCss('dashboard-template', css);
-      });
-      $('#filters').click(() => {
-        utils.showModal({
-          title: '<span class="fa fa-info-circle"></span> Current Global Filters',
-          body: 'The following global filters are currently applied:<br/>' +
-                dashboard.readFilters(),
-        });
-      });
-      $('#refresh_dash_interval').on('change', function () {
-        const interval = $(this).find('option:selected').val() * 1000;
-        dashboard.startPeriodicRender(interval);
-      });
-      $('#refresh_dash').click(() => {
-        dashboard.slices.forEach((slice) => {
-          slice.render(true);
-        });
-      });
-
-      $('div.widget').click(function (e) {
-        const $this = $(this);
-        const $target = $(e.target);
-
-        if ($target.hasClass('slice_info')) {
-          $this.find('.slice_description').slideToggle(0, function () {
-            $this.find('.refresh').click();
-          });
-        } else if ($target.hasClass('controls-toggle')) {
-          $this.find('.chart-controls').toggle();
-        }
-      });
-
-      editor.on('change', function () {
-        const css = editor.getValue();
-        $('#dash_css').val(css);
-        injectCss('dashboard-template', css);
-      });
-
-      const css = $('.dashboard').data('css');
-      injectCss('dashboard-template', css);
-    },
-  });
-  dashboard.init();
-  return dashboard;
-}
-
-$(document).ready(() => {
-  dashboardContainer($('.dashboard').data('dashboard'));
-  $('[data-toggle="tooltip"]').tooltip({ container: 'body' });
-});

caravel/assets/javascripts/dashboard/components/GridLayout.jsx

@@ -1,122 +0,0 @@
-import $ from 'jquery';
-import React, { PropTypes } from 'react';
-import { Responsive, WidthProvider } from 'react-grid-layout';
-const ResponsiveReactGridLayout = WidthProvider(Responsive);
-import SliceCell from './SliceCell';
-
-require('../../../node_modules/react-grid-layout/css/styles.css');
-require('../../../node_modules/react-resizable/css/styles.css');
-
-const propTypes = {
-  dashboard: PropTypes.object.isRequired,
-  slices: PropTypes.arrayOf(PropTypes.object).isRequired,
-  posDict: PropTypes.object.isRequired,
-};
-
-class GridLayout extends React.Component {
-  componentWillMount() {
-    const layout = [];
-
-    this.props.slices.forEach((slice, index) => {
-      let pos = this.props.posDict[slice.slice_id];
-      if (!pos) {
-        pos = {
-          col: (index * 4 + 1) % 12,
-          row: Math.floor((index) / 3) * 4,
-          size_x: 4,
-          size_y: 4,
-        };
-      }
-
-      layout.push({
-        i: String(slice.slice_id),
-        x: pos.col - 1,
-        y: pos.row,
-        w: pos.size_x,
-        minW: 2,
-        h: pos.size_y,
-      });
-    });
-
-    this.setState({
-      layout,
-      slices: this.props.slices,
-    });
-  }
-
-  onResizeStop(layout, oldItem, newItem) {
-    const newSlice = this.props.dashboard.getSlice(newItem.i);
-    if (oldItem.w !== newItem.w || oldItem.h !== newItem.h) {
-      this.setState({ layout }, () => { newSlice.resize(); });
-    }
-  }
-
-  onDragStop(layout) {
-    this.setState({ layout });
-  }
-
-  removeSlice(sliceId) {
-    $('[data-toggle=tooltip]').tooltip('hide');
-    this.setState({
-      layout: this.state.layout.filter(function (reactPos) {
-        return reactPos.i !== String(sliceId);
-      }),
-      slices: this.state.slices.filter(function (slice) {
-        return slice.slice_id !== sliceId;
-      }),
-    });
-  }
-
-  serialize() {
-    return this.state.layout.map(function (reactPos) {
-      return {
-        slice_id: reactPos.i,
-        col: reactPos.x + 1,
-        row: reactPos.y,
-        size_x: reactPos.w,
-        size_y: reactPos.h,
-      };
-    });
-  }
-
-  render() {
-    return (
-      <ResponsiveReactGridLayout
-        className="layout"
-        layouts={{ lg: this.state.layout }}
-        onResizeStop={this.onResizeStop.bind(this)}
-        onDragStop={this.onDragStop.bind(this)}
-        cols={{ lg: 12, md: 12, sm: 10, xs: 8, xxs: 6 }}
-        rowHeight={100}
-        autoSize
-        margin={[20, 20]}
-        useCSSTransforms
-        draggableHandle=".drag"
-      >
-        {
-          /* eslint arrow-body-style: 0 */
-          this.state.slices.map((slice) => {
-            return (
-              <div
-                id={'slice_' + slice.slice_id}
-                key={slice.slice_id}
-                data-slice-id={slice.slice_id}
-                className={`widget ${slice.viz_name}`}
-              >
-                <SliceCell
-                  slice={slice}
-                  removeSlice={(sliceId) => this.removeSlice(sliceId)}
-                  expandedSlices={this.props.dashboard.metadata.expanded_slices}
-                />
-              </div>
-            );
-          })
-        }
-      </ResponsiveReactGridLayout>
-    );
-  }
-}
-
-GridLayout.propTypes = propTypes;
-
-export default GridLayout;

caravel/assets/javascripts/dashboard/components/Modal.jsx

@@ -1,42 +0,0 @@
-import React, { PropTypes } from 'react';
-
-const propTypes = {
-  modalId: PropTypes.string.isRequired,
-  title: PropTypes.string,
-  modalContent: PropTypes.node,
-  customButton: PropTypes.node,
-};
-
-function Modal({ modalId, title, modalContent, customButton }) {
-  return (
-    <div className="modal fade" id={modalId} role="dialog">
-      <div className="modal-dialog" role="document">
-        <div className="modal-content">
-          <div className="modal-header">
-            <button type="button" className="close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">&times;</span>
-            </button>
-            <h4 className="modal-title">{title}</h4>
-          </div>
-          <div className="modal-body">
-            {modalContent}
-          </div>
-          <div className="modal-footer">
-            <button
-              type="button"
-              className="btn btn-default"
-              data-dismiss="modal"
-            >
-              Cancel
-            </button>
-            {customButton}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-Modal.propTypes = propTypes;
-
-export default Modal;

caravel/assets/javascripts/dashboard/components/SliceCell.js

@@ -1,86 +0,0 @@
-import React, { PropTypes } from 'react';
-
-const propTypes = {
-  slice: PropTypes.object.isRequired,
-  removeSlice: PropTypes.func.isRequired,
-  expandedSlices: PropTypes.object,
-};
-
-function SliceCell({ expandedSlices, removeSlice, slice }) {
-  return (
-    <div>
-      <div className="chart-header">
-        <div className="row">
-          <div className="col-md-12 header">
-            <span>{slice.slice_name}</span>
-          </div>
-          <div className="col-md-12 chart-controls">
-            <div className="pull-right">
-              <a title="Move chart" data-toggle="tooltip">
-                <i className="fa fa-arrows drag" />
-              </a>
-              <a className="refresh" title="Force refresh data" data-toggle="tooltip">
-                <i className="fa fa-repeat" />
-              </a>
-              {slice.description &&
-                <a title="Toggle chart description">
-                  <i
-                    className="fa fa-info-circle slice_info"
-                    title={slice.description}
-                    data-toggle="tooltip"
-                  />
-                </a>
-              }
-              <a
-                href={slice.edit_url}
-                title="Edit chart"
-                data-toggle="tooltip"
-              >
-                <i className="fa fa-pencil" />
-              </a>
-              <a href={slice.slice_url} title="Explore chart" data-toggle="tooltip">
-                <i className="fa fa-share" />
-              </a>
-              <a
-                className="remove-chart"
-                title="Remove chart from dashboard"
-                data-toggle="tooltip"
-              >
-                <i
-                  className="fa fa-close"
-                  onClick={() => { removeSlice(slice.slice_id); }}
-                />
-              </a>
-            </div>
-          </div>
-
-        </div>
-      </div>
-      <div
-        className="slice_description bs-callout bs-callout-default"
-        style={
-          expandedSlices &&
-          expandedSlices[String(slice.slice_id)] ? {} : { display: 'none' }
-        }
-        dangerouslySetInnerHTML={{ __html: slice.description_markeddown }}
-      >
-
-      </div>
-      <div className="row chart-container">
-        <input type="hidden" value="false" />
-        <div id={slice.token} className="token col-md-12">
-          <img
-            src="/static/assets/images/loading.gif"
-            className="loading"
-            alt="loading"
-          />
-          <div className="slice_container" id={slice.token + '_con'}></div>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-SliceCell.propTypes = propTypes;
-
-export default SliceCell;

caravel/assets/javascripts/explore/components/DisplayQueryButton.jsx

@@ -1,37 +0,0 @@
-import React, { PropTypes } from 'react';
-import ModalTrigger from './../../components/ModalTrigger';
-
-const propTypes = {
-  slice: PropTypes.object.isRequired,
-};
-
-export default class DisplayQueryButton extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      viewSqlQuery: '',
-    };
-    this.beforeOpen = this.beforeOpen.bind(this);
-  }
-
-  beforeOpen() {
-    this.setState({
-      viewSqlQuery: this.props.slice.viewSqlQuery,
-    });
-  }
-
-  render() {
-    const modalBody = (<pre>{this.state.viewSqlQuery}</pre>);
-    return (
-      <ModalTrigger
-        isButton
-        triggerNode={<span>Query</span>}
-        modalTitle="Query"
-        modalBody={modalBody}
-        beforeOpen={this.beforeOpen}
-      />
-    );
-  }
-}
-
-DisplayQueryButton.propTypes = propTypes;

caravel/assets/javascripts/explore/components/ExploreActionButtons.jsx

@@ -1,45 +0,0 @@
-import React, { PropTypes } from 'react';
-import cx from 'classnames';
-import URLShortLinkButton from './URLShortLinkButton';
-import EmbedCodeButton from './EmbedCodeButton';
-import DisplayQueryButton from './DisplayQueryButton';
-
-const propTypes = {
-  canDownload: PropTypes.string.isRequired,
-  slice: PropTypes.object.isRequired,
-};
-
-export default function ExploreActionButtons({ canDownload, slice }) {
-  const exportToCSVClasses = cx('btn btn-default btn-sm', {
-    'disabled disabledButton': !canDownload,
-  });
-  return (
-    <div className="btn-group results" role="group">
-      <URLShortLinkButton slice={slice} />
-
-      <EmbedCodeButton slice={slice} />
-
-      <a
-        href={slice.data.json_endpoint}
-        className="btn btn-default btn-sm"
-        title="Export to .json"
-        target="_blank"
-      >
-        <i className="fa fa-file-code-o"></i> .json
-      </a>
-
-      <a
-        href={slice.data.csv_endpoint}
-        className={exportToCSVClasses}
-        title="Export to .csv format"
-        target="_blank"
-      >
-        <i className="fa fa-file-text-o"></i> .csv
-      </a>
-
-      <DisplayQueryButton slice={slice} />
-    </div>
-  );
-}
-
-ExploreActionButtons.propTypes = propTypes;

caravel/assets/javascripts/explore/components/QueryAndSaveBtns.jsx

@@ -1,31 +0,0 @@
-import React, { PropTypes } from 'react';
-import classnames from 'classnames';
-
-const propTypes = {
-  canAdd: PropTypes.string.isRequired,
-  onQuery: PropTypes.func.isRequired,
-};
-
-export default function QueryAndSaveBtns({ canAdd, onQuery }) {
-  const saveClasses = classnames('btn btn-default btn-sm', {
-    'disabled disabledButton': canAdd !== 'True',
-  });
-
-  return (
-    <div className="btn-group query-and-save">
-      <button type="button" className="btn btn-primary btn-sm" onClick={onQuery}>
-        <i className="fa fa-bolt"></i> Query
-      </button>
-      <button
-        type="button"
-        className={saveClasses}
-        data-target="#save_modal"
-        data-toggle="modal"
-      >
-        <i className="fa fa-plus-circle"></i> Save as
-      </button>
-    </div>
-  );
-}
-
-QueryAndSaveBtns.propTypes = propTypes;

caravel/assets/javascripts/explore/explore.jsx

@@ -1,401 +0,0 @@
-// Javascript for the explorer page
-// Init explorer view -> load vis dependencies -> read data (from dynamic html) -> render slice
-// nb: to add a new vis, you must also add a Python fn in viz.py
-//
-// js
-const $ = window.$ = require('jquery');
-const px = require('./../modules/caravel.js');
-const utils = require('./../modules/utils.js');
-const jQuery = window.jQuery = require('jquery'); // eslint-disable-line
-
-import React from 'react';
-import ReactDOM from 'react-dom';
-import QueryAndSaveBtns from './components/QueryAndSaveBtns.jsx';
-import ExploreActionButtons from './components/ExploreActionButtons.jsx';
-
-require('jquery-ui');
-$.widget.bridge('uitooltip', $.ui.tooltip); // Shutting down jq-ui tooltips
-require('bootstrap');
-
-require('./../caravel-select2.js');
-
-// css
-require('../../vendor/pygments.css');
-require('../../stylesheets/explore.css');
-
-let slice;
-
-const getPanelClass = function (fieldPrefix) {
-  return (fieldPrefix === 'flt' ? 'filter' : 'having') + '_panel';
-};
-
-function prepForm() {
-  // Assigning the right id to form elements in filters
-  const fixId = function ($filter, fieldPrefix, i) {
-    $filter.attr('id', function () {
-      return fieldPrefix + '_' + i;
-    });
-
-    ['col', 'op', 'eq'].forEach(function (fieldMiddle) {
-      const fieldName = fieldPrefix + '_' + fieldMiddle;
-      $filter.find('[id^=' + fieldName + '_]')
-          .attr('id', function () {
-            return fieldName + '_' + i;
-          })
-          .attr('name', function () {
-            return fieldName + '_' + i;
-          });
-    });
-  };
-
-  ['flt', 'having'].forEach(function (fieldPrefix) {
-    let i = 1;
-    $('#' + getPanelClass(fieldPrefix) + ' #filters > div').each(function () {
-      fixId($(this), fieldPrefix, i);
-      i++;
-    });
-  });
-}
-
-function query(forceUpdate, pushState) {
-  let force = forceUpdate;
-  if (force === undefined) {
-    force = false;
-  }
-  $('.query-and-save button').attr('disabled', 'disabled');
-  if (force) {  // Don't hide the alert message when the page is just loaded
-    $('div.alert').remove();
-  }
-  $('#is_cached').hide();
-  prepForm();
-
-  if (pushState !== false) {
-    // update the url after prepForm() fix the field ids
-    history.pushState({}, document.title, slice.querystring());
-  }
-  slice.render(force);
-}
-
-function saveSlice() {
-  const action = $('input[name=rdo_save]:checked').val();
-  if (action === 'saveas') {
-    const sliceName = $('input[name=new_slice_name]').val();
-    if (sliceName === '') {
-      utils.showModal({
-        title: 'Error',
-        body: 'You must pick a name for the new slice',
-      });
-      return;
-    }
-    document.getElementById('slice_name').value = sliceName;
-  }
-  const addToDash = $('input[name=addToDash]:checked').val();
-  if (addToDash === 'existing' && $('#save_to_dashboard_id').val() === '') {
-    utils.showModal({
-      title: 'Error',
-      body: 'You must pick an existing dashboard',
-    });
-    return;
-  } else if (addToDash === 'new' && $('input[name=new_dashboard_name]').val() === '') {
-    utils.showModal({
-      title: 'Error',
-      body: 'Please enter a name for the new dashboard',
-    });
-    return;
-  }
-  $('#action').val(action);
-  prepForm();
-  $('#query').submit();
-}
-
-function initExploreView() {
-  function getCollapsedFieldsets() {
-    let collapsedFieldsets = $('#collapsedFieldsets').val();
-
-    if (collapsedFieldsets !== undefined && collapsedFieldsets !== '') {
-      collapsedFieldsets = collapsedFieldsets.split('||');
-    } else {
-      collapsedFieldsets = [];
-    }
-    return collapsedFieldsets;
-  }
-
-  function toggleFieldset(legend, animation) {
-    const parent = legend.parent();
-    const fieldset = parent.find('.legend_label').text();
-    const collapsedFieldsets = getCollapsedFieldsets();
-    let index;
-
-    if (parent.hasClass('collapsed')) {
-      if (animation) {
-        parent.find('.panel-body').slideDown();
-      } else {
-        parent.find('.panel-body').show();
-      }
-      parent.removeClass('collapsed');
-      parent.find('span.collapser').text('[-]');
-
-      // removing from array, js is overcomplicated
-      index = collapsedFieldsets.indexOf(fieldset);
-      if (index !== -1) {
-        collapsedFieldsets.splice(index, 1);
-      }
-    } else { // not collapsed
-      if (animation) {
-        parent.find('.panel-body').slideUp();
-      } else {
-        parent.find('.panel-body').hide();
-      }
-
-      parent.addClass('collapsed');
-      parent.find('span.collapser').text('[+]');
-      index = collapsedFieldsets.indexOf(fieldset);
-      if (index === -1 && fieldset !== '' && fieldset !== undefined) {
-        collapsedFieldsets.push(fieldset);
-      }
-    }
-
-    $('#collapsedFieldsets').val(collapsedFieldsets.join('||'));
-  }
-
-  px.initFavStars();
-
-  $('#viz_type').change(function () {
-    $('#query').submit();
-  });
-
-  $('#datasource_id').change(function () {
-    window.location = $(this).find('option:selected').attr('url');
-  });
-
-  const collapsedFieldsets = getCollapsedFieldsets();
-  for (let i = 0; i < collapsedFieldsets.length; i++) {
-    toggleFieldset($('legend:contains("' + collapsedFieldsets[i] + '")'), false);
-  }
-  function formatViz(viz) {
-    const url = `/static/assets/images/viz_thumbnails/${viz.id}.png`;
-    const noImg = '/static/assets/images/noimg.png';
-    return $(
-      `<img class="viz-thumb-option" src="${url}" onerror="this.src='${noImg}';">` +
-      `<span>${viz.text}</span>`
-    );
-  }
-
-  $('.select2').select2({
-    dropdownAutoWidth: true,
-  });
-  $('.select2Sortable').select2({
-    dropdownAutoWidth: true,
-  });
-  $('.select2-with-images').select2({
-    dropdownAutoWidth: true,
-    dropdownCssClass: 'bigdrop',
-    formatResult: formatViz,
-  });
-  $('.select2Sortable').select2Sortable({
-    bindOrder: 'sortableStop',
-  });
-  $('form').show();
-  $('[data-toggle="tooltip"]').tooltip({ container: 'body' });
-  $('.ui-helper-hidden-accessible').remove(); // jQuery-ui 1.11+ creates a div for every tooltip
-
-  function addFilter(i, fieldPrefix) {
-    const cp = $('#' + fieldPrefix + '0').clone();
-    $(cp).appendTo('#' + getPanelClass(fieldPrefix) + ' #filters');
-    $(cp).show();
-    if (i !== undefined) {
-      $(cp).find('#' + fieldPrefix + '_eq_0').val(px.getParam(fieldPrefix + '_eq_' + i));
-      $(cp).find('#' + fieldPrefix + '_op_0').val(px.getParam(fieldPrefix + '_op_' + i));
-      $(cp).find('#' + fieldPrefix + '_col_0').val(px.getParam(fieldPrefix + '_col_' + i));
-    }
-    $(cp).find('select').select2();
-    $(cp).find('.remove').click(function () {
-      $(this)
-      .parent()
-      .parent()
-      .remove();
-    });
-  }
-
-  function setFilters() {
-    ['flt', 'having'].forEach(function (prefix) {
-      for (let i = 1; i < 10; i++) {
-        const col = px.getParam(prefix + '_col_' + i);
-        if (col !== '') {
-          addFilter(i, prefix);
-        }
-      }
-    });
-  }
-  setFilters();
-
-  $(window).bind('popstate', function () {
-    // Browser back button
-    const returnLocation = history.location || document.location;
-    // Could do something more lightweight here, but we're not optimizing
-    // for the use of the back button anyways
-    returnLocation.reload();
-  });
-
-  $('#filter_panel #plus').click(function () {
-    addFilter(undefined, 'flt');
-  });
-  $('#having_panel #plus').click(function () {
-    addFilter(undefined, 'having');
-  });
-
-  function createChoices(term, data) {
-    const filtered = $(data).filter(function () {
-      return this.text.localeCompare(term) === 0;
-    });
-    if (filtered.length === 0) {
-      return {
-        id: term,
-        text: term,
-      };
-    }
-    return {};
-  }
-
-  function initSelectionToValue(element, callback) {
-    callback({
-      id: element.val(),
-      text: element.val(),
-    });
-  }
-
-  $('.select2_freeform').each(function () {
-    const parent = $(this).parent();
-    const name = $(this).attr('name');
-    const l = [];
-    let selected = '';
-    for (let i = 0; i < this.options.length; i++) {
-      l.push({
-        id: this.options[i].value,
-        text: this.options[i].text,
-      });
-      if (this.options[i].selected) {
-        selected = this.options[i].value;
-      }
-    }
-    parent.append(
-      `<input class="${$(this).attr('class')}" ` +
-      `name="${name}" type="text" value="${selected}">`
-    );
-    $(`input[name='${name}']`).select2({
-      createSearchChoice: createChoices,
-      initSelection: initSelectionToValue,
-      dropdownAutoWidth: true,
-      multiple: false,
-      data: l,
-    });
-    $(this).remove();
-  });
-
-  function prepSaveDialog() {
-    const setButtonsState = function () {
-      const addToDash = $('input[name=addToDash]:checked').val();
-      if (addToDash === 'existing' || addToDash === 'new') {
-        $('.gotodash').removeAttr('disabled');
-      } else {
-        $('.gotodash').prop('disabled', true);
-      }
-    };
-    const url = '/dashboardmodelviewasync/api/read?_flt_0_owners=' + $('#userid').val();
-    $.get(url, function (data) {
-      const choices = [];
-      for (let i = 0; i < data.pks.length; i++) {
-        choices.push({ id: data.pks[i], text: data.result[i].dashboard_title });
-      }
-      $('#save_to_dashboard_id').select2({
-        data: choices,
-        dropdownAutoWidth: true,
-      }).on('select2-selecting', function () {
-        $('#addToDash_existing').prop('checked', true);
-        setButtonsState();
-      });
-    });
-
-    $('input[name=addToDash]').change(setButtonsState);
-    $("input[name='new_dashboard_name']").on('focus', function () {
-      $('#add_to_new_dash').prop('checked', true);
-      setButtonsState();
-    });
-    $("input[name='new_slice_name']").on('focus', function () {
-      $('#save_as_new').prop('checked', true);
-      setButtonsState();
-    });
-
-    $('#btn_modal_save').on('click', () => saveSlice());
-
-    $('#btn_modal_save_goto_dash').click(() => {
-      document.getElementById('goto_dash').value = 'true';
-      saveSlice();
-    });
-  }
-  prepSaveDialog();
-}
-
-function renderExploreActions() {
-  const exploreActionsEl = document.getElementById('js-explore-actions');
-  ReactDOM.render(
-    <ExploreActionButtons
-      canDownload={exploreActionsEl.getAttribute('data-can-download')}
-      slice={slice}
-    />,
-    exploreActionsEl
-  );
-}
-
-function initComponents() {
-  const queryAndSaveBtnsEl = document.getElementById('js-query-and-save-btns');
-  ReactDOM.render(
-    <QueryAndSaveBtns
-      canAdd={queryAndSaveBtnsEl.getAttribute('data-can-add')}
-      onQuery={() => query(true)}
-    />,
-    queryAndSaveBtnsEl
-  );
-  renderExploreActions();
-}
-
-let exploreController = {
-  type: 'slice',
-  done: (sliceObj) => {
-    slice = sliceObj;
-    renderExploreActions();
-    const cachedSelector = $('#is_cached');
-    if (slice.data !== undefined && slice.data.is_cached) {
-      cachedSelector
-      .attr(
-        'title',
-        `Served from data cached at ${slice.data.cached_dttm}. Click [Query] to force refresh`)
-      .show()
-      .tooltip('fixTitle');
-    } else {
-      cachedSelector.hide();
-    }
-  },
-  error: (sliceObj) => {
-    slice = sliceObj;
-    renderExploreActions();
-  },
-};
-exploreController = Object.assign({}, utils.controllerInterface, exploreController);
-
-
-$(document).ready(function () {
-  const data = $('.slice').data('slice');
-
-  initExploreView();
-
-  slice = px.Slice(data, exploreController);
-
-  // call vis render method, which issues ajax
-  // calls render on the slice for the first time
-  query(false, false);
-
-  slice.bindResizeToWindowResize();
-
-  initComponents();
-});

caravel/assets/javascripts/explorev2/actions/exploreActions.js

@@ -1,148 +0,0 @@
-const $ = window.$ = require('jquery');
-export const SET_DATASOURCE = 'SET_DATASOURCE';
-export const SET_TIME_COLUMN_OPTS = 'SET_TIME_COLUMN_OPTS';
-export const SET_TIME_GRAIN_OPTS = 'SET_TIME_GRAIN_OPTS';
-export const SET_GROUPBY_COLUMN_OPTS = 'SET_GROUPBY_COLUMN_OPTS';
-export const SET_METRICS_OPTS = 'SET_METRICS_OPTS';
-export const SET_COLUMN_OPTS = 'SET_COLUMN_OPTS';
-export const SET_ORDERING_OPTS = 'SET_ORDERING_OPTS';
-export const TOGGLE_SEARCHBOX = 'TOGGLE_SEARCHBOX';
-export const SET_FILTER_COLUMN_OPTS = 'SET_FILTER_COLUMN_OPTS';
-export const ADD_FILTER = 'ADD_FILTER';
-export const SET_FILTER = 'SET_FILTER';
-export const REMOVE_FILTER = 'REMOVE_FILTER';
-export const CHANGE_FILTER_FIELD = 'CHANGE_FILTER_FIELD';
-export const CHANGE_FILTER_OP = 'CHANGE_FILTER_OP';
-export const CHANGE_FILTER_VALUE = 'CHANGE_FILTER_VALUE';
-export const RESET_FORM_DATA = 'RESET_FORM_DATA';
-export const CLEAR_ALL_OPTS = 'CLEAR_ALL_OPTS';
-export const SET_DATASOURCE_TYPE = 'SET_DATASOURCE_TYPE';
-export const SET_FORM_DATA = 'SET_FORM_DATA';
-
-export function setTimeColumnOpts(timeColumnOpts) {
-  return { type: SET_TIME_COLUMN_OPTS, timeColumnOpts };
-}
-
-export function setTimeGrainOpts(timeGrainOpts) {
-  return { type: SET_TIME_GRAIN_OPTS, timeGrainOpts };
-}
-
-export function setGroupByColumnOpts(groupByColumnOpts) {
-  return { type: SET_GROUPBY_COLUMN_OPTS, groupByColumnOpts };
-}
-
-export function setMetricsOpts(metricsOpts) {
-  return { type: SET_METRICS_OPTS, metricsOpts };
-}
-
-export function setColumnOpts(columnOpts) {
-  return { type: SET_COLUMN_OPTS, columnOpts };
-}
-
-export function setOrderingOpts(orderingOpts) {
-  return { type: SET_ORDERING_OPTS, orderingOpts };
-}
-
-export function setFilterColumnOpts(filterColumnOpts) {
-  return { type: SET_FILTER_COLUMN_OPTS, filterColumnOpts };
-}
-
-export function resetFormData() {
-  // Clear all form data when switching datasource
-  return { type: RESET_FORM_DATA };
-}
-
-export function clearAllOpts() {
-  return { type: CLEAR_ALL_OPTS };
-}
-
-export function setDatasourceType(datasourceType) {
-  return { type: SET_DATASOURCE_TYPE, datasourceType };
-}
-
-export function setFormOpts(datasourceId, datasourceType) {
-  return function (dispatch) {
-    const timeColumnOpts = [];
-    const groupByColumnOpts = [];
-    const metricsOpts = [];
-    const filterColumnOpts = [];
-    const timeGrainOpts = [];
-    const columnOpts = [];
-    const orderingOpts = [];
-
-    if (datasourceId) {
-      const params = [`datasource_id=${datasourceId}`, `datasource_type=${datasourceType}`];
-      const url = '/caravel/fetch_datasource_metadata?' + params.join('&');
-
-      $.get(url, (data, status) => {
-        if (status === 'success') {
-          data.time_columns.forEach((d) => {
-            if (d) timeColumnOpts.push({ value: d, label: d });
-          });
-          data.groupby_cols.forEach((d) => {
-            if (d) groupByColumnOpts.push({ value: d, label: d });
-          });
-          data.metrics.forEach((d) => {
-            if (d) metricsOpts.push({ value: d[1], label: d[0] });
-          });
-          data.filter_cols.forEach((d) => {
-            if (d) filterColumnOpts.push({ value: d, label: d });
-          });
-          data.time_grains.forEach((d) => {
-            if (d) timeGrainOpts.push({ value: d, label: d });
-          });
-          data.columns.forEach((d) => {
-            if (d) columnOpts.push({ value: d, label: d });
-          });
-          data.ordering_cols.forEach((d) => {
-            if (d) orderingOpts.push({ value: d, label: d });
-          });
-
-          // Repopulate options for controls
-          dispatch(setTimeColumnOpts(timeColumnOpts));
-          dispatch(setTimeGrainOpts(timeGrainOpts));
-          dispatch(setGroupByColumnOpts(groupByColumnOpts));
-          dispatch(setMetricsOpts(metricsOpts));
-          dispatch(setFilterColumnOpts(filterColumnOpts));
-          dispatch(setColumnOpts(columnOpts));
-          dispatch(setOrderingOpts(orderingOpts));
-        }
-      });
-    } else {
-      // Clear all Select options
-      dispatch(clearAllOpts());
-    }
-  };
-}
-
-export function setDatasource(datasourceId) {
-  return { type: SET_DATASOURCE, datasourceId };
-}
-
-export function toggleSearchBox(searchBox) {
-  return { type: TOGGLE_SEARCHBOX, searchBox };
-}
-
-export function addFilter(filter) {
-  return { type: ADD_FILTER, filter };
-}
-
-export function removeFilter(filter) {
-  return { type: REMOVE_FILTER, filter };
-}
-
-export function changeFilterField(filter, field) {
-  return { type: CHANGE_FILTER_FIELD, filter, field };
-}
-
-export function changeFilterOp(filter, op) {
-  return { type: CHANGE_FILTER_OP, filter, op };
-}
-
-export function changeFilterValue(filter, value) {
-  return { type: CHANGE_FILTER_VALUE, filter, value };
-}
-
-export function setFormData(key, value) {
-  return { type: SET_FORM_DATA, key, value };
-}

caravel/assets/javascripts/explorev2/components/ChartContainer.jsx

@@ -1,90 +0,0 @@
-import React, { PropTypes } from 'react';
-import { connect } from 'react-redux';
-import { Panel } from 'react-bootstrap';
-import visMap from '../../../visualizations/main';
-
-const propTypes = {
-  sliceName: PropTypes.string.isRequired,
-  vizType: PropTypes.string.isRequired,
-  height: PropTypes.string.isRequired,
-  sliceContainerId: PropTypes.string.isRequired,
-  jsonEndpoint: PropTypes.string.isRequired,
-};
-
-class ChartContainer extends React.Component {
-  componentDidMount() {
-    this.renderVis();
-  }
-
-  componentDidUpdate() {
-    this.renderVis();
-  }
-
-  getMockedSliceObject() {
-    return {
-      jsonEndpoint: () => this.props.jsonEndpoint,
-
-      container: {
-        html: () => {
-          // this should be a callback to clear the contents of the slice container
-        },
-
-        css: () => {
-          // dimension can be 'height'
-          // pixel string can be '300px'
-          // should call callback to adjust height of chart
-        },
-      },
-
-      width: () => this.chartContainerRef.getBoundingClientRect().width,
-
-      height: () => parseInt(this.props.height, 10) - 100,
-
-      selector: `#${this.props.sliceContainerId}`,
-
-      done: () => {
-        // finished rendering callback
-      },
-    };
-  }
-
-  renderVis() {
-    const slice = this.getMockedSliceObject();
-    visMap[this.props.vizType](slice).render();
-  }
-
-  render() {
-    return (
-      <div className="chart-container">
-        <Panel
-          style={{ height: this.props.height }}
-          header={
-            <div className="panel-title">{this.props.sliceName}</div>
-          }
-        >
-          <div
-            id={this.props.sliceContainerId}
-            ref={(ref) => { this.chartContainerRef = ref; }}
-          />
-        </Panel>
-      </div>
-    );
-  }
-}
-
-ChartContainer.propTypes = propTypes;
-
-function mapStateToProps(state) {
-  return {
-    sliceName: state.sliceName,
-    vizType: state.viz.formData.vizType,
-    sliceContainerId: `slice-container-${state.viz.formData.sliceId}`,
-    jsonEndpoint: state.viz.jsonEndPoint,
-  };
-}
-
-function mapDispatchToProps() {
-  return {};
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(ChartContainer);

caravel/assets/javascripts/explorev2/components/ChartControl.jsx

@@ -1,89 +0,0 @@
-import React from 'react';
-import Select from 'react-select';
-import { bindActionCreators } from 'redux';
-import * as actions from '../actions/exploreActions';
-import { connect } from 'react-redux';
-import { VIZ_TYPES } from '../constants';
-
-const propTypes = {
-  actions: React.PropTypes.object,
-  datasources: React.PropTypes.array,
-  datasourceId: React.PropTypes.number,
-  datasourceType: React.PropTypes.string,
-  vizType: React.PropTypes.string,
-};
-
-const defaultProps = {
-  datasources: [],
-  datasourceId: null,
-  datasourceType: null,
-  vizType: null,
-};
-
-class ChartControl extends React.Component {
-  componentWillMount() {
-    if (this.props.datasourceId) {
-      this.props.actions.setFormOpts(this.props.datasourceId, this.props.datasourceType);
-    }
-  }
-  changeDatasource(datasourceOpt) {
-    const val = (datasourceOpt) ? datasourceOpt.value : null;
-    this.props.actions.setDatasource(val);
-    this.props.actions.resetFormData();
-    this.props.actions.setFormOpts(val, this.props.datasourceType);
-  }
-  changeViz(opt) {
-    const val = opt ? opt.value : null;
-    this.props.actions.setFormData('vizType', val);
-  }
-  render() {
-    return (
-      <div className="panel">
-        <div className="panel-header">Chart Options</div>
-        <div className="panel-body">
-          <h5 className="section-heading">Datasource</h5>
-          <div className="row">
-            <Select
-              name="select-datasource"
-              placeholder="Select a datasource"
-              options={this.props.datasources.map((d) => ({ value: d[0], label: d[1] }))}
-              value={this.props.datasourceId}
-              autosize={false}
-              onChange={this.changeDatasource.bind(this)}
-            />
-          </div>
-          <h5 className="section-heading">Viz Type</h5>
-          <div className="row">
-            <Select
-              name="select-viztype"
-              placeholder="Select a viz type"
-              options={VIZ_TYPES}
-              value={this.props.vizType}
-              autosize={false}
-              onChange={this.changeViz.bind(this)}
-            />
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-ChartControl.propTypes = propTypes;
-ChartControl.defaultProps = defaultProps;
-
-function mapStateToProps(state) {
-  return {
-    datasources: state.datasources,
-    datasourceId: state.datasourceId,
-    datasourceType: state.datasourceType,
-    vizType: state.viz.formData.vizType,
-  };
-}
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(actions, dispatch),
-  };
-}
-export default connect(mapStateToProps, mapDispatchToProps)(ChartControl);

caravel/assets/javascripts/explorev2/components/ControlPanelsContainer.jsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import { Panel } from 'react-bootstrap';
-import { DefaultControls, VIZ_CONTROL_MAPPING } from '../constants';
-
-const propTypes = {
-  vizType: React.PropTypes.string,
-};
-
-const defaultProps = {
-  vizType: null,
-};
-
-function ControlPanelsContainer(props) {
-  return (
-    <Panel>
-      <div className="scrollbar-container">
-        <div className="scrollbar-content">
-          {DefaultControls}
-          {VIZ_CONTROL_MAPPING[props.vizType]}
-        </div>
-      </div>
-    </Panel>
-  );
-}
-
-ControlPanelsContainer.propTypes = propTypes;
-ControlPanelsContainer.defaultProps = defaultProps;
-
-function mapStateToProps(state) {
-  return {
-    vizType: state.viz.formData.vizType,
-  };
-}
-
-function mapDispatchToProps() {
-  return {};
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(ControlPanelsContainer);

caravel/assets/javascripts/explorev2/components/ExploreViewContainer.jsx

@@ -1,46 +0,0 @@
-import React from 'react';
-import ChartContainer from './ChartContainer';
-import ControlPanelsContainer from './ControlPanelsContainer';
-import QueryAndSaveBtns from '../../explore/components/QueryAndSaveBtns';
-
-export default class ExploreViewContainer extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      height: this.getHeight(),
-    };
-  }
-
-  getHeight() {
-    const navHeight = 90;
-    return `${window.innerHeight - navHeight}px`;
-  }
-
-  render() {
-    return (
-      <div
-        className="container-fluid"
-        style={{
-          height: this.state.height,
-          overflow: 'hidden',
-        }}
-      >
-        <div className="row">
-          <div className="col-sm-4">
-            <QueryAndSaveBtns
-              canAdd="True"
-              onQuery={() => {}}
-            />
-            <br /><br />
-            <ControlPanelsContainer />
-          </div>
-          <div className="col-sm-8">
-            <ChartContainer
-              height={this.state.height}
-            />
-          </div>
-        </div>
-      </div>
-    );
-  }
-}

caravel/assets/javascripts/explorev2/components/Filters.jsx

@@ -1,127 +0,0 @@
-import React from 'react';
-// import { Tab, Row, Col, Nav, NavItem } from 'react-bootstrap';
-import Select from 'react-select';
-import { Button } from 'react-bootstrap';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-import * as actions from '../actions/exploreActions';
-import shortid from 'shortid';
-
-const propTypes = {
-  actions: React.PropTypes.object,
-  filterColumnOpts: React.PropTypes.array,
-  filters: React.PropTypes.array,
-};
-
-const defaultProps = {
-  filterColumnOpts: [],
-  filters: [],
-};
-
-class Filters extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      opOpts: ['in', 'not in'],
-    };
-  }
-  changeField(filter, fieldOpt) {
-    const val = (fieldOpt) ? fieldOpt.value : null;
-    this.props.actions.changeFilterField(filter, val);
-  }
-  changeOp(filter, opOpt) {
-    const val = (opOpt) ? opOpt.value : null;
-    this.props.actions.changeFilterOp(filter, val);
-  }
-  changeValue(filter, value) {
-    this.props.actions.changeFilterValue(filter, value);
-  }
-  removeFilter(filter) {
-    this.props.actions.removeFilter(filter);
-  }
-  addFilter() {
-    this.props.actions.addFilter({
-      id: shortid.generate(),
-      field: null,
-      op: null,
-      value: null,
-    });
-  }
-  render() {
-    const filters = this.props.filters.map((filter) => (
-      <div>
-        <Select
-          className="row"
-          multi={false}
-          name="select-column"
-          placeholder="Select column"
-          options={this.props.filterColumnOpts}
-          value={filter.field}
-          autosize={false}
-          onChange={this.changeField.bind(this, filter)}
-        />
-        <div className="row">
-          <Select
-            className="col-sm-3"
-            multi={false}
-            name="select-op"
-            placeholder="Select operator"
-            options={this.state.opOpts.map((o) => ({ value: o, label: o }))}
-            value={filter.op}
-            autosize={false}
-            onChange={this.changeOp.bind(this, filter)}
-          />
-          <div className="col-sm-6">
-            <input
-              type="text"
-              onChange={this.changeValue.bind(this, filter)}
-              className="form-control input-sm"
-              placeholder="Filter value"
-            />
-          </div>
-          <div className="col-sm-3">
-            <Button
-              bsStyle="primary"
-              onClick={this.removeFilter.bind(this, filter)}
-            >
-              <i className="fa fa-minus" />
-            </Button>
-          </div>
-        </div>
-      </div>
-      )
-    );
-    return (
-      <div className="panel space-1">
-        <div className="panel-header">Filters</div>
-        <div className="panel-body">
-          {filters}
-          <Button
-            bsStyle="primary"
-            onClick={this.addFilter.bind(this)}
-          >
-            <i className="fa fa-plus" />Add Filter
-          </Button>
-        </div>
-      </div>
-    );
-  }
-}
-
-Filters.propTypes = propTypes;
-Filters.defaultProps = defaultProps;
-
-function mapStateToProps(state) {
-  return {
-    filterColumnOpts: state.filterColumnOpts,
-    filters: state.filters,
-  };
-}
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(Filters);

caravel/assets/javascripts/explorev2/components/GroupBy.jsx

@@ -1,68 +0,0 @@
-import React from 'react';
-import { bindActionCreators } from 'redux';
-import * as actions from '../actions/exploreActions';
-import { connect } from 'react-redux';
-import SelectArray from './SelectArray';
-
-const propTypes = {
-  actions: React.PropTypes.object,
-  metricsOpts: React.PropTypes.array,
-  metrics: React.PropTypes.array,
-  groupByColumnOpts: React.PropTypes.array,
-  groupByColumns: React.PropTypes.array,
-};
-
-const defaultProps = {
-  metricsOpts: [],
-  metrics: [],
-  groupByColumnOpts: [],
-  groupByColumns: [],
-};
-
-const GroupBy = (props) => {
-  const selects = [
-    {
-      key: 'groupByColumns',
-      title: 'Group By',
-      options: props.groupByColumnOpts,
-      value: props.groupByColumns,
-      multi: true,
-      width: '12',
-    },
-    {
-      key: 'metrics',
-      title: 'Metrics',
-      options: props.metricsOpts,
-      value: props.metrics,
-      multi: true,
-      width: '12',
-    }];
-  return (
-    <div className="panel">
-      <div className="panel-header">GroupBy</div>
-      <div className="panel-body">
-        <SelectArray selectArray={selects} />
-      </div>
-    </div>
-  );
-};
-
-GroupBy.propTypes = propTypes;
-GroupBy.defaultProps = defaultProps;
-
-function mapStateToProps(state) {
-  return {
-    metricsOpts: state.metricsOpts,
-    metrics: state.viz.formData.metrics,
-    groupByColumnOpts: state.groupByColumnOpts,
-    groupByColumns: state.viz.formData.groupByColumns,
-  };
-}
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(GroupBy);

caravel/assets/javascripts/explorev2/components/NotGroupBy.jsx

@@ -1,68 +0,0 @@
-import React from 'react';
-import SelectArray from './SelectArray';
-import { bindActionCreators } from 'redux';
-import * as actions from '../actions/exploreActions';
-import { connect } from 'react-redux';
-
-const propTypes = {
-  actions: React.PropTypes.object,
-  columnOpts: React.PropTypes.array,
-  columns: React.PropTypes.array,
-  orderingOpts: React.PropTypes.array,
-  orderings: React.PropTypes.array,
-};
-
-const defaultProps = {
-  columnOpts: [],
-  columns: [],
-  orderingOpts: [],
-  orderings: [],
-};
-
-const NotGroupBy = (props) => {
-  const selects = [
-    {
-      key: 'columns',
-      title: 'Columns',
-      options: props.columnOpts,
-      value: props.columns,
-      multi: true,
-      width: '12',
-    },
-    {
-      key: 'orderings',
-      title: 'Orderings',
-      options: props.orderingOpts,
-      value: props.orderings,
-      multi: true,
-      width: '12',
-    }];
-  return (
-    <div className="panel">
-      <div className="panel-header">Not GroupBy</div>
-      <div className="panel-body">
-        <SelectArray selectArray={selects} />
-      </div>
-    </div>
-  );
-};
-
-NotGroupBy.propTypes = propTypes;
-NotGroupBy.defaultProps = defaultProps;
-
-function mapStateToProps(state) {
-  return {
-    columnOpts: state.columnOpts,
-    columns: state.viz.formData.columns,
-    orderingOpts: state.orderingOpts,
-    orderings: state.viz.formData.orderings,
-  };
-}
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(NotGroupBy);

caravel/assets/javascripts/explorev2/components/Options.jsx

@@ -1,61 +0,0 @@
-import React from 'react';
-import SelectArray from './SelectArray';
-import { bindActionCreators } from 'redux';
-import * as actions from '../actions/exploreActions';
-import { connect } from 'react-redux';
-import { timestampOptions, rowLimitOptions } from '../constants';
-
-const propTypes = {
-  actions: React.PropTypes.object,
-  timeStampFormat: React.PropTypes.string,
-  rowLimit: React.PropTypes.number,
-};
-
-const defaultProps = {
-  timeStampFormat: null,
-  rowLimit: null,
-};
-
-const Options = (props) => {
-  const selects = [
-    {
-      key: 'timeStampFormat',
-      title: 'Timestamp Format',
-      options: timestampOptions.map((t) => ({ value: t[0], label: t[1] })),
-      value: props.timeStampFormat,
-      width: '12',
-    },
-    {
-      key: 'rowLimit',
-      title: 'Row Limit',
-      options: rowLimitOptions.map((r) => ({ value: r, label: r })),
-      value: props.rowLimit,
-      width: '12',
-    }];
-  return (
-    <div className="panel">
-      <div className="panel-header">Options</div>
-      <div className="panel-body">
-        <SelectArray selectArray={selects} />
-      </div>
-    </div>
-  );
-};
-
-Options.propTypes = propTypes;
-Options.defaultProps = defaultProps;
-
-function mapStateToProps(state) {
-  return {
-    timeStampFormat: state.viz.formData.timeStampFormat,
-    rowLimit: state.viz.formData.rowLimit,
-  };
-}
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(Options);

caravel/assets/javascripts/explorev2/components/SelectArray.jsx

@@ -1,74 +0,0 @@
-import React from 'react';
-import Select from 'react-select';
-import { bindActionCreators } from 'redux';
-import * as actions from '../actions/exploreActions';
-import { connect } from 'react-redux';
-
-const propTypes = {
-  actions: React.PropTypes.object,
-  selectArray: React.PropTypes.arrayOf(
-    React.PropTypes.shape({
-      key: React.PropTypes.string.isRequired,
-      title: React.PropTypes.string.isRequired,
-      options: React.PropTypes.array.isRequired,
-      value: React.PropTypes.oneOfType([
-        React.PropTypes.string,
-        React.PropTypes.array,
-      ]),
-      width: React.PropTypes.string,
-      multi: React.PropTypes.bool,
-    })
-  ).isRequired,
-};
-
-const defaultProps = {
-  selectArray: [],
-};
-
-class SelectArray extends React.Component {
-  changeSelectData(key, multi, opt) {
-    if (multi) this.props.actions.setFormData(key, opt);
-    else {
-      const val = opt ? opt.value : null;
-      this.props.actions.setFormData(key, val);
-    }
-  }
-  render() {
-    const selects = this.props.selectArray.map((obj) => (
-      <div
-        className={(obj.width) ? `col-sm-${obj.width}` : 'col-sm-6'}
-        key={obj.key}
-      >
-        <h5 className="section-heading">{obj.title}</h5>
-        <Select
-          multi={obj.multi}
-          name={`select-${obj.key}`}
-          options={obj.options}
-          value={obj.value}
-          autosize={false}
-          onChange={this.changeSelectData.bind(this, obj.key, obj.multi)}
-        />
-      </div>
-    ));
-    return (
-      <div>
-        {selects}
-      </div>
-    );
-  }
-}
-
-SelectArray.propTypes = propTypes;
-SelectArray.defaultProps = defaultProps;
-
-function mapStateToProps() {
-  return {};
-}
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(SelectArray);

caravel/assets/javascripts/explorev2/components/SqlClause.jsx

@@ -1,55 +0,0 @@
-import React from 'react';
-import { bindActionCreators } from 'redux';
-import * as actions from '../actions/exploreActions';
-import { connect } from 'react-redux';
-
-const propTypes = {
-  actions: React.PropTypes.object,
-};
-
-class SqlClause extends React.Component {
-  onChange(key, event) {
-    this.props.actions.setFormData(key, event.target.value);
-  }
-  render() {
-    return (
-      <div className="panel">
-        <div className="panel-header">SQL</div>
-        <div className="panel-body">
-          <div className="row">
-            <h5 className="section-heading">Where</h5>
-            <input
-              type="text"
-              onChange={this.onChange.bind(this, 'where')}
-              className="form-control input-sm"
-              placeholder="Where Clause"
-            />
-          </div>
-          <div className="row">
-            <h5 className="section-heading">Having</h5>
-            <input
-              type="text"
-              onChange={this.onChange.bind(this, 'having')}
-              className="form-control input-sm"
-              placeholder="Having Clause"
-            />
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-SqlClause.propTypes = propTypes;
-
-function mapStateToProps() {
-  return {};
-}
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(SqlClause);

caravel/assets/javascripts/explorev2/components/TimeFilter.jsx

@@ -1,88 +0,0 @@
-import React from 'react';
-import { bindActionCreators } from 'redux';
-import * as actions from '../actions/exploreActions';
-import { connect } from 'react-redux';
-import { sinceOptions, untilOptions } from '../constants';
-import SelectArray from './SelectArray';
-
-const propTypes = {
-  actions: React.PropTypes.object,
-  datasourceType: React.PropTypes.string,
-  timeColumnOpts: React.PropTypes.array,
-  timeColumn: React.PropTypes.string,
-  timeGrainOpts: React.PropTypes.array,
-  timeGrain: React.PropTypes.string,
-  since: React.PropTypes.string,
-  until: React.PropTypes.string,
-};
-
-const defaultProps = {
-  timeColumnOpts: [],
-  timeColumn: null,
-  timeGrainOpts: [],
-  timeGrain: null,
-  since: null,
-  until: null,
-};
-
-const TimeFilter = (props) => {
-  const isDatasourceTypeTable = props.datasourceType === 'table';
-  const timeColumnTitle = isDatasourceTypeTable ? 'Time Column' : 'Time Granularity';
-  const timeGrainTitle = isDatasourceTypeTable ? 'Time Grain' : 'Origin';
-  const selects = [
-    {
-      key: 'timeColumn',
-      title: timeColumnTitle,
-      options: props.timeColumnOpts,
-      value: props.timeColumn,
-    },
-    {
-      key: 'timeGrain',
-      title: timeGrainTitle,
-      options: props.timeGrainOpts,
-      value: props.timeGrain,
-    },
-    {
-      key: 'since',
-      title: 'Since',
-      options: sinceOptions.map((s) => ({ value: s, label: s })),
-      value: props.since,
-    },
-    {
-      key: 'until',
-      title: 'Until',
-      options: untilOptions.map((u) => ({ value: u, label: u })),
-      value: props.until,
-    }];
-  return (
-    <div className="panel">
-      <div className="panel-header">Time Filter</div>
-      <div className="panel-body">
-        <SelectArray selectArray={selects} />
-      </div>
-    </div>
-  );
-};
-
-TimeFilter.propTypes = propTypes;
-TimeFilter.defaultProps = defaultProps;
-
-function mapStateToProps(state) {
-  return {
-    datasourceType: state.datasourceType,
-    timeColumnOpts: state.timeColumnOpts,
-    timeColumn: state.viz.formData.timeColumn,
-    timeGrainOpts: state.timeGrainOpts,
-    timeGrain: state.viz.formData.timeGrain,
-    since: state.viz.formData.since,
-    until: state.viz.formData.until,
-  };
-}
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(TimeFilter);

caravel/assets/javascripts/explorev2/constants.js

@@ -1,76 +0,0 @@
-import React from 'react';
-import TimeFilter from './components/TimeFilter';
-import ChartControl from './components/ChartControl';
-import GroupBy from './components/GroupBy';
-import SqlClause from './components/SqlClause';
-import Filters from './components/Filters';
-import NotGroupBy from './components/NotGroupBy';
-import Options from './components/Options';
-
-export const VIZ_TYPES = [
-  { value: 'dist_bar', label: 'Distribution - Bar Chart', requiresTime: false },
-  { value: 'pie', label: 'Pie Chart', requiresTime: false },
-  { value: 'line', label: 'Time Series - Line Chart', requiresTime: true },
-  { value: 'bar', label: 'Time Series - Bar Chart', requiresTime: true },
-  { value: 'compare', label: 'Time Series - Percent Change', requiresTime: true },
-  { value: 'area', label: 'Time Series - Stacked', requiresTime: true },
-  { value: 'table', label: 'Table View', requiresTime: false },
-  { value: 'markup', label: 'Markup', requiresTime: false },
-  { value: 'pivot_table', label: 'Pivot Table', requiresTime: false },
-  { value: 'separator', label: 'Separator', requiresTime: false },
-  { value: 'word_cloud', label: 'Word Cloud', requiresTime: false },
-  { value: 'treemap', label: 'Treemap', requiresTime: false },
-  { value: 'cal_heatmap', label: 'Calendar Heatmap', requiresTime: true },
-  { value: 'box_plot', label: 'Box Plot', requiresTime: false },
-  { value: 'bubble', label: 'Bubble Chart', requiresTime: false },
-  { value: 'big_number', label: 'Big Number with Trendline', requiresTime: false },
-  { value: 'bubble', label: 'Bubble Chart', requiresTime: false },
-  { value: 'histogram', label: 'Histogram', requiresTime: false },
-  { value: 'sunburst', label: 'Sunburst', requiresTime: false },
-  { value: 'sankey', label: 'Sankey', requiresTime: false },
-  { value: 'directed_force', label: 'Directed Force Layout', requiresTime: false },
-  { value: 'world_map', label: 'World Map', requiresTime: false },
-  { value: 'filter_box', label: 'Filter Box', requiresTime: false },
-  { value: 'iframe', label: 'iFrame', requiresTime: false },
-  { value: 'para', label: 'Parallel Coordinates', requiresTime: false },
-  { value: 'heatmap', label: 'Heatmap', requiresTime: false },
-  { value: 'horizon', label: 'Horizon', requiresTime: false },
-  { value: 'mapbox', label: 'Mapbox', requiresTime: false },
-];
-
-export const sinceOptions = ['1 hour ago', '12 hours ago', '1 day ago',
-  '7 days ago', '28 days ago', '90 days ago', '1 year ago'];
-export const untilOptions = ['now', '1 day ago', '7 days ago',
-  '28 days ago', '90 days ago', '1 year ago'];
-
-export const timestampOptions = [
-    ['smart_date', 'Adaptative formating'],
-    ['%m/%d/%Y', '"%m/%d/%Y" | 01/14/2019'],
-    ['%Y-%m-%d', '"%Y-%m-%d" | 2019-01-14'],
-    ['%Y-%m-%d %H:%M:%S',
-     '"%Y-%m-%d %H:%M:%S" | 2019-01-14 01:32:10'],
-    ['%H:%M:%S', '"%H:%M:%S" | 01:32:10'],
-];
-
-export const rowLimitOptions = [10, 50, 100, 250, 500, 1000, 5000, 10000, 50000];
-
-export const DefaultControls = (
-  <div>
-    <ChartControl />
-    <TimeFilter />
-    <GroupBy />
-    <SqlClause />
-    <Filters />
-  </div>
-);
-
-export const TableVizControls = (
-  <div>
-    <NotGroupBy />
-    <Options />
-  </div>
-);
-
-export const VIZ_CONTROL_MAPPING = {
-  table: TableVizControls,
-};

caravel/assets/javascripts/explorev2/index.jsx

@@ -1,48 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ExploreViewContainer from './components/ExploreViewContainer';
-import { createStore, applyMiddleware, compose } from 'redux';
-import { Provider } from 'react-redux';
-import thunk from 'redux-thunk';
-
-import { initialState } from './stores/store';
-
-const exploreViewContainer = document.getElementById('js-explore-view-container');
-const bootstrapData = JSON.parse(exploreViewContainer.getAttribute('data-bootstrap'));
-
-import { exploreReducer } from './reducers/exploreReducer';
-
-const bootstrappedState = Object.assign(initialState, {
-  datasources: bootstrapData.datasources,
-  datasourceId: parseInt(bootstrapData.datasource_id, 10),
-  datasourceType: bootstrapData.datasource_type,
-  sliceName: bootstrapData.viz.form_data.slice_name,
-  viz: {
-    jsonEndPoint: bootstrapData.viz.json_endpoint,
-    data: bootstrapData.viz.data,
-    formData: {
-      sliceId: bootstrapData.viz.form_data.slice_id,
-      vizType: bootstrapData.viz.form_data.viz_type,
-      timeColumn: bootstrapData.viz.form_data.granularity_sqla,
-      timeGrain: bootstrapData.viz.form_data.time_grain_sqla,
-      metrics: [bootstrapData.viz.form_data.metrics].map((m) => ({ value: m, label: m })),
-      since: bootstrapData.viz.form_data.since,
-      until: bootstrapData.viz.form_data.until,
-      having: bootstrapData.viz.form_data.having,
-      where: bootstrapData.viz.form_data.where,
-      rowLimit: bootstrapData.viz.form_data.row_limit,
-      timeStampFormat: bootstrapData.viz.form_data.table_timestamp_format,
-    },
-  },
-});
-const store = createStore(exploreReducer, bootstrappedState,
-  compose(applyMiddleware(thunk))
-);
-
-ReactDOM.render(
-  <Provider store={store}>
-    <ExploreViewContainer />
-  </Provider>,
-  exploreViewContainer
-);
-

caravel/assets/javascripts/explorev2/reducers/exploreReducer.js

@@ -1,89 +0,0 @@
-import { defaultFormData, defaultOpts } from '../stores/store';
-import * as actions from '../actions/exploreActions';
-import { addToArr, removeFromArr, alterInArr } from '../../../utils/reducerUtils';
-
-const setFormInViz = function (state, action) {
-  const newFormData = Object.assign({}, state);
-  newFormData[action.key] = action.value;
-  return newFormData;
-};
-
-const setVizInState = function (state, action) {
-  switch (action.type) {
-    case actions.SET_FORM_DATA:
-      return Object.assign(
-        {},
-        state,
-        { formData: setFormInViz(state.formData, action) }
-        );
-    default:
-      return state;
-  }
-};
-
-export const exploreReducer = function (state, action) {
-  const actionHandlers = {
-    [actions.SET_DATASOURCE]() {
-      return Object.assign({}, state, { datasourceId: action.datasourceId });
-    },
-    [actions.SET_TIME_COLUMN_OPTS]() {
-      return Object.assign({}, state, { timeColumnOpts: action.timeColumnOpts });
-    },
-    [actions.SET_TIME_GRAIN_OPTS]() {
-      return Object.assign({}, state, { timeGrainOpts: action.timeGrainOpts });
-    },
-    [actions.SET_GROUPBY_COLUMN_OPTS]() {
-      return Object.assign({}, state, { groupByColumnOpts: action.groupByColumnOpts });
-    },
-    [actions.SET_METRICS_OPTS]() {
-      return Object.assign({}, state, { metricsOpts: action.metricsOpts });
-    },
-    [actions.SET_COLUMN_OPTS]() {
-      return Object.assign({}, state, { columnOpts: action.columnOpts });
-    },
-    [actions.SET_ORDERING_OPTS]() {
-      return Object.assign({}, state, { orderingOpts: action.orderingOpts });
-    },
-    [actions.TOGGLE_SEARCHBOX]() {
-      return Object.assign({}, state, { searchBox: action.searchBox });
-    },
-    [actions.SET_FILTER_COLUMN_OPTS]() {
-      return Object.assign({}, state, { filterColumnOpts: action.filterColumnOpts });
-    },
-    [actions.ADD_FILTER]() {
-      return addToArr(state, 'filters', action.filter);
-    },
-    [actions.REMOVE_FILTER]() {
-      return removeFromArr(state, 'filters', action.filter);
-    },
-    [actions.CHANGE_FILTER_FIELD]() {
-      return alterInArr(state, 'filters', action.filter, { field: action.field });
-    },
-    [actions.CHANGE_FILTER_OP]() {
-      return alterInArr(state, 'filters', action.filter, { op: action.op });
-    },
-    [actions.CHANGE_FILTER_VALUE]() {
-      return alterInArr(state, 'filters', action.filter, { value: action.value });
-    },
-    [actions.RESET_FORM_DATA]() {
-      return Object.assign({}, state, defaultFormData);
-    },
-    [actions.CLEAR_ALL_OPTS]() {
-      return Object.assign({}, state, defaultOpts);
-    },
-    [actions.SET_DATASOURCE_TYPE]() {
-      return Object.assign({}, state, { datasourceType: action.datasourceType });
-    },
-    [actions.SET_FORM_DATA]() {
-      return Object.assign(
-        {},
-        state,
-        { viz: setVizInState(state.viz, action) }
-      );
-    },
-  };
-  if (action.type in actionHandlers) {
-    return actionHandlers[action.type]();
-  }
-  return state;
-};

caravel/assets/javascripts/explorev2/stores/store.js

@@ -1,52 +0,0 @@
-// TODO: add datasource_type here after druid support is added
-export const defaultFormData = {
-  sliceId: null,
-  vizType: null,
-  timeColumn: null,
-  timeGrain: null,
-  groupByColumns: [],
-  metrics: [],
-  since: null,
-  until: null,
-  having: null,
-  where: null,
-  columns: [],
-  orderings: [],
-  timeStampFormat: 'smart_date',
-  rowLimit: 50000,
-  searchBox: false,
-  whereClause: '',
-  havingClause: '',
-  filters: [],
-};
-
-export const initialState = {
-  datasources: null,
-  datasourceId: null,
-  datasourceType: null,
-  timeColumnOpts: [],
-  timeGrainOpts: [],
-  timeGrain: null,
-  groupByColumnOpts: [],
-  metricsOpts: [],
-  columnOpts: [],
-  orderingOpts: [],
-  searchBox: false,
-  whereClause: '',
-  havingClause: '',
-  filters: [],
-  filterColumnOpts: [],
-  viz: {
-    formData: defaultFormData,
-  },
-};
-
-export const defaultOpts = {
-  timeColumnOpts: [],
-  timeGrainOpts: [],
-  groupByColumnOpts: [],
-  metricsOpts: [],
-  filterColumnOpts: [],
-  columnOpts: [],
-  orderingOpts: [],
-};

caravel/assets/javascripts/index.jsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import { Jumbotron } from 'react-bootstrap';
-
-function App() {
-  return (
-    <Jumbotron>
-      <h1>Caravel</h1>
-      <p>Extensible visualization tool for exploring data from any database.</p>
-    </Jumbotron>
-  );
-}
-
-render(<App />, document.getElementById('app'));

caravel/assets/javascripts/modules/caravel.js

@@ -1,248 +0,0 @@
-import $ from 'jquery';
-const Mustache = require('mustache');
-const utils = require('./utils');
-// vis sources
-/* eslint camel-case: 0 */
-import vizMap from '../../visualizations/main.js';
-
-/* eslint wrap-iife: 0*/
-const px = function () {
-  let slice;
-  function getParam(name) {
-    const formattedName = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
-    const regex = new RegExp('[\\?&]' + formattedName + '=([^&#]*)');
-    const results = regex.exec(location.search);
-    return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
-  }
-  function initFavStars() {
-    const baseUrl = '/caravel/favstar/';
-    // Init star behavihor for favorite
-    function show() {
-      if ($(this).hasClass('selected')) {
-        $(this).html('<i class="fa fa-star"></i>');
-      } else {
-        $(this).html('<i class="fa fa-star-o"></i>');
-      }
-    }
-    $('.favstar')
-    .attr('title', 'Click to favorite/unfavorite')
-    .css('cursor', 'pointer')
-    .each(show)
-    .each(function () {
-      let url = baseUrl + $(this).attr('class_name');
-      const star = this;
-      url += '/' + $(this).attr('obj_id') + '/';
-      $.getJSON(url + 'count/', function (data) {
-        if (data.count > 0) {
-          $(star).addClass('selected').each(show);
-        }
-      });
-    })
-    .click(function () {
-      $(this).toggleClass('selected');
-      let url = baseUrl + $(this).attr('class_name');
-      url += '/' + $(this).attr('obj_id') + '/';
-      if ($(this).hasClass('selected')) {
-        url += 'select/';
-      } else {
-        url += 'unselect/';
-      }
-      $.get(url);
-      $(this).each(show);
-    })
-    .tooltip();
-  }
-  const Slice = function (data, controller) {
-    let timer;
-    const token = $('#' + data.token);
-    const containerId = data.token + '_con';
-    const selector = '#' + containerId;
-    const container = $(selector);
-    const sliceId = data.slice_id;
-    const origJsonEndpoint = data.json_endpoint;
-    let dttm = 0;
-    const stopwatch = function () {
-      dttm += 10;
-      const num = dttm / 1000;
-      $('#timer').text(num.toFixed(2) + ' sec');
-    };
-    let qrystr = '';
-    const always = function () {
-      // Private f, runs after done and error
-      clearInterval(timer);
-      $('#timer').removeClass('btn-warning');
-    };
-    slice = {
-      data,
-      container,
-      containerId,
-      selector,
-      querystring() {
-        const parser = document.createElement('a');
-        parser.href = data.json_endpoint;
-        if (controller.type === 'dashboard') {
-          parser.href = origJsonEndpoint;
-          let flts = controller.effectiveExtraFilters(sliceId);
-          flts = encodeURIComponent(JSON.stringify(flts));
-          qrystr = parser.search + '&extra_filters=' + flts;
-        } else if ($('#query').length === 0) {
-          qrystr = parser.search;
-        } else {
-          qrystr = '?' + $('#query').serialize();
-        }
-        return qrystr;
-      },
-      getWidgetHeader() {
-        return this.container.parents('div.widget').find('.chart-header');
-      },
-      render_template(s) {
-        const context = {
-          width: this.width,
-          height: this.height,
-        };
-        return Mustache.render(s, context);
-      },
-      jsonEndpoint() {
-        const parser = document.createElement('a');
-        parser.href = data.json_endpoint;
-        let endpoint = parser.pathname + this.querystring();
-        endpoint += '&json=true';
-        endpoint += '&force=' + this.force;
-        return endpoint;
-      },
-      d3format(col, number) {
-        // uses the utils memoized d3format function and formats based on
-        // column level defined preferences
-        const format = data.column_formats[col];
-        return utils.d3format(format, number);
-      },
-      /* eslint no-shadow: 0 */
-      done(payload) {
-        Object.assign(data, payload);
-
-        clearInterval(timer);
-        token.find('img.loading').hide();
-        container.show();
-
-        if (data !== undefined) {
-          slice.viewSqlQuery = data.query;
-        }
-
-        $('#timer').removeClass('label-warning label-danger');
-        $('#timer').addClass('label-success');
-        $('.query-and-save button').removeAttr('disabled');
-        always(data);
-        controller.done(this);
-      },
-      getErrorMsg(xhr) {
-        if (xhr.statusText === 'timeout') {
-          return 'The request timed out';
-        }
-        let msg = '';
-        if (!xhr.responseText) {
-          const status = xhr.status;
-          msg += 'An unknown error occurred. (Status: ' + status + ')';
-          if (status === 0) {
-            // This may happen when the worker in gunicorn times out
-            msg += ' Maybe the request timed out?';
-          }
-        }
-        return msg;
-      },
-      error(msg, xhr) {
-        let errorMsg = msg;
-        token.find('img.loading').hide();
-        let errHtml = '';
-        try {
-          const o = JSON.parse(msg);
-          if (o.error) {
-            errorMsg = o.error;
-          }
-        } catch (e) {
-          // pass
-        }
-        errHtml = `<div class="alert alert-danger">${errorMsg}</div>`;
-        if (xhr) {
-          const extendedMsg = this.getErrorMsg(xhr);
-          if (extendedMsg) {
-            errHtml += `<div class="alert alert-danger">${extendedMsg}</div>`;
-          }
-        }
-        container.html(errHtml);
-        container.show();
-        $('span.query').removeClass('disabled');
-        $('#timer').addClass('btn-danger');
-        $('.query-and-save button').removeAttr('disabled');
-        always(data);
-        controller.error(this);
-      },
-      width() {
-        return token.width();
-      },
-      height() {
-        let others = 0;
-        const widget = container.parents('.widget');
-        const sliceDescription = widget.find('.slice_description');
-        if (sliceDescription.is(':visible')) {
-          others += widget.find('.slice_description').height() + 25;
-        }
-        others += widget.find('.chart-header').height();
-        return widget.height() - others - 10;
-      },
-      bindResizeToWindowResize() {
-        let resizeTimer;
-        const slice = this;
-        $(window).on('resize', function () {
-          clearTimeout(resizeTimer);
-          resizeTimer = setTimeout(function () {
-            slice.resize();
-          }, 500);
-        });
-      },
-      render(force) {
-        if (force === undefined) {
-          this.force = false;
-        } else {
-          this.force = force;
-        }
-        token.find('img.loading').show();
-        container.css('height', this.height());
-        dttm = 0;
-        timer = setInterval(stopwatch, 10);
-        $('#timer').removeClass('label-danger label-success');
-        $('#timer').addClass('label-warning');
-        this.viz.render();
-      },
-      resize() {
-        token.find('img.loading').show();
-        container.css('height', this.height());
-        this.viz.render();
-        this.viz.resize();
-      },
-      addFilter(col, vals) {
-        controller.addFilter(sliceId, col, vals);
-      },
-      setFilter(col, vals) {
-        controller.setFilter(sliceId, col, vals);
-      },
-      getFilters() {
-        return controller.filters[sliceId];
-      },
-      clearFilter() {
-        controller.clearFilter(sliceId);
-      },
-      removeFilter(col, vals) {
-        controller.removeFilter(sliceId, col, vals);
-      },
-    };
-    slice.viz = vizMap[data.form_data.viz_type](slice);
-    return slice;
-  };
-  // Export public functions
-  return {
-    getParam,
-    initFavStars,
-    Slice,
-  };
-}();
-module.exports = px;

caravel/assets/javascripts/modules/colors.js

@@ -1,85 +0,0 @@
-import $ from 'jquery';
-const d3 = require('d3');
-
-// Color related utility functions go in this object
-export const bnbColors = [
-  '#ff5a5f', // rausch
-  '#7b0051', // hackb
-  '#007A87', // kazan
-  '#00d1c1', // babu
-  '#8ce071', // lima
-  '#ffb400', // beach
-  '#b4a76c', // barol
-  '#ff8083',
-  '#cc0086',
-  '#00a1b3',
-  '#00ffeb',
-  '#bbedab',
-  '#ffd266',
-  '#cbc29a',
-  '#ff3339',
-  '#ff1ab1',
-  '#005c66',
-  '#00b3a5',
-  '#55d12e',
-  '#b37e00',
-  '#988b4e',
-];
-
-const spectrums = {
-  blue_white_yellow: [
-    '#00d1c1',
-    'white',
-    '#ffb400',
-  ],
-  fire: [
-    'white',
-    'yellow',
-    'red',
-    'black',
-  ],
-  white_black: [
-    'white',
-    'black',
-  ],
-  black_white: [
-    'black',
-    'white',
-  ],
-};
-
-export const category21 = (function () {
-  // Color factory
-  const seen = {};
-  return function (s) {
-    if (!s) {
-      return;
-    }
-    let stringifyS = String(s);
-    // next line is for caravel series that should have the same color
-    stringifyS = stringifyS.replace('---', '');
-    if (seen[stringifyS] === undefined) {
-      seen[stringifyS] = Object.keys(seen).length;
-    }
-    /* eslint consistent-return: 0 */
-    return bnbColors[seen[stringifyS] % bnbColors.length];
-  };
-}());
-
-export const colorScalerFactory = function (colors, data, accessor) {
-  // Returns a linear scaler our of an array of color
-  if (!Array.isArray(colors)) {
-    /* eslint no-param-reassign: 0 */
-    colors = spectrums[colors];
-  }
-  let ext = [0, 1];
-  if (data !== undefined) {
-    ext = d3.extent(data, accessor);
-  }
-  const points = [];
-  const chunkSize = (ext[1] - ext[0]) / colors.length;
-  $.each(colors, function (i) {
-    points.push(i * chunkSize);
-  });
-  return d3.scale.linear().domain(points).range(colors);
-};

caravel/assets/javascripts/modules/utils.js

@@ -1,129 +0,0 @@
-const d3 = require('d3');
-const $ = require('jquery');
-/*
-    Utility function that takes a d3 svg:text selection and a max width, and splits the
-    text's text across multiple tspan lines such that any given line does not exceed max width
-
-    If text does not span multiple lines AND adjustedY is passed,
-    will set the text to the passed val
- */
-export function wrapSvgText(text, width, adjustedY) {
-  const lineHeight = 1;
-  // ems
-  text.each(function () {
-    const d3Text = d3.select(this);
-    const words = d3Text.text().split(/\s+/);
-    let word;
-    let line = [];
-    let lineNumber = 0;
-    const x = d3Text.attr('x');
-    const y = d3Text.attr('y');
-    const dy = parseFloat(d3Text.attr('dy'));
-    let tspan =
-      d3Text.text(null).append('tspan').attr('x', x)
-            .attr('y', y)
-            .attr('dy', dy + 'em');
-
-    let didWrap = false;
-    for (let i = 0; i < words.length; i++) {
-      word = words[i];
-      line.push(word);
-      tspan.text(line.join(' '));
-      if (tspan.node().getComputedTextLength() > width) {
-        line.pop();
-        // remove word that pushes over the limit
-        tspan.text(line.join(' '));
-        line = [word];
-        tspan =
-          d3Text.append('tspan').attr('x', x).attr('y', y)
-                .attr('dy', ++lineNumber * lineHeight + dy + 'em')
-                .text(word);
-        didWrap = true;
-      }
-    }
-    if (!didWrap && typeof adjustedY !== 'undefined') {
-      tspan.attr('y', adjustedY);
-    }
-  });
-}
-/**
- * Sets the body and title content of a modal, and shows it. Assumes HTML for modal exists and that
- * it handles closing (i.e., works with bootstrap)
- *
- * @param {object} options object of the form
- *  {
- *    title: {string},
- *    body: {string},
- *    modalSelector: {string, default: '.misc-modal' },
- *    titleSelector: {string, default: '.misc-modal .modal-title' },
- *    bodySelector:  {string, default: '.misc-modal .modal-body' },
- *   }
- */
-function showModal(options) {
-  /* eslint no-param-reassign: 0 */
-  options.modalSelector = options.modalSelector || '.misc-modal';
-  options.titleSelector = options.titleSelector || '.misc-modal .modal-title';
-  options.bodySelector = options.bodySelector || '.misc-modal .modal-body';
-  $(options.titleSelector).html(options.title || '');
-  $(options.bodySelector).html(options.body || '');
-  $(options.modalSelector).modal('show');
-}
-const showApiMessage = function (resp) {
-  const template =
-    '<div class="alert"> ' +
-    '<button type="button" class="close" ' +
-    'data-dismiss="alert">\xD7</button> </div>';
-  const severity = resp.severity || 'info';
-  $(template).addClass('alert-' + severity)
-             .append(resp.message)
-             .appendTo($('#alert-container'));
-};
-const toggleCheckbox = function (apiUrlPrefix, selector) {
-  const apiUrl = apiUrlPrefix + $(selector)[0].checked;
-  $.get(apiUrl).fail(function (xhr) {
-    const resp = xhr.responseJSON;
-    if (resp && resp.message) {
-      showApiMessage(resp);
-    }
-  });
-};
-/**
- * Fix the height of the table body of a DataTable with scrollY set
- */
-const fixDataTableBodyHeight = function ($tableDom, height) {
-  const headHeight = $tableDom.find('.dataTables_scrollHead').height();
-  $tableDom.find('.dataTables_scrollBody').css('max-height', height - headHeight);
-};
-const formatters = {};
-function d3format(format, number) {
-  // Formats a number and memoizes formatters to be reused
-  format = format || '.3s';
-  if (!(format in formatters)) {
-    formatters[format] = d3.format(format);
-  }
-  return formatters[format](number);
-}
-
-// Slice objects interact with their context through objects that implement
-// this controllerInterface (dashboard, explore, standalone)
-const controllerInterface = {
-  type: null,
-  done: () => {},
-  error: () => {},
-  always: () => {},
-  addFiler: () => {},
-  setFilter: () => {},
-  getFilters: () => false,
-  clearFilter: () => {},
-  removeFilter: () => {},
-  filters: {},
-};
-
-module.exports = {
-  controllerInterface,
-  d3format,
-  fixDataTableBodyHeight,
-  showModal,
-  toggleCheckbox,
-  wrapSvgText,
-};

caravel/assets/javascripts/standalone.js

@@ -1,17 +0,0 @@
-const $ = window.$ = require('jquery');
-/* eslint no-unused-vars: 0 */
-const jQuery = window.jQuery = $;
-const px = require('./modules/caravel.js');
-const utils = require('./modules/utils.js');
-
-require('bootstrap');
-
-const standaloneController = Object.assign(
-  {}, utils.controllerInterface, { type: 'standalone' });
-
-$(document).ready(function () {
-  const data = $('.slice').data('slice');
-  const slice = px.Slice(data, standaloneController);
-  slice.render();
-  slice.bindResizeToWindowResize();
-});

caravel/assets/javascripts/welcome.js

@@ -1,53 +0,0 @@
-const $ = window.$ = require('jquery');
-/* eslint no-unused-vars: 0 */
-const jQuery = window.jQuery = $;
-require('../stylesheets/welcome.css');
-require('bootstrap');
-require('datatables.net-bs');
-require('../node_modules/datatables-bootstrap3-plugin/media/css/datatables-bootstrap3.css');
-const d3 = require('d3');
-function modelViewTable(selector, modelView, orderCol, order) {
-  // Builds a dataTable from a flask appbuilder api endpoint
-  let url = '/' + modelView.toLowerCase() + '/api/read';
-  url += '?_oc_' + modelView + '=' + orderCol;
-  url += '&_od_' + modelView + '=' + order;
-  $.getJSON(url, function (data) {
-    const columns = ['dashboard_link', 'creator', 'modified'];
-    const tableData = $.map(data.result, function (el) {
-      const row = $.map(columns, function (col) {
-        return el[col];
-      });
-      return [row];
-    });
-    const cols = $.map(columns, function (col) {
-      return { sTitle: data.label_columns[col] };
-    });
-    const panel = $(selector).parents('.panel');
-    panel.find('img.loading').remove();
-    $(selector).DataTable({
-      aaData: tableData,
-      aoColumns: cols,
-      bPaginate: true,
-      pageLength: 10,
-      bLengthChange: false,
-      aaSorting: [],
-      searching: true,
-      bInfo: false,
-    });
-    // Hack to move the searchbox in the right spot
-    const search = panel.find('.dataTables_filter input');
-    search.addClass('form-control').detach();
-    search.appendTo(panel.find('.search'));
-    panel.find('.dataTables_filter').remove();
-    // Hack to display the page navigator properly
-    panel.find('.col-sm-5').remove();
-    const nav = panel.find('.col-sm-7');
-    nav.removeClass('col-sm-7');
-    nav.addClass('col-sm-12');
-    $(selector).slideDown();
-    $('[data-toggle="tooltip"]').tooltip({ container: 'body' });
-  });
-}
-$(document).ready(function () {
-  modelViewTable('#dash_table', 'DashboardModelViewAsync', 'changed_on', 'desc');
-});

caravel/assets/js_build.sh

@@ -1,11 +0,0 @@
-#!/bin/bash
-set -e
-cd "$(dirname "$0")"
-npm --version
-node --version
-npm install
-npm run lint
-npm run test
-npm run build
-npm run cover
-CODECLIMATE_REPO_TOKEN=5f3a06c425eef7be4b43627d7d07a3e46c45bdc07155217825ff7c49cb6a470c ./node_modules/.bin/codeclimate-test-reporter < ./coverage/lcov.info

caravel/assets/package.json

@@ -1,124 +0,0 @@
-{
-  "name": "caravel",
-  "version": "0.11.0",
-  "description": "Caravel is a data exploration platform designed to be visual, intuitive, and interactive.",
-  "license": "Apache-2.0",
-  "directories": {
-    "doc": "docs",
-    "test": "spec"
-  },
-  "scripts": {
-    "test": "npm run lint && mocha --compilers js:babel-core/register --require spec/helpers/browser.js --recursive spec/**/*_spec.*",
-    "cover": "babel-node ./node_modules/.bin/istanbul cover _mocha -- --require spec/helpers/browser.js --recursive spec/**/*_spec.*",
-    "dev": "NODE_ENV=dev webpack -d --watch --colors --progress",
-    "prod": "NODE_ENV=production webpack -p --colors --progress",
-    "build": "NODE_ENV=production webpack --colors --progress",
-    "lint": "eslint --ignore-path=.eslintignore --ext .js,.jsx ."
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/airbnb/caravel.git"
-  },
-  "keywords": [
-    "big",
-    "data",
-    "exploratory",
-    "analysis",
-    "react",
-    "d3",
-    "airbnb",
-    "nerds",
-    "database",
-    "flask"
-  ],
-  "author": "Airbnb",
-  "bugs": {
-    "url": "https://github.com/airbnb/caravel/issues"
-  },
-  "homepage": "https://github.com/airbnb/caravel#readme",
-  "dependencies": {
-    "autobind-decorator": "^1.3.3",
-    "bootstrap": "^3.3.6",
-    "bootstrap-datepicker": "^1.6.0",
-    "brace": "^0.8.0",
-    "brfs": "^1.4.3",
-    "cal-heatmap": "3.6.2",
-    "classnames": "^2.2.5",
-    "d3": "^3.5.15",
-    "d3-cloud": "^1.2.1",
-    "d3-sankey": "^0.4.1",
-    "d3-scale": "^1.0.3",
-    "d3-tip": "^0.7.1",
-    "datamaps": "^0.5.8",
-    "datatables-bootstrap3-plugin": "^0.5.0",
-    "datatables.net-bs": "^1.10.11",
-    "font-awesome": "^4.6.3",
-    "gridster": "^0.5.6",
-    "immutability-helper": "^2.0.0",
-    "jquery": "^2.2.1",
-    "jquery-ui": "1.10.5",
-    "mapbox-gl": "^0.26.0",
-    "moment": "^2.14.1",
-    "moments": "0.0.2",
-    "mustache": "^2.2.1",
-    "nvd3": "1.8.4",
-    "react": "^15.3.2",
-    "react-ace": "^3.4.1",
-    "react-bootstrap": "^0.30.3",
-    "react-bootstrap-table": "^2.3.8",
-    "react-dom": "^15.3.2",
-    "react-draggable": "^2.1.2",
-    "react-grid-layout": "^0.13.1",
-    "react-map-gl": "^1.7.0",
-    "react-redux": "^4.4.5",
-    "react-resizable": "^1.3.3",
-    "react-select": "^1.0.0-rc.2",
-    "react-syntax-highlighter": "^2.3.0",
-    "reactable": "^0.14.0",
-    "redux": "^3.5.2",
-    "redux-localstorage": "^0.4.1",
-    "redux-thunk": "^2.1.0",
-    "select2": "3.5",
-    "select2-bootstrap-css": "^1.4.6",
-    "shortid": "^2.2.6",
-    "style-loader": "^0.13.0",
-    "supercluster": "https://github.com/georgeke/supercluster/tarball/ac3492737e7ce98e07af679623aad452373bbc40",
-    "topojson": "^1.6.22",
-    "victory": "^0.12.1",
-    "viewport-mercator-project": "^2.1.0"
-  },
-  "devDependencies": {
-    "babel": "^6.3.26",
-    "babel-cli": "^6.14.0",
-    "babel-polyfill": "^6.14.0",
-    "babel-preset-es2015": "^6.14.0",
-    "babel-core": "^6.10.4",
-    "babel-loader": "^6.2.4",
-    "babel-preset-airbnb": "^2.1.1",
-    "babel-preset-react": "^6.11.1",
-    "chai": "^3.5.0",
-    "codeclimate-test-reporter": "^0.3.3",
-    "css-loader": "^0.23.1",
-    "enzyme": "^2.0.0",
-    "eslint": "^2.13.1",
-    "eslint-config-airbnb": "^9.0.1",
-    "eslint-plugin-import": "^1.11.1",
-    "eslint-plugin-jsx-a11y": "^1.2.0",
-    "eslint-plugin-react": "^5.2.2",
-    "exports-loader": "^0.6.3",
-    "file-loader": "^0.8.5",
-    "imports-loader": "^0.6.5",
-    "istanbul": "^1.0.0-alpha",
-    "jsdom": "^8.0.1",
-    "json-loader": "^0.5.4",
-    "less": "^2.6.1",
-    "less-loader": "^2.2.2",
-    "mocha": "^2.4.5",
-    "react-addons-test-utils": "^15.3.2",
-    "style-loader": "^0.13.0",
-    "transform-loader": "^0.2.3",
-    "url-loader": "^0.5.7",
-    "webpack": "^1.13.1",
-    "webworkify-webpack": "1.0.6"
-  }
-}

caravel/assets/spec/helpers/browser.js

@@ -1,20 +0,0 @@
-/* eslint no-undef: 0, no-native-reassign: 0 */
-
-require('babel-register')();
-
-const jsdom = require('jsdom').jsdom;
-
-const exposedProperties = ['window', 'navigator', 'document'];
-
-global.document = jsdom('');
-global.window = document.defaultView;
-Object.keys(document.defaultView).forEach((property) => {
-  if (typeof global[property] === 'undefined') {
-    exposedProperties.push(property);
-    global[property] = document.defaultView[property];
-  }
-});
-
-global.navigator = {
-  userAgent: 'node.js',
-};