hamhamfonfon / deep-space-objects Goto Github PK

View Code? Open in Web Editor NEW

6.0 6.0 0.0 82.41 MB

Celestial atlas for deep space objects (NGC, Messier, Sharpless, IC and others catalogs...)

License: MIT License

PHP 57.15% JavaScript 9.08% Dockerfile 1.02% Vue 14.90% Shell 0.07% SCSS 9.27% Twig 8.50% CSS 0.01%

elasticsearch symfony vuejs2

deep-space-objects's Introduction

Hi 👋, I'm Astro Otter

🔭 I’m currently working on Astro-Otter website
🌱 I’m currently learning VueJs, NodeJS and Typescript
💬 Ask me about PHP, Symfony and API Platform

Connect with me:

Languages and Tools:

deep-space-objects's People

Contributors

Stargazers

Watchers

deep-space-objects's Issues

Prod : error compilation node-sass

admin@Nas-Loutres:/var/services/web/www/$ npm -v
6.4.1
admin@Nas-Loutres:/var/services/web/www/$ node -v
v8.9.4
admin@Nas-Loutres:/var/services/web/www/$ node -p process.versions
{ http_parser: '2.7.0',
  node: '8.9.4',
  v8: '6.1.534.50',
  uv: '1.15.0',
  zlib: '1.2.8',
  ares: '1.10.1-DEV',
  modules: '57',
  nghttp2: '1.25.0',
  openssl: '1.0.2k-fips',
  icu: '59.1',
  unicode: '9.0',
  cldr: '31.0.1',
  tz: '2017b' }
admin@Nas-Loutres:/var/services/web/www/$ node -p process.platform
linux
admin@Nas-Loutres:/var/services/web/www$ node -p process.arch
arm

Problem:

admin@Nas-Loutres:/var/services/web/www/$ yarn encore production
yarn run v1.15.2
$ /volume1/web/www/node_modules/.bin/encore production
Running webpack ...

 ERROR  Failed to compile with 1 errors                                                                   17:28:50

 error  in ./assets/css/app.scss

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):
Error: Node Sass does not yet support your current environment: Linux Unsupported architecture (arm) with Node.js 8.x
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.10.0

TODO :
https://stackoverflow.com/questions/51482823/node-sass-does-not-yet-support-your-current-environment-linux-unsupported-archi
https://github.com/sass/node-sass#rebuilding-binaries

Installer NodeJS, NPM, Yarn
Installer memcached et php-memcached
Installer ElasticSearch

Add API REST to retrieve data

https://www.thinktocode.com/2018/03/26/symfony-4-rest-api-part-1-fosrestbundle/

Bug retrieve image Astrobin

http://symfony.local/catalog/m29

Authentication API

Test 1

    access_control:
        - { path: ^/api/auth/login, roles: IS_AUTHENTICATED_ANONYMOUSLY }
        - { path: ^/api/auth/register, roles: IS_AUTHENTICATED_ANONYMOUSLY }
        - { path: ^/api, roles: IS_AUTHENTICATED_FULLY}

Resultat:

{
    "code": 500,
    "message": "Full authentication is required to access this resource."
}

Display new lastupdate notification

Use localstorage to read last venue of visitor and show to head menu link to last update
https://fr.vuejs.org/v2/cookbook/client-side-storage.html

Add refresh token

For API Rest, add refresh token bundle

Install https://github.com/markitosgv/JWTRefreshTokenBundle

Problem with markers on leaflet map

vue-leaflet/Vue2Leaflet#542

[High priority] Cant create API user

On API page, when entering login and password (with correct data), an error occured.
Check for JWTListener

Data

https://www.astrobin.com/r4p1in/?utm_source=facebook&utm_medium=post&utm_campaign=iotd
Done

Offer some initial suggestions

For people who have no idea what to look for, purpose some random results. Maybe must knowns objects (orion nebula, andromeda galaxy etc...)

VueJs : DSO page

subotkevic/vue-lazy-image-loading#2
https://codesandbox.io/s/wokqy5qwm8 (maybe use -vimg ?)

Use HTTPS and fix Docker Stack

https://komelin.com/articles/https-varnish/
https://www.digitalocean.com/community/tutorials/how-to-configure-varnish-cache-4-0-with-ssl-termination-on-ubuntu-14-04

TODO :

Add varnish container
Fix Nginx configuration
Add SSL certificate

VueJs : slider homepage

https://markus.oberlehner.net/blog/building-a-simple-ken-burns-slider-with-vue/

D3-celestial

https://github.com/akxcv/vuera : import react component into vuejs
https://github.com/GuLinux/d3-celestial-react React d3-celestial

EslasticSearch

Add users and roles.
Only admin can update/remove data in index dso/constellations

VueJs : adding autocomplete

https://alligator.io/vuejs/vue-autocomplete-component/

Add and configure GrumPHP

https://github.com/phpro/grumphp

Add oAuth authentication

https://symfony.com/doc/current/security.html

https://symfony.com/doc/current/security/auth_providers.html

https://github.com/hwi/HWIOAuthBundle

https://www.jesuisundev.com/sign-in-et-login-facebook-google-twitter-email-via-symfony2/

Add button to top

https://www.npmjs.com/package/vue-backtotop

Planning 2021

Done

Update to PHP 7.4
Modification mapping ElasticSearch + évolution backend (refactoring entity + adding DTO)
Update to Symfony 5.x
Add popup for social networks
Refactoring header DSO page #53
Update Symfony to 5.3
Update to Symfony 5.4
Add dark theme (#44 )
Refactoring facets #75

In progress :

Add new data #39

Todo:

Remove FOSRestBundle
Adding API Platform
Add spanish and german translation
Fix order DSO in ElasticSearch Request

Facets

https://vuejsexamples.com/algolia-search-helper-with-vue-js/

New gallery for homepage

https://vuejsexamples.com/a-vue-component-to-display-a-image-wall/

Update docker stack

dunglas/symfony-docker#362

[SEO] - Datatype

https://developers.google.com/search/docs/data-types/article#examples

Apply dark mode

Background :
hsl(210deg, 30%, 8%)

Refactoring list item cards into grid

Use this library : https://vuejsexamples.com/a-simple-and-responsive-example-of-css-grid-with-vuejs-and-last-fm-apis/

Compiled CSS and JS are in 404

The CSS and JS compiled files with Webpack.encore are in 404.
Stackoverflow issue : https://stackoverflow.com/questions/53743889/symfony-4-nginx-js-and-css-files-return-404

JS pattern

;(function(e1, e2) {
  let myVar = '';

  const funcName = () => {
    // ex ajax request
    const updateAjaxData = async () => {
      const settings = {
        method: 'POST',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json',
          'X-Requested-With': 'XMLHttpRequest' // header for Symfony XMLHttpRequest
        },
        body: JSON.stringify({key1: val1, key2: val2})
      };
      const response = await fetch('url_backend', settings);
      if (!response.ok()) {
        throw new Error("HTTP error"); // add message error if returned by ajax request
      }
      return await response.json();
    };

    updateAjaxData()
      .then()
      .catch() {}
  }

  document.addEventListener("DOMContentLoaded", () => {
    funcName();
  )};

})(element1, element2);