storj/web/satellite
Jeremy Wharton 0070cd322a web/satellite/vuetify-poc: fix bucket deletion dialog
This change fixes an issue where the bucket deletion dialog wasn't
functional due to an invalid property value. This change also fixes an
issue where access grant worker errors were reported as being caused by
the bucket deletion dialog even when it wasn't open.

Change-Id: If2c2713857c4cc5c3c7ae60e431f5034e78c4c5f
2023-08-24 09:53:03 +00:00
..
scripts Revert "web/satellite: allow execute permissions on wasm_exec" 2022-11-23 20:26:07 +00:00
src web/satellite: remove Graphql dependency 2023-08-21 22:17:41 +00:00
static web/satellite/vuetify-poc: add bucket sharing option to buckets table 2023-08-21 11:26:40 +00:00
tests/unit web/satellite: remove Graphql dependency 2023-08-21 22:17:41 +00:00
vuetify-poc/src web/satellite/vuetify-poc: fix bucket deletion dialog 2023-08-24 09:53:03 +00:00
.env satellite/console: support hosting Vuetify POC on subdomain 2023-08-14 13:15:41 +00:00
.eslintignore web/satellite: lint Vuetify files 2023-07-17 20:32:59 +00:00
.eslintrc.js web/satellite: warn when indenting with tabs 2023-08-17 20:45:47 +00:00
.gitignore web/satellite: vuetify POC 2023-06-10 00:59:40 +00:00
.stylelintignore web/satellite: vuetify POC 2023-06-10 00:59:40 +00:00
.stylelintrc.js web/satellite: fix linter 2022-09-09 11:02:04 +00:00
build-if-changed.sh build: fix conditional run of web builds 2022-08-11 14:34:44 +00:00
build.sh web/satellite: Update build script to build vuetify app 2023-08-22 13:55:10 +00:00
index-vuetify.html web/satellite/vuetify-poc: add functionality to add credit cards 2023-08-14 09:45:53 +00:00
index.html web/satellite: migrate webpack to vite 2023-05-30 09:25:30 +00:00
package-lock.json web/satellite: remove Graphql dependency 2023-08-21 22:17:41 +00:00
package.json web/satellite: remove Graphql dependency 2023-08-21 22:17:41 +00:00
README.md web/satellite,satellite/console: Overhaul password reset 2021-08-12 17:40:53 +00:00
tsconfig.json web/satellite: vuetify POC 2023-06-10 00:59:40 +00:00
vite.config-vuetify.js web/satellite/vuetify-poc: add access grant creation flow 2023-08-09 12:23:24 +00:00
vite.config.js web/satellite/vuetify-poc: add bucket sharing option to buckets table 2023-08-21 11:26:40 +00:00
vitest.setup.ts web/satellite: migrate webpack to vite 2023-05-30 09:25:30 +00:00

storj-dev-panel

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Run your unit tests

npm run test:unit

Build docker container

From root of the repository, run:

make satellite-ui-image

Run docker container

docker run -p 8080:8080 storjlabs/satellite-ui:latest

1. Project structure:

  • src folder: contains main project components such as api, store, router, etc.
  • static folder: contains all project static resources such as images, fonts, pages.
  • tests folder: - contains project unit tests.
  • configuration files.

src

  • api folder: contains API for project modules such as auth, project, etc. We are using both GraphQL and HTTP implementations.
  • components folder: contains hierarchy of vue single file components sorted thematically.
  • router folder: contains project browser locations structure file.
  • store folder: contains global state management file broken into modules.
  • types folder: contains project classes and types.
  • utils folder: contains constants, plugins and utility files for formatting, validation, data transferring, etc.
  • views folder: same as components, but for root ones.
  • App.vue root project component.
  • main.ts Vue instance initialization file. Here filters and declarations are placed. Also plugins, store and router are connecting to Vue instance.

static

  • activation folder: contains page template that appears after account verification via email.
  • emails folder: contains all emails templates.
  • errors folder: contains 50x and 40x error pages templates.
  • fonts folder: contains Inter font sets in ttf format.
  • images folder: contains illustrations.
  • reports folder: contains usage report table template.

tests

  • unit folder: contains project unit tests.

Configuration files

  • .env: file for environment level variables.
  • .gitignore: folders, files and extensions which are ignored for git.
  • babel.config.js: babel configuration for javascript transcompilation.
  • index.html: DOM entry point.
  • jestSetup.ts: jest configuration for unit testing.
  • package.json: file holds various metadata relevant to the project such as version, dependencies, scripts and configurations.
  • tsconfig.json: holds TypeScript configurations.
  • tslint.json: holds TypeScript linter configurations.
  • vue.config.js: holds Vue configurations.