GSoC work status

Work done

• Config

  • Assert env variable on container run
  • Set up wikitolearn sdk
  • Set up script setup-dev-env to export environment variables
  • Migration to webpack v4:
    • stylelint emit warnings instead of errors
    • better performance (check separate markdown)
    • mode: production/development
    • update dependencies
    • update deprecated System.import() to import()
    • CommonsChunkPlugin //to do
      • https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366
  • Configure ESLint to validate all code valid for Babel
  • Update dockerfile including yarn.lock for more reproducibility

• Workbox

  • Substitute old sw-precache to precache routes and assets

• View

  • Privacy Policy standalone page
  • Courses
    • Badges instead of list on courses list
    • Multi-column pages list on course view
    • Get current page from URL query parameter page
    • Full EDIT MODE
      • View old course chapters order (desktop-only)
      • Add new chapter
      • Modify course title
      • Change chapters order
      • Delete chapter
  • Chapters
    • Full EDIT MODE
      • View old chapter pages order (desktop-only)
      • Add new page
      • Modify chapter title
      • Change pages order
      • Delete page
  • Other
    • return 404 on "Not Found"

• Components

  • Loading spinner on active API requests
  • Pagination component which dispatch store actions
  • Reworked global error component
  • Close dialog on clicking outside the body
  • Fix radius and add shadows to inputs and buttons
  • Closable banner

• Testing

  • End to End
    • Removed old phantomjs and replaced with headless chrome
    • Courses view
  • Unit test
    • Replaced PhantomJS with Headless Chrome
    • Replaced avoriaz with @vue/test-utils
    • Configured to be usable in CI
    • Mock env variables for testing

• Authentication

  • Refresh token every 30 sec if expired

• Build

  • Repeated build give same contenthash

Work to be done

• Build:

  • HEALTHCHECK docker every n secs

• Authentication

  • After login, return on the previous page and not on the home

• Licensing!

• Migrate from SCSS to CSS because of variables and because imports cause many problems

• Testing:

  • integrate in CI
    • HeadlessChrome, puppeteer ecc cause problems

• Courses View:

  • current page on URL via query string
  • fix "circular structure JSON" error when is online only the frontend
  • Show single versioned course

• Follow and reproduce current website style

• Migration to webpack v4

  • Check splitChunks optimizations (leave the optimization to webpack for now)
    • [Performance] Extract manifest from chunk

• Do not inject env variables until server starts

  • check Vue CLI 3 for inspiration
  • Vue SSR can cause problems

• [Perf] lighthouse performance

• [Bug] Disable HMR on production

  • verify if it occurs only on npm run build-and-start after npm run dev