openvibers/openvibe.shared Commits

Shared 4.1.4: a play glyph for OpenVibe.Play (#71)

OP OpenVibers committed 30 days ago · 8d2a5e2327 · 4 files, +12 −3

OpenVibe.Play (contracts 0.172.0) needs its own glyph: the Network frame keys a site's nav entry by its icon, and Play borrowing `games` gave the navbar two Games entries.

- `ov-icons.js`: stroke glyph `play` (a podium under a star), measured offset from `scripts/measure-icons.js`.
- `scripts/build-nav-icons.py`: `play` → `fa-ranking-star` in the solid set (regenerated).
- 4.1.4 with its changelog entry.

Tests: `npm test` 58/59 (floating-promises skipped as always).

Changes

ddiff --git a/CHANGELOG.md b/CHANGELOG.md
iindex a976dd2..d1fcd71 100644
---- a/CHANGELOG.md
++++ b/CHANGELOG.md
@@@ -4,6 +4,13 @@ All notable changes to `openvibe-shared`. Versions follow [semver](https://semve
  breaking change to any exported module, browser global or served file name is a new major.
  A release is the git tag `vX.Y.Z`; consumers pin the tag's tarball (see README).
  
++## 4.1.4 — 2026-10-14
++
++- **A `play` glyph for OpenVibe.Play.** Play (achievements and leaderboards for every OpenVibe game) gets its own icon:
++  a podium under a star in the stroke set (`OpenVibeIcons.svg('play')`), and Font Awesome's ranking star in the solid
++  set. Before it, Play's site could only borrow Games' controller, and the navbar keys a site's entry by its icon, so
++  the two collided.
++
  ## 4.1.3 — 2026-10-12
  
  - **`shell.page()` holds the navbar's place.** The navbar script is deferred and mounts into the page's `#navbar-mount`;
ddiff --git a/ov-icons.js b/ov-icons.js
iindex 1a3f056..b42a146 100644
---- a/ov-icons.js
++++ b/ov-icons.js
@@@ -80,6 +80,7 @@
          help: '<circle cx="12" cy="12" r="8"/><circle cx="12" cy="16.6" r=".7"/>' + P('M9.6 9.6a2.5 2.5 0 1 1 3.4 2.3c-.7.3-1 .8-1 1.5v.6'),
          quest: P('M8 5h8v4a4 4 0 0 1-8 0zM8 6.5H5.5a2.5 2.5 0 0 0 2.6 3.5M16 6.5h2.5a2.5 2.5 0 0 1-2.6 3.5M12 13v3M9 19h6M10 16h4'),
          inventory: P('M4.5 8.5 12 5l7.5 3.5v8L12 20l-7.5-3.5zM4.5 8.5 12 12l7.5-3.5M12 12v8'),
++        play: P('M3.5 20h17M5 20v-5h4.5v5M9.5 20v-8.5h5V20M14.5 20v-6.5H19V20M12 3.8l.9 1.8 2 .3-1.45 1.4.35 2-1.8-.95-1.8.95.35-2-1.45-1.4 2-.3z'),
          drive: '<rect x="4" y="13" width="16" height="6" rx="1.5"/><circle cx="16.5" cy="16" r=".7"/>' + P('M5 13l2-7h10l2 7'),
          services: '<rect x="4.5" y="12.5" width="6.5" height="6.5" rx="1"/><rect x="13" y="12.5" width="6.5" height="6.5" rx="1"/><rect x="8.75" y="5" width="6.5" height="6.5" rx="1"/>',
          space: '<circle cx="12" cy="10" r="1.5"/>' + P('M12 4c3 2 4.5 5 4.5 9l-2 3h-5l-2-3c0-4 1.5-7 4.5-9zM9.5 16l-2 3.5M14.5 16l2 3.5'),
@@@ -105,7 +106,7 @@
          clip: P('M6 6l12 12M6 18L18 6') ,
      };
      // [dx, dy] in glyph units that move each glyph's drawn bounds onto the centre of the ring. Generated.
--    const OFFSETS = {"ov":[0,-0.5],"network":[0.56,-0.39],"live":[-0.01,-0.38],"tools":[0,-0.39],"media":[0,-0.39],"games":[0,-0.39],"community":[0,-0.39],"chat":[0,-0.39],"codes":[0,-0.39],"bot":[0,-0.39],"code":[0,-0.39],"blog":[0,-0.39],"wiki":[-0.01,-0.39],"news":[0,-0.39],"reviews":[-0.02,-0.39],"tips":[0,-0.39],"vip":[-0.01,-0.39],"trade":[0,-0.39],"host":[0,-0.39],"deals":[0.19,-0.21],"coupons":[-0.01,-0.39],"stream":[0,-0.39],"video":[-0.01,-0.39],"download":[0,-0.39],"upload":[0,-0.39],"image":[0,-0.39],"audio":[0,-0.38],"pdf":[0.28,-0.39],"docs":[0,-0.39],"text":[-0.01,-0.39],"logo":[-1.25,-0.5],"dns":[0,-0.39],"ip":[0,-0.37],"ssl":[-0.01,-0.39],"ping":[0,-0.39],"whois":[0,-0.39],"search":[0,-0.39],"map":[-0.01,-0.39],"food":[-0.01,-0.39],"gauge":[0,-0.39],"link":[0,-0.39],"shield":[0,-0.33],"plug":[0,-0.39],"work":[0,0.17],"rent":[0,-0.39],"help":[0,-0.39],"quest":[-0.01,-0.39],"inventory":[0,-0.37],"drive":[0,-0.39],"services":[-0.01,-0.39],"space":[0,-0.39],"watch":[-0.02,-0.39],"actor":[0,-0.39],"events":[-0.01,-0.39],"ai":[0,-0.39],"run":[-0.01,-0.39],"billing":[0,-0.39],"feeds":[-0.01,-0.39],"pics":[-0.01,-0.39],"homes":[-0.01,-0.39],"website":[0,-0.39],"zone":[-0.01,-0.39],"fund":[-0.01,-0.39],"paste":[0,-0.39],"account":[-0.01,-0.39],"bell":[-0.01,-0.39],"history":[0,-0.39],"theme":[0,-0.39],"check":[-0.01,-0.39],"error":[0,-0.39],"clip":[0.13,-0.39]};
++    const OFFSETS = {"ov":[0,-0.5],"network":[0.56,-0.39],"live":[-0.01,-0.38],"tools":[0,-0.39],"media":[0,-0.39],"games":[0,-0.39],"community":[0,-0.39],"chat":[0,-0.39],"codes":[0,-0.39],"bot":[0,-0.39],"code":[0,-0.39],"blog":[0,-0.39],"wiki":[-0.01,-0.39],"news":[0,-0.39],"reviews":[-0.02,-0.39],"tips":[0,-0.39],"vip":[-0.01,-0.39],"trade":[0,-0.39],"host":[0,-0.39],"deals":[0.19,-0.21],"coupons":[-0.01,-0.39],"stream":[0,-0.39],"video":[-0.01,-0.39],"download":[0,-0.39],"upload":[0,-0.39],"image":[0,-0.39],"audio":[0,-0.38],"pdf":[0.28,-0.39],"docs":[0,-0.39],"text":[-0.01,-0.39],"logo":[-1.25,-0.5],"dns":[0,-0.39],"ip":[0,-0.37],"ssl":[-0.01,-0.39],"ping":[0,-0.39],"whois":[0,-0.39],"search":[0,-0.39],"map":[-0.01,-0.39],"food":[-0.01,-0.39],"gauge":[0,-0.39],"link":[0,-0.39],"shield":[0,-0.33],"plug":[0,-0.39],"work":[0,0.17],"rent":[0,-0.39],"help":[0,-0.39],"quest":[-0.01,-0.39],"inventory":[0,-0.37],"play":[0,-0.39],"drive":[0,-0.39],"services":[-0.01,-0.39],"space":[0,-0.39],"watch":[-0.02,-0.39],"actor":[0,-0.39],"events":[-0.01,-0.39],"ai":[0,-0.39],"run":[-0.01,-0.39],"billing":[0,-0.39],"feeds":[-0.01,-0.39],"pics":[-0.01,-0.39],"homes":[-0.01,-0.39],"website":[0,-0.39],"zone":[-0.01,-0.39],"fund":[-0.01,-0.39],"paste":[0,-0.39],"account":[-0.01,-0.39],"bell":[-0.01,-0.39],"history":[0,-0.39],"theme":[0,-0.39],"check":[-0.01,-0.39],"error":[0,-0.39],"clip":[0.13,-0.39]};
      const ALIASES = { yt: 'youtube', net: 'dns', dev: 'code', img: 'image', sound: 'audio', document: 'pdf', pastes: 'paste', openre: 'stream', maps: 'map', user: 'account', notifications: 'bell', 'media-hub': 'drive', mediahub: 'drive', sources: 'feeds', agent: 'actor', jobs: 'work', homes: 'homes', page: 'docs', db: 'zone', database: 'zone', location: 'ip', gamepad: 'games', robot: 'bot', deploy: 'upload', copy: 'paste', activity: 'ping' };
      const registry = Object.create(null);
      for (const [k, g] of Object.entries(GLYPHS)) registry[k] = { glyph: g };
@@@ -214,6 +215,7 @@
          website: [512, 'M432 75H208H432H208Q193 76 192 91V107H128V91Q129 57 151 34Q174 12 208 11H432Q466 12 489 34Q511 57 512 91V315Q511 349 489 372Q466 394 432 395H416V331H432Q447 330 448 315V91Q447 76 432 75ZM0 203Q1 176 19 158Q37 140 64 139H320Q347 140 365 158Q383 176 384 203V459Q383 486 365 504Q347 522 320 523H64Q37 522 19 504Q1 486 0 459V203ZM64 235Q64 249 73 258Q82 267 96 267H288Q302 267 311 258Q320 249 320 235Q320 221 311 212Q302 203 288 203H96Q82 203 73 212Q64 221 64 235Z'],
          zone: [448, 'M448 91V139V91V139Q446 173 382 196Q319 218 224 219Q129 218 66 196Q2 173 0 139V91Q2 57 66 34Q129 12 224 11Q319 12 382 34Q446 57 448 91ZM393 226Q425 215 448 197V299Q446 333 382 356Q319 378 224 379Q129 378 66 356Q2 333 0 299V197Q23 215 55 226Q125 250 224 251Q323 250 393 226ZM0 357Q23 375 55 386Q125 410 224 411Q323 410 393 386Q425 375 448 357V443Q446 477 382 500Q319 522 224 523Q129 522 66 500Q2 477 0 443V357Z'],
          fund: [576, 'M312 35V46V35V46Q322 47 330 50Q351 57 347 79Q340 100 318 96Q301 91 288 91Q276 91 268 96Q265 98 265 99Q264 99 264 101Q264 102 264 102Q264 102 264 102Q264 102 264 102Q264 103 267 105Q276 109 295 115H296Q314 119 333 130Q357 143 360 175Q358 209 333 224Q323 230 312 232V243Q310 265 288 267Q266 265 264 243V232Q250 228 240 224Q239 224 238 224Q237 223 236 223Q234 222 232 222Q212 213 217 191Q226 171 247 176Q249 177 251 177Q253 178 255 179Q274 186 289 187Q301 187 308 183Q311 181 311 180Q312 179 312 176Q313 175 308 171Q300 166 281 161L279 160Q261 156 242 146Q219 134 216 102Q219 67 244 54Q253 49 264 46V35Q266 13 288 11Q310 13 312 35ZM568 347Q578 361 576 377Q573 393 560 403L433 497Q397 523 352 523H192H32Q18 523 9 514Q0 505 0 491V427Q0 413 9 404Q18 395 32 395H69L114 359Q149 331 194 331H272H352Q366 331 375 340Q384 349 384 363Q384 377 375 386Q366 395 352 395H288H272Q257 396 256 411Q257 426 272 427H393L512 339Q526 329 542 331Q558 334 568 347ZM194 395H193Q193 395 193 395Q193 395 194 395Z'],
++        play: [640, 'M354 65 330 17 354 65 330 17Q327 11 320 11Q314 11 310 17L286 65L234 73Q227 74 225 80Q223 87 228 92L266 129L257 182Q256 189 261 193Q266 197 273 194L320 169L367 193Q374 196 379 192Q384 188 384 181L375 129L413 92Q418 87 415 81Q413 74 406 73L354 65ZM256 267Q242 267 233 276Q224 285 224 299V491Q224 505 233 514Q242 523 256 523H384Q398 523 407 514Q416 505 416 491V299Q416 285 407 276Q398 267 384 267H256ZM32 331Q18 331 9 340Q0 349 0 363V491Q0 505 9 514Q18 523 32 523H160Q174 523 183 514Q192 505 192 491V363Q192 349 183 340Q174 331 160 331H32ZM448 427V491V427V491Q448 505 457 514Q466 523 480 523H608Q622 523 631 514Q640 505 640 491V427Q640 413 631 404Q622 395 608 395H480Q466 395 457 404Q448 413 448 427Z'],
          gauge: [512, 'M0 267Q1 197 34 139Q68 81 128 45Q189 11 256 11Q323 11 384 45Q444 81 478 139Q511 197 512 267Q511 337 478 395Q444 453 384 489Q323 523 256 523Q189 523 128 489Q68 453 34 395Q1 337 0 267ZM288 107Q288 93 279 84Q270 75 256 75Q242 75 233 84Q224 93 224 107Q224 121 233 130Q242 139 256 139Q270 139 279 130Q288 121 288 107ZM256 427Q283 426 301 408Q319 390 320 363Q319 336 302 318L366 173Q373 152 354 141Q333 134 322 153L258 299Q257 299 257 299Q256 299 256 299Q229 300 211 318Q193 336 192 363Q193 390 211 408Q229 426 256 427ZM176 155Q176 141 167 132Q158 123 144 123Q130 123 121 132Q112 141 112 155Q112 169 121 178Q130 187 144 187Q158 187 167 178Q176 169 176 155ZM96 299Q110 299 119 290Q128 281 128 267Q128 253 119 244Q110 235 96 235Q82 235 73 244Q64 253 64 267Q64 281 73 290Q82 299 96 299ZM448 267Q448 253 439 244Q430 235 416 235Q402 235 393 244Q384 253 384 267Q384 281 393 290Q402 299 416 299Q430 299 439 290Q448 281 448 267Z'],
          link: [640, 'M580 279Q622 234 622 176Q622 119 580 74Q541 37 489 32Q438 28 394 59L392 60Q381 68 379 81Q377 93 385 105Q393 115 405 117Q418 120 429 112L431 111Q456 94 484 96Q513 98 535 119Q558 144 558 176Q558 209 535 233L422 346Q397 369 365 369Q333 369 308 346Q287 324 285 295Q283 267 300 242L301 240Q308 229 306 217Q304 204 293 196Q282 188 270 190Q257 192 249 203L248 205Q217 249 221 301Q225 352 263 391Q308 433 365 433Q423 433 468 391L580 279ZM60 255Q18 300 18 358Q18 415 60 460Q99 497 151 502Q202 506 247 475L248 474Q259 466 261 453Q263 441 256 429Q247 419 235 417Q222 414 211 422L209 423Q184 440 156 438Q127 436 105 415Q82 390 82 358Q82 325 106 301L218 188Q243 165 275 165Q307 165 332 188Q353 210 355 239Q357 267 340 292L339 294Q332 305 334 318Q336 330 347 338Q358 346 370 344Q383 342 391 331L392 329Q423 285 419 233Q415 182 377 143Q332 101 275 101Q217 101 173 143L60 255Z'],
          shield: [512, 'M256 11Q263 11 269 14L458 94Q475 101 485 116Q496 131 496 151Q497 202 479 271Q461 340 414 405Q368 471 282 514Q256 526 230 514Q144 471 98 405Q51 340 33 271Q15 202 16 151Q16 131 27 116Q37 101 54 94L243 14Q249 11 256 11ZM256 78V456V78V456Q324 421 363 367Q401 313 417 256Q432 198 432 152L256 78Z'],
ddiff --git a/package.json b/package.json
iindex 18d529e..681cb27 100644
---- a/package.json
++++ b/package.json
@@@ -1,6 +1,6 @@
  {
    "name": "openvibe-shared",
--  "version": "4.1.3",
++  "version": "4.1.4",
    "description": "Shared navbar, footer, themes, icons, legal pages, SEO, auth and analytics for every OpenVibe site",
    "main": "index.js",
    "bin": {
ddiff --git a/scripts/build-nav-icons.py b/scripts/build-nav-icons.py
iindex 9bb1432..a57b45d 100644
---- a/scripts/build-nav-icons.py
++++ b/scripts/build-nav-icons.py
@@@ -47,7 +47,7 @@ OV_SOLID = {
      'inventory': 'fa-box-open', 'drive': 'fa-hard-drive', 'services': 'fa-cubes', 'space': 'fa-rocket', 'watch': 'fa-eye',
      'actor': 'fa-brain', 'events': 'fa-bolt', 'ai': 'fa-microchip', 'run': 'fa-terminal', 'billing': 'fa-wallet',
      'feeds': 'fa-rss', 'pics': 'fa-images', 'homes': 'fa-house-chimney', 'website': 'fa-window-restore', 'zone': 'fa-database',
--    'fund': 'fa-hand-holding-dollar',
++    'fund': 'fa-hand-holding-dollar', 'play': 'fa-ranking-star',
      # Page furniture the product homes name (2.21.1).
      'gauge': 'fa-gauge-high', 'link': 'fa-link', 'shield': 'fa-shield-halved', 'plug': 'fa-plug',
  }