Publish temple prayers to Chronicle

Author: web3blind

app/css/main.css

@@ -1796,3 +1796,24 @@ body,
     background: var(--color-surface-2);
     color: var(--color-text);
 }
+
+
+.temple-social-toggle {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    margin: var(--space-xs) 0;
+    color: var(--color-text);
+}
+
+.temple-social-toggle input {
+    min-width: 20px;
+    min-height: 20px;
+    margin-top: 2px;
+}
+
+.temple-social-note {
+    margin-top: 0;
+    color: var(--color-text-muted);
+    font-size: 0.85rem;
+}

app/index.html

@@ -13,7 +13,7 @@
     <link rel="icon" type="image/png" sizes="192x192" href="assets/icons/viz-magic-192.png?v=20260712c">
     <link rel="icon" type="image/png" sizes="512x512" href="assets/icons/viz-magic-512.png?v=20260712c">
     <link rel="apple-touch-icon" href="assets/icons/viz-magic-192.png?v=20260712c">
-    <link rel="stylesheet" href="css/main.css?v=20260712h">
+    <link rel="stylesheet" href="css/main.css?v=20260712i">
     <link rel="stylesheet" href="css/themes.css">
     <link rel="stylesheet" href="css/accessibility.css">
 </head>
@@ -120,8 +120,8 @@
     <script src="js/config.js?v=20260712a"></script>
 
     <!-- I18n -->
-    <script src="js/i18n/ru.js?v=20260712i"></script>
-    <script src="js/i18n/en.js?v=20260712i"></script>
+    <script src="js/i18n/ru.js?v=20260712j"></script>
+    <script src="js/i18n/en.js?v=20260712j"></script>
 
     <!-- Utilities -->
     <script src="js/utils/helpers.js?v=20260621l"></script>
@@ -202,7 +202,7 @@
     <script src="js/ui/screens/settings.js?v=20260712b"></script>
     <script src="js/ui/screens/help.js?v=20260712a"></script>
     <script src="js/ui/screens/leaderboard.js"></script>
-    <script src="js/ui/screens/temple.js?v=20260712b"></script>
+    <script src="js/ui/screens/temple.js?v=20260712c"></script>
 
     <!-- Main App Controller (must be last) -->
     <script src="js/ui/app.js?v=20260712a"></script>

app/js/i18n/en.js

@@ -1044,6 +1044,11 @@ var LangEN = {
     temple_prayer_labor_hands: 'God of Labor, strengthen my hands so the hammer does not argue with my fingers and work goes well.',
     temple_prayer_labor_craft: 'Lord of craft, may iron be reasonable today, wood patient, and I not too confident.',
     temple_prayer_labor_patience: 'God of Labor, give me patience for one good step more than laziness has.',
+    temple_social_publish: 'Publish the prayer to the Chronicle',
+    temple_social_note: 'This creates a separate #viz_magic #temple post so the prayer is visible in the social feed.',
+    temple_social_post: '{name} prays at the Temple. {deity}, hear this: “{prayer}” #viz_magic #temple {tag}',
+    temple_social_success: 'Prayer published to the Chronicle.',
+    temple_social_failed: 'The offering was accepted, but the prayer post was not sent. The reward is saved.',
     temple_energy_check_failed: 'Could not check mana before the offering.',
     temple_not_enough_mana: 'Not enough mana for the offering.',
     temple_rule_blessing: 'After an offering, a small temporary blessing applies: Fire slightly boosts fire spells, Labor slightly helps loot fortune.',

app/js/i18n/ru.js

@@ -1044,6 +1044,11 @@ var LangRU = {
     temple_prayer_labor_hands: 'Бог Труда, укрепи руки мои, чтобы молот не спорил с пальцами, а дело спорилось.',
     temple_prayer_labor_craft: 'Владыка ремесла, пусть железо сегодня будет понятливым, дерево — терпеливым, а я — не слишком самоуверенным.',
     temple_prayer_labor_patience: 'Бог Труда, дай терпения на один хороший шаг больше, чем у лени.',
+    temple_social_publish: 'Опубликовать молитву в Хронику',
+    temple_social_note: 'Это создаст отдельный пост с #viz_magic #temple, чтобы молитву увидели в социальной ленте.',
+    temple_social_post: '{name} молится в Храме. {deity}, услышь: «{prayer}» #viz_magic #temple {tag}',
+    temple_social_success: 'Молитва опубликована в Хронику.',
+    temple_social_failed: 'Подношение принято, но пост молитвы не отправился. Награда сохранена.',
     temple_energy_check_failed: 'Не удалось проверить ману перед подношением.',
     temple_not_enough_mana: 'Недостаточно маны для подношения.',
     temple_rule_blessing: 'После подношения действует малое временное благословение: Огонь чуть усиливает огненные заклинания, Труд — удачу в добыче.',

app/js/ui/screens/temple.js

@@ -18,13 +18,15 @@ var TempleScreen = (function() {
             id: 'fire_goddess',
             target: 'null',
             image: 'assets/deities/goddess-fire.svg',
-            item: 'flame_votive_mark'
+            item: 'flame_votive_mark',
+            socialTag: '#fire'
         },
         {
             id: 'labor_god',
             target: 'committee',
             image: 'assets/deities/god-labor.svg',
-            item: 'labor_votive_mark'
+            item: 'labor_votive_mark',
+            socialTag: '#labor'
         }
     ];
 
@@ -82,6 +84,11 @@ var TempleScreen = (function() {
                 '<p class="temple-reward">' + t('temple_reward') + ': ' + t('item_' + deity.item) + '</p>' +
                 '<label class="temple-prayer-label" for="temple-prayer-' + deity.id + '">' + t('temple_prayer_label') + '</label>' +
                 _renderPrayerSelect(deity, t) +
+                '<label class="temple-social-toggle">' +
+                    '<input type="checkbox" id="temple-social-' + deity.id + '" checked> ' +
+                    '<span>' + t('temple_social_publish') + '</span>' +
+                '</label>' +
+                '<p class="temple-social-note">' + t('temple_social_note') + '</p>' +
                 '<p class="temple-cooldown">' + cooldownText + '</p>' +
                 '<button type="button" class="btn btn-primary temple-offer-btn" data-deity="' + deity.id + '">' +
                     t('temple_offer_button').replace('{cost}', Helpers.bpToPercent(OFFERING_ENERGY)) +
@@ -124,6 +131,8 @@ var TempleScreen = (function() {
         }
         var select = Helpers.$('temple-prayer-' + deity.id);
         var prayerText = select ? Helpers.t(select.value) : '';
+        var socialToggle = Helpers.$('temple-social-' + deity.id);
+        var shouldPublish = !socialToggle || socialToggle.checked;
 
         busy = true;
         Toast.info(Helpers.t('temple_offering_started'));
@@ -157,11 +166,33 @@ var TempleScreen = (function() {
                 } else {
                     StateEngine.saveCheckpoint(function() {});
                     Toast.success(Helpers.t('temple_offering_success'));
+                    if (shouldPublish) {
+                        _publishPrayerPost(deity, prayerText, user);
+                    }
                 }
                 render();
             });
         });
     }
 
+
+    function _publishPrayerPost(deity, prayerText, user) {
+        var character = StateEngine.getCharacter(user);
+        var name = character && character.name ? character.name : user;
+        var deityName = Helpers.t('temple_' + deity.id + '_name');
+        var text = Helpers.t('temple_social_post')
+            .replace('{name}', name)
+            .replace('{deity}', deityName)
+            .replace('{prayer}', prayerText)
+            .replace('{tag}', deity.socialTag || '#temple');
+        VizBroadcast.chroniclePost(text, function(err) {
+            if (err) {
+                Toast.info(Helpers.t('temple_social_failed'));
+            } else {
+                Toast.success(Helpers.t('temple_social_success'));
+            }
+        });
+    }
+
     return { render: render };
 })();

app/sw.js

@@ -1,5 +1,5 @@
 // Viz Magic — Service Worker
-var CACHE_NAME = 'viz-magic-v42';
+var CACHE_NAME = 'viz-magic-v43';
 var ASSETS = [
     '/',
     '/index.html',

tests/player-bug-regressions.test.js

@@ -342,7 +342,7 @@ test('high-traffic UI narration, screen announcements, and inventory stat labels
 
 test('service worker updates quickly and keeps navigations network-first', function () {
   const swJs = read('app/sw.js');
-  assert.ok(/viz-magic-v42/.test(swJs), 'service worker cache version should be bumped');
+  assert.ok(/viz-magic-v43/.test(swJs), 'service worker cache version should be bumped');
   assert.ok(/self\.skipWaiting\(\)/.test(swJs), 'service worker should activate new cache without waiting for all tabs to close');
   assert.ok(/self\.clients\.claim\(\)/.test(swJs), 'service worker should claim clients after activation');
   assert.ok(/event\.request\.mode === 'navigate'[\s\S]*fetch\(event\.request\)/.test(swJs), 'navigation requests should prefer network to avoid stale cached index');
@@ -391,7 +391,7 @@ test('mobile entry helpers cover keyboard paste, home-screen shortcut, nav parit
   assert.ok(/SoundManager\.setVolume\(sfxVolume \/ 100\)/.test(read('app/js/ui/screens/settings.js')), 'settings should apply stored SFX volume on render');
   assert.ok(/localStorage\.setItem\(STORAGE_PREFIX \+ 'sfx_volume'/.test(read('app/js/ui/sound.js')), 'sound manager should persist SFX volume');
   assert.ok(/var volume = _getStoredNumber\('sfx_volume', 0\.5\)/.test(read('app/js/ui/sound.js')), 'sound manager should restore persisted SFX volume');
-  assert.ok(/viz-magic-v42/.test(read('app/sw.js')), 'service worker cache should be bumped for UI changes');
+  assert.ok(/viz-magic-v43/.test(read('app/sw.js')), 'service worker cache should be bumped for UI changes');
 });
 
 
@@ -449,11 +449,11 @@ test('magical weather is labelled and affects hunts', function () {
   assert.ok(/forecast-card-effect/.test(homeJs + mainCss), 'forecast effect column needs its own thematic icon/card');
   assert.ok(/function getCurrentFestival/.test(worldEventsJs), 'magical holidays should sometimes appear in the forecast');
   assert.ok(/festival_today_prefix/.test(homeJs + ruJs + enJs), 'forecast holidays should have localized copy');
-  assert.ok(/i18n\/ru.js\?v=20260712i/.test(indexHtml), 'Russian weather copy must be cache-busted');
-  assert.ok(/i18n\/en.js\?v=20260712i/.test(indexHtml), 'English weather copy must be cache-busted');
+  assert.ok(/i18n\/ru.js\?v=20260712j/.test(indexHtml), 'Russian weather copy must be cache-busted');
+  assert.ok(/i18n\/en.js\?v=20260712j/.test(indexHtml), 'English weather copy must be cache-busted');
   assert.ok(/home.js\?v=20260712g/.test(indexHtml), 'home forecast layout must be cache-busted');
   assert.ok(/world-events.js\?v=20260712g/.test(indexHtml), 'world events forecast pool must be cache-busted');
-  assert.ok(/main.css\?v=20260712h/.test(indexHtml), 'forecast grid CSS must be cache-busted');
+  assert.ok(/main.css\?v=20260712i/.test(indexHtml), 'forecast grid CSS must be cache-busted');
   assert.ok(/season_effect_prefix/.test(homeJs + ruJs + enJs), 'home forecast should explain gameplay effect');
   assert.ok(/seasonBonuses\[spell\.school\]/.test(combatJs), 'season school bonus should affect spell attack');
   assert.ok(/creatureAttackMod/.test(combatJs), 'weather should affect creature danger in hunt combat');
@@ -481,6 +481,9 @@ test('temple tab uses balanced on-chain offerings without direct pay-to-win stat
   assert.ok(/function templeOffering/.test(broadcastJs), 'temple offering should have a broadcast wrapper');
   assert.ok(/award\(targetAccount, energy/.test(broadcastJs), 'temple offering should send a VIZ award to the deity account');
   assert.ok(/prayerText/.test(broadcastJs + templeJs), 'temple offerings should include selected prayer text in the public memo/action');
+  assert.ok(/temple_social_publish/.test(templeJs + ruJs + enJs), 'temple should offer an optional Chronicle prayer post for native promotion');
+  assert.ok(/VizBroadcast\.chroniclePost/.test(templeJs), 'temple social prayer should use Chronicle posts');
+  assert.ok(/#viz_magic #temple/.test(ruJs + enJs), 'temple social posts should include discoverable tags');
   assert.ok(/VizAccount\.calculateCurrentEnergy/.test(templeJs), 'temple should check current mana before broadcasting an award');
   assert.ok(/case AT\.TEMPLE_OFFERING/.test(stateEngineJs), 'state engine should replay temple offerings');
   assert.ok(/function _handleTempleOffering/.test(stateEngineJs), 'temple offering handler should exist');
@@ -494,7 +497,7 @@ test('temple tab uses balanced on-chain offerings without direct pay-to-win stat
   assert.ok(/OFFERING_ENERGY = 50/.test(templeJs), 'offering cost should be small and explicit');
   assert.ok(/fire_goddess[\s\S]*target:\s*'null'/.test(templeJs), 'fire goddess should burn through null');
   assert.ok(/labor_god[\s\S]*target:\s*'committee'/.test(templeJs), 'labor god should support committee');
-  assert.ok(/screen-temple/.test(indexHtml) && /temple\.js\?v=20260712b/.test(indexHtml), 'temple screen should be loaded and cache-busted');
+  assert.ok(/screen-temple/.test(indexHtml) && /temple\.js\?v=20260712c/.test(indexHtml), 'temple screen should be loaded and cache-busted');
   assert.ok(/id: 'temple'/.test(navJs + homeJs) && /nav_temple/.test(ruJs + enJs), 'temple should be reachable from navigation/home');
 });