#js

MF-JSON update & tutorial with official sample | Free and Open Source GIS Ramblings
▻https://anitagraser.com/2022/04/23/mf-json-update-tutorial-with-official-sample

https://underdark.files.wordpress.com/2022/04/windtraj.png

Since last week’s post, I’ve learned that there is an official OGC #Moving #Features #JSON Encodings repository with more recent sample datasets, including MovingPoint, MovingPolygon, and Trajectory JSON examples.

Exemple de données :

▻https://github.com/opengeospatial/mf-json

#mf-json #map

On choosing a hypermedia type for your API - HAL, JSON-LD, Collection+JSON, SIREN, Oh My ! - Kevin Sookocheff
▻https://sookocheff.com/post/api/on-choosing-a-hypermedia-format

Un article qui compare 4 manières de structurer une API en JSON : JSON-LD, HAL, JSON:API, Collection+JSNO. Mais c’était en 2014. Depuis il me semble que JSON-LD est devenu plus important que JSON:API, niveau « leading format ».

To solve these problems we can look at how we structure our API responses. By using hypermedia in our responses we can offer links between API endpoints and documentation, potential actions, and related endpoints. This allows for discoverable APIs where it is clear from the API response the set of next actions that a client may want to take. Furthermore, by standardizing on a hypermedia type clients developed for one API can understand the format of another API and communicate with minimal duplicated effort.

In this post I will evaluate a few mature hypermedia types for APIs, offering a side-by-side comparison of their strengths and weaknesses. If you are impatient for the final result you can jump straight to the code.

#API #JSON #développement #web #hypermedia

portabletext/portabletext: Portable Text is a JSON based rich text specification for modern content editing platforms.
►https://github.com/portabletext/portabletext

Portable Text is a JSON based rich text specification for modern content editing platforms.
Portable Text is an agnostic abstraction of rich text that can be serialized into pretty much any markup language, be it HTML, Markdown, SSML, XML, etc. It’s designed to be efficient for real-time collaborative interfaces, and makes it possible to annotate rich text with additional data structures recursively.
Portable Text is built on the idea of rich text as an array of blocks, themselves arrays of children spans. Each block can have a style and a set of mark definitions, which describe data structures distributed on the children spans. Portable Text also allows for inserting arbitrary data objects in the array, only requiring _type-key. Portable Text also allows for custom content objects in the root array, enabling editing- and rendering environments to mix rich text with custom content types.

#Portable_Text #rich_text #json #block #contenu_structuré

Hotel Schema Examples - Online Ownership
▻https://onlineownership.com/hotel-schema-examples

Exemples de données structurées au format json selon schema.org pour hôtel, restaurant, bar...

#données_structurées #json #schema.org

MistQL | MistQL
▻https://mistql.com

A miniature embeddable language for performing computations on JSON-like structures. MistQL uses a simple syntax to chain together complicated expressions in a fluent, easy to read manner. Readability is a major goal of MistQL.

Exemples : events | filter type == "submit" | count ; events | groupby type | mapvalues count, etc

Démo ▻https://www.mistql.com/tryitout

#json et en rapport avec #jq

Fortnite copies Among Us in new Imposters mode - The Verge
▻https://www.theverge.com/2021/8/17/22628622/fortnite-among-us-copy-new-imposters-game-mode

https://cdn.vox-cdn.com/thumbor/6rLQ4Yyliw2aZ-iNnd_Q-xJvaP8=/0x0:2360x1236/fit-in/1200x630/cdn.vox-cdn.com/uploads/chorus_asset/file/22787404/Screen_Shot_2021_08_17_at_9.21.59_AM.png

Fortnite: Imposters is a new, limited-time game mode that’s rolling out today, one that might sound a bit familiar to anyone who’s played Among Us (one of the other incredible popular online games right now).

jeu_vidéo #jeux_vidéo #jeu_vidéo_fortnite_imposters #jeu_vidéo_among_us #copie #plagiat #jeu_vidéo_fortnite #epic #dolphindom #kkslider #bunni_ #wert #blanky #jstkamui #mackjack #ritual #snownymous

SleekDB - PHP NoSQL Flat File Database
▻https://sleekdb.github.io

SleekDB is a simple flat file NoSQL like database implemented in PHP without any third-party dependencies that store data in plain JSON files.

Une solution possible pour remplacer les sauvegardes Sqlite de SPIP qui nécessitent l’extension sqlite de PHP.

Le repo Github : ▻https://github.com/rakibtg/SleekDB

#sleekdb #noSQL #sauvegarde #SPIP #json

JSON Lines
▻https://jsonlines.org

un format de stockage/échange pour JSON (semble un peu manquer d’implémentations dans les langages courants)
Convertisseur vers JSON (npm) : ▻https://www.npmjs.com/package/jsonlines2json

#json #javascript

zevero/simpleWebstorage: Clean interface for localStorage / sessionStorage
▻https://github.com/zevero/simpleWebstorage

A clean interface for localStorage / sessionStorage in <20 lines of code.

Usage :

Si vous n’avez pas suivi toute l’affaire des failles de sécurité #Ripple20 (une faille dans la pile TCP/IP de la société #Treck, pile utilisée par de nombreux objets connectés), ou bien seulement sur BFM TV, voici les articles originaux :

#JSOF, la société qui a découvert les failles : ▻https://www.jsof-tech.com/ripple20

#ForeScout, la société qui a cherché les nombreuses boites utiilisant le logiciel de Treck : ▻https://www.forescout.com/company/blog/identifying-and-protecting-devices-vulnerable-to-ripple20

Copie de la liste ici, au cas où : ▻https://gist.github.com/SwitHak/5f20872748843a8ad697a75c658278fe

Bon, sinon, ZDnet a fait un bon résumé : ▻https://www.zdnet.com/article/ripple20-vulnerabilities-will-haunt-the-iot-landscape-for-years-to-come

Et la vidéo faite par JSOF (sensationnaliste et pas très intéressante techniquement mais rigolote) : ▻https://www.youtube.com/watch?v=jkfNE_Twa1s&feature=emb_logo

websanova/vue-store: A simple light-weight Vue “store” alternative to vuex.
▻https://github.com/websanova/vue-store

Vue Store: a simple easy access store utility for Vue.js

#vuejs #store #javascript #json

Editor.js
▻https://editorjs.io

Un éditeur de texte pour appli web, structuré en mode « blocs » et avec une sortie en JSON (semblerait un bon candidat pour un éditeur moderne pour SPIP...)

Key features:
– It is a block-styled editor
– It returns clean data output in JSON
– Designed to be extendable and pluggable with a simple API

What does it mean «block-styled editor»
Workspace in classic editors is made of a single contenteditable element, used to create different HTML markups. Editor.js workspace consists of separate Blocks: paragraphs, headings, images, lists, quotes, etc. Each of them is an independent contenteditable element (or more complex structure) provided by Plugin and united by Editor’s Core.
There are dozens of ready-to-use Blocks and the simple API for creation any Block you need. For example, you can implement Blocks for Tweets, Instagram posts, surveys and polls, CTA-buttons and even games.

What does it mean clean data output
Classic WYSIWYG-editors produce raw HTML-markup with both content data and content appearance. On the contrary, Editor.js outputs JSON object with data of each Block. You can see an example below
Given data can be used as you want: render with HTML for Web clients, render natively for mobile apps, create markup for Facebook Instant Articles or Google AMP, generate an audio version and so on.

#éditeur #editorjs #SPIP #edition_bloc #json #WYSIWYG

La carte des #câbles_sous_marins utilisant #OpenStreetMap :

▻https://framacarte.org/fr/map/submarine-cable-map_72142

(Les autres cartes existantes utilisent toutes le privateur capitaliste Google Maps.)

▻https://git.spip.net/explore/organizations

Récupérer les données détaillées des repos git de SPIP au format JSON :
– le core : ▻https://git.spip.net/api/v1/orgs/spip/repos
– les plugins : ▻https://git.spip.net/api/v1/orgs/spip-contrib-extensions/repos
– les squelettes : ▻https://git.spip.net/api/v1/orgs/spip-contrib-squelettes/repos
– les thèmes : ▻https://git.spip.net/api/v1/orgs/spip-contrib-themes/repos
– les outils : ▻https://git.spip.net/api/v1/orgs/spip-contrib-outils/repos
– galaxie : ▻https://git.spip.net/api/v1/orgs/spip-galaxie/repos

(source : ▻https://git.spip.net/spip-contrib-outils/git_loader/src/branch/master/git_loader.sh#L81
merci @azerttyu )

#SPIP #git.spip.net #json #plugins

Unserialize - PHP, JSON, Base64
▻https://www.unserialize.com

Utilitaire en ligne pour désérialiser des données sérialisées en JSon ou PHP serialize

#outil #web_dev #unserialize #serialiser #json

Open Source / apibridge · GitLab
▻https://git.nursit.net/open/apibridge

API Bridge
Point d’entrée pour échanger des données (json par défaut) avec un site SPIP ou entre deux sites SPIP
Fonctionnement
S’appuie sur des appels HTTP à bridge.api (mais peut être étendu à d’autres noms d’actions facilement). Les urls xxx.api appellent chez SPIP automatiquement les fichiers action/api_xxx.php. C’est donc le fichier action/api_bridge.php qui s’occupe de l’analyse de la requête et d’émettre la réponse.
Exemples d’appels simples :
▻https://domain.tld/bridge.api/v1/ping
▻https://domain.tld/bridge.api/v1/ping/timestamp

#SPIP #API #json #web_dev

About JSHint
▻https://jshint.com/about

JSHint is a community-driven tool that detects errors and potential problems in JavaScript code. Since JSHint is so flexible, you can easily adjust it in the environment you expect your code to execute. JSHint is open source and will always stay this way.

La documentation : ▻https://jshint.com/docs
Toutes les options : ▻https://jshint.com/docs/options

#javascript #jshint #web_dev #outil #erreur #linter

mermaid · GitBook
▻https://mermaidjs.github.io

Generation of diagrams and flowcharts from text in a similar manner as markdown.
Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code?
This is why mermaid was born, a simple markdown-like script language for generating charts from text via javascript.

Un générateur (javascript) de diagrammes à partir de sources en markdown.
Basé sur le moteur de rendu de #3djs, utilise la syntaxe de js-sequence-diagram (▻https://bramp.github.io/js-sequence-diagrams)

A tester : l’éditeur en ligne ▻https://mermaidjs.github.io/mermaid-live-editor

Plusieurs éditeurs de code supportant le markdown proposent des plugins pour la prévisualisation (VS Code, Sublime text, VIm...).
Un plugin Gitlab permet d’afficher les schémas intégrés dans les fichiers .md (en particulier le Readme.md) : idéal pour des schémas intégrés à la documentation
(à intégrer dans le plugin markdown de SPIP ?)

#diagramme #javascript #markdown #gitlab #js-sequence-diagram #documentation

The US Military and the African Front

The U.S. military posture in Africa has often been described as a “light footprint.” Recent revelations tell a different story.

https://geopoliticalfutures.com/wp-content/uploads/2019/04/WG_US-Africa.png

Données sémantiques, structurées et associées, le choix JSON-LD - Alsacreations
▻https://www.alsacreations.com/article/lire/1780-donnees-semantiques-structurees-associees-le-choix-JSON-LD.html

JSON-LD est une adaptation de JSON qui permet de servir des données associées (utilisant un vocabulaire défini par avance) et structurées sur le Web.
Successeur des microformats / microdatas HTML5, semble bien parti pour devenir LE format des données sémantiques sur le web.

Voir aussi :
– la doc de Google dev pour les « données structurées » en tant qu’élément fondamental dans le référencement d’un site : ▻https://developers.google.com/search/docs/guides/intro-structured-data
– la dernière version de la spécification du w3c : ▻https://w3c.github.io/json-ld-syntax

#JSON-LD #données_structurées #microformat #microdata #référencement #web_sémantique

Academics, don’t write for #The_Conversation, they are not good people. I judge you every single time you post Conversation links. It’s like wearing a sticker saying you don’t support your precarious colleagues.

The Conversation won’t let non-affiliated academics write for them, thus excluding casualised and unemployed academics. They also syndicate to the right wing press, thus exposing scholars doing anti-racist, pro-migration, and gender work to a great deal of abuse.

▻https://twitter.com/DrFloraPoste/status/1110139262157099008
#publication #stratégie_de_publication #édition_scientifique #université #précarité #extrême_droite
#boycott ?

JSON Web Tokens (JWT) Demystified
▻https://hackernoon.com/json-web-tokens-jwt-demystified-f7e202249640?source=rss----3a8144eabfe3-

https://cdn-images-1.medium.com/max/1024/1*zDUa3wiFQft0ILDZJfn9JQ.png

JSON Web Token (JWT, often pronounced “jot”) is a powerful tool for confidently transmitting data between two parties through tokens. These parties can consist of users, servers, or any other combination of services. Based on an open standard (RFC-7519), JWTs are digitally signed with an encryption algorithm, so the receiving party can trust the information contained within. In computer #security this concept is known as Data Integrity.One main benefit of using a #jwt is that it’s very compact (assuming the issuer uses JWS Compact Serialization, which is recommended). They are generally small enough to be sent through a POST request, in an HTTP Header, or even as a query string within a URL. However, the more claims you add to a JWT, the more bloated it becomes. You could theoretically (...)

#coding #json-web-token #nodejs

Unpacking #javascript classes
▻https://hackernoon.com/unpacking-javascript-classes-81d32804c978?source=rss----3a8144eabfe3---4

Let’s cut to the chase. So, what do classes mean in JavaScript?To understand classes, we must dig deeper, starting from Object constructorThe Object constructor is the root of all JavaScript objects. You can create any kind of object using the Object constructor. Let me give you the first spoiler of this story here.“It is important to note that, all objects in JavaScript are instances of Object. Think of any object in JavaScript as an instance created by calling Object constructor”// Object(’k1’:’v1’, ’k2’:’v2’)console.log(new Object(’k1’:’v1’, ’k2’:’v2’))// Array[1 ,2, 3]console.log(new Object([1, 2, 3])So, now that we are clear what Object constructor is used for, lets look at the properties of Object constructor.// Print (...)

#constructor-function #programming #js #web

Create a Go #json #parser: Batteries Included
▻https://hackernoon.com/create-a-go-json-parser-batteries-included-9d02d09fe508?source=rss----3a

https://cdn-images-1.medium.com/max/1024/1*CeP3A7A60m6Osl8miEkksQ.jpeg

The inspiration for this post came from a project at work. I was building a service that required the comparison of two Json objects. The catch was that I needed to be able to replace keys, filter out paths, and apply comparison functions to specific nodes.Obviously, a standard library comparison function such as reflect.DeepEqual() would not work. ?The solution was to build a AST(Abstract Syntax Tree) modeled off of the Json objects. Every Node in the tree represents either a string, integer, array, or object.By doing this I would allow for the flexibility to more easily apply algorithms onto the data.To build this we’ll start with the Lexer to generate Tokens. Then move onto the Parser which will take the tokens and match them to Json grammar. Finally, we’ll add AST hooks to generate the (...)

#golang #go-json-parser #programming

#babel : Your first code transformations
▻https://hackernoon.com/babel-your-first-code-transformations-2d1a9a2f3bc4?source=rss----3a8144e

https://cdn-images-1.medium.com/max/1024/1*yl42Tqet103wA6seNUBLXA.jpeg

In this tutorial, we will do some basic transforms to some source code, using Babel. Many people find the idea of transforming code scary, and unapproachable, but utilising the power of AST’s (abstract syntax trees), and a set of tools provided to us by Babel, most of the heavy lifting is done for us.Note: The examples in the article will include code specific to react, redux, and react-redux, but familiarity with these libraries is not necessary for this tutorial.AST ExplorerThere is a website called AST explorer, that we can paste our code into and get an AST representation in many formats. This website will be useful for quickly viewing code in AST format, and will be useful when ascertaining which nodes we need to target.Basic insertionBelow, we have a file reducers.js with a couple (...)

#javascript #code-transformation #js #babeljs