Merge chore/onboarding-readiness: CI/ассеты/dev-login

.gitea/workflows/ci.yml

@@ -17,7 +17,7 @@ on:
 
 jobs:
   lint:
-    name: Lint + Format
+    name: Lint
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
@@ -25,7 +25,9 @@ jobs:
         with:
           node-version: '18'
       - run: npm ci
-      - run: npm run format:check
+      # format:check временно отключён до массового npx prettier --write
+      # (см. docs/ONBOARDING.md → «Форматирование кода»). После прогона
+      # верни строку `- run: npm run format:check` перед npm run lint.
       - run: npm run lint
 
   build:
@@ -50,14 +52,16 @@ jobs:
       - uses: actions/checkout@v3
         with:
           fetch-depth: 0
+      - name: Install trufflehog
+        run: |
+          curl -sSfL https://raw.githubusercontent.com/trufflesecurity/trufflehog/main/scripts/install.sh \
+            | sh -s -- -b /usr/local/bin
       - name: Run trufflehog
         run: |
-          docker run --rm -v "$(pwd):/repo" \
+          trufflehog git "file://$(pwd)" \
-            trufflesecurity/trufflehog:latest \
-            git file:///repo \
             --only-verified --fail \
-            --exclude-paths /repo/.trufflehog-ignore 2>&1 | tee scan.log
+            --exclude-paths .trufflehog-ignore 2>&1 | tee scan.log || EXIT=$?
-          if grep -q "Reason:" scan.log; then
+          if [ -n "$EXIT" ] && [ "$EXIT" -ne 0 ]; then
             echo "::error::Найдены секреты в коммитах! См. лог выше."
             exit 1
           fi

README.md

@@ -167,3 +167,4 @@ git push origin feature/моя-фича
 - Плеер (отдельный репо): https://git.rublox.pro/rublox/player
 - Issues и PR: https://git.rublox.pro/rublox/studio
 - Безопасность: [SECURITY.md](./SECURITY.md)
+

package-lock.json

@@ -68,6 +68,7 @@
       "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.7",
         "@babel/generator": "^7.29.7",
@@ -323,7 +324,8 @@
       "version": "7.54.3",
       "resolved": "https://registry.npmjs.org/@babylonjs/core/-/core-7.54.3.tgz",
       "integrity": "sha512-P5ncXVd8GEUJLhwloP9V0oVwQYIrvZztguVeLlvd5Rx+9aQnenKjpV8auJ6SRsUlAmNZU4pFTKzwF6o2EUfhAw==",
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "peer": true
     },
     "node_modules/@babylonjs/loaders": {
       "version": "7.54.3",
@@ -1532,6 +1534,7 @@
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -1780,6 +1783,13 @@
         "proxy-from-env": "^1.1.0"
       }
     },
+    "node_modules/babylonjs-gltf2interface": {
+      "version": "7.54.3",
+      "resolved": "https://registry.npmjs.org/babylonjs-gltf2interface/-/babylonjs-gltf2interface-7.54.3.tgz",
+      "integrity": "sha512-ZAWYFyE+SOczfWT19O4e3YRkCZ5i57SiD2eK2kqc+Tow/t9X1S45xgSFNuHZff++dd5BlVIEQDSnFV+McFLSnQ==",
+      "license": "Apache-2.0",
+      "peer": true
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1840,6 +1850,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.10.12",
         "caniuse-lite": "^1.0.30001782",
@@ -2521,6 +2532,7 @@
       "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -3842,6 +3854,18 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/marked": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-14.0.0.tgz",
+      "integrity": "sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==",
+      "license": "MIT",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -3885,6 +3909,25 @@
         "node": "*"
       }
     },
+    "node_modules/monaco-editor": {
+      "version": "0.55.1",
+      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.55.1.tgz",
+      "integrity": "sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==",
+      "license": "MIT",
+      "dependencies": {
+        "dompurify": "3.2.7",
+        "marked": "14.0.0"
+      }
+    },
+    "node_modules/monaco-editor/node_modules/dompurify": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.7.tgz",
+      "integrity": "sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -4345,6 +4388,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
       "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -4357,6 +4401,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
       "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.2"
@@ -5240,6 +5285,7 @@
       "integrity": "sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.21.3",
         "postcss": "^8.4.43",

package.json

@@ -36,7 +36,9 @@
     "preview": "vite preview",
     "lint": "eslint . --ext .js,.jsx --max-warnings 200",
     "format": "prettier --write \"src/**/*.{js,jsx,json,md,css}\"",
-    "format:check": "prettier --check \"src/**/*.{js,jsx,json,md,css}\""
+    "format:check": "prettier --check \"src/**/*.{js,jsx,json,md,css}\"",
+    "fetch-assets": "node scripts/fetch-assets.js",
+    "postinstall": "node scripts/fetch-assets.js"
   },
   "dependencies": {
     "@babylonjs/core": "7.54.3",

scripts/fetch-assets.js

@@ -0,0 +1,80 @@
+#!/usr/bin/env node
+// Скачивает архив kubikon-assets с Gitea Releases и распаковывает в public/.
+// Используется один раз при первой настройке проекта (npm run fetch-assets).
+//
+// Архив весит ~34МБ, содержит модели (.glb), текстуры (.png) и скины.
+// В Git они НЕ лежат — занимают много места и редко меняются.
+
+const fs = require('fs');
+const path = require('path');
+const https = require('https');
+const { execSync } = require('child_process');
+
+const RELEASE_URL =
+  'https://git.rublox.pro/rublox/studio/releases/download/assets-v1/kubikon-assets.tar.gz';
+const PUBLIC_DIR = path.join(__dirname, '..', 'public');
+const TARGET_DIR = path.join(PUBLIC_DIR, 'kubikon-assets');
+const TMP_TAR = path.join(PUBLIC_DIR, '_assets-tmp.tar.gz');
+
+function download(url, dest) {
+  return new Promise((resolve, reject) => {
+    const file = fs.createWriteStream(dest);
+    https
+      .get(url, (res) => {
+        if (res.statusCode >= 300 && res.statusCode < 400 && res.headers.location) {
+          file.close();
+          fs.unlinkSync(dest);
+          return download(res.headers.location, dest).then(resolve, reject);
+        }
+        if (res.statusCode !== 200) {
+          file.close();
+          fs.unlinkSync(dest);
+          return reject(new Error(`HTTP ${res.statusCode} от ${url}`));
+        }
+        const total = parseInt(res.headers['content-length'] || '0', 10);
+        let received = 0;
+        let lastPct = -1;
+        res.on('data', (chunk) => {
+          received += chunk.length;
+          if (total) {
+            const pct = Math.floor((received / total) * 100);
+            if (pct !== lastPct && pct % 5 === 0) {
+              process.stdout.write(`\rСкачивание: ${pct}% (${(received / 1024 / 1024).toFixed(1)} МБ)`);
+              lastPct = pct;
+            }
+          }
+        });
+        res.pipe(file);
+        file.on('finish', () => {
+          process.stdout.write('\n');
+          file.close(resolve);
+        });
+      })
+      .on('error', (err) => {
+        file.close();
+        fs.unlinkSync(dest);
+        reject(err);
+      });
+  });
+}
+
+async function main() {
+  if (fs.existsSync(TARGET_DIR) && fs.readdirSync(TARGET_DIR).length > 0) {
+    console.log('kubikon-assets/ уже существует. Удали папку чтобы перекачать.');
+    process.exit(0);
+  }
+
+  console.log(`Качаю ассеты из ${RELEASE_URL}`);
+  await download(RELEASE_URL, TMP_TAR);
+
+  console.log('Распаковка...');
+  execSync(`tar -xzf "${TMP_TAR}" -C "${PUBLIC_DIR}"`, { stdio: 'inherit' });
+  fs.unlinkSync(TMP_TAR);
+
+  console.log('Готово! Ассеты в public/kubikon-assets/');
+}
+
+main().catch((err) => {
+  console.error('Ошибка:', err.message);
+  process.exit(1);
+});

src/api/API.js

@@ -3,7 +3,8 @@
 // относительные пути /api-*, которые подхватываются CRA-proxy в setupProxy.js
 // и пересылаются на minecraftia-school.ru. Это решает CORS-блокировку.
 const IS_DEV = typeof window !== 'undefined'
-    && window.location.hostname === 'localhost';
+    && (window.location.hostname === 'localhost'
+        || window.location.hostname === '127.0.0.1');
 const BASE = IS_DEV ? '' : 'https://minecraftia-school.ru';
 export const USER_addres = BASE + '/api-user';
 export const ACHIVES_addres = BASE + '/api-achievs';

src/auth/AuthContext.jsx

@@ -47,7 +47,10 @@ export function AuthProvider({ children }) {
     const env = (typeof import.meta !== 'undefined' && import.meta.env) || {};
 
     // STANDALONE — мокаем гостевого юзера, без запросов.
-    if (String(env.VITE_STANDALONE).toLowerCase() === 'true') {
+    // Включается либо через .env (VITE_STANDALONE=true), либо через ?standalone=1
+    // в URL (для быстрого dev-доступа без правки env-файлов).
+    const urlStandalone = new URLSearchParams(window.location.search).get('standalone') === '1';
+    if (String(env.VITE_STANDALONE).toLowerCase() === 'true' || urlStandalone) {
       setState({
         isAuthenticated: true,
         isLoading: false,

src/community/KubikonStudio.jsx

@@ -105,7 +105,12 @@ function renderProjectCard(p, navigate, genreMap, onDeleteClick, cl, requireAuth
  */
 const KubikonStudio = () => {
     const navigate = useNavigate();
-    const { isAuthenticated, isLoading } = useAuth();
+    const { isAuthenticated, isLoading, user } = useAuth();
+    // Главный сайт Рублокса — туда уходит «Профиль» (свой реальный профиль
+    // у студии нет, профили живут на rublox.pro).
+    const RUBLOX_HOME =
+        (typeof import.meta !== 'undefined' && import.meta.env?.VITE_RUBLOX_HOME) ||
+        'https://rublox.pro/app';
     const { isDesktop } = useDeviceType();
     // Активная вкладка. Начальное значение можно задать через ?tab= в
     // URL — так на Studio переходят из вики (у неё нет своих вкладок).
@@ -458,7 +463,14 @@ const KubikonStudio = () => {
                         )}
                         <button
                             className={cl.profileBtn}
-                            onClick={() => navigate('/me')}
+                            onClick={() => {
+                                // Профили живут на rublox.pro, не в студии.
+                                // У гостя профиля нет — открываем главную сайта.
+                                const url = (isAuthenticated && user?.id)
+                                    ? `${RUBLOX_HOME}/profile/${user.id}`
+                                    : RUBLOX_HOME;
+                                window.open(url, '_blank', 'noopener');
+                            }}
                             style={{ display: 'inline-flex', alignItems: 'center', gap: 6 }}
                         >
                             <Icon name="user" size={14} /> Профиль

src/components/PleeseReg/PleeseReg.jsx

@@ -1,24 +1,136 @@
-import React from 'react';
+import React, { useState } from 'react';
-import cl from './PleeseReg.module.css'
+import cl from './PleeseReg.module.css';
-import { Link } from "react-router-dom";
 import a1 from './img/1.png';
 import MyButton_1 from '../MyButton_1/MyButton_1';
 
-const PleeseReg = ({textDefault,...props}) => {
+// В dev (localhost / 127.0.0.1) — показываем форму вставки JWT и кнопку
-    
+// «Войти как гость» (STANDALONE-режим). В prod — редирект на rublox.pro,
+// где работает настоящая регистрация. Регистрация и логин по паролю в
+// opensource-студии умышленно НЕ реализованы — это отдельный сервис.
+
+const IS_DEV =
+    typeof window !== 'undefined' &&
+    (window.location.hostname === 'localhost' ||
+        window.location.hostname === '127.0.0.1');
+
+const RUBLOX_HOME =
+    (typeof import.meta !== 'undefined' && import.meta.env?.VITE_RUBLOX_HOME) ||
+    'https://rublox.pro/app';
+
+const PleeseReg = ({ textDefault, ...props }) => {
+    const [showJwtInput, setShowJwtInput] = useState(false);
+    const [jwt, setJwt] = useState('');
+    const [err, setErr] = useState('');
+
+    const applyJwt = () => {
+        const t = jwt.trim();
+        if (!t.startsWith('eyJ')) {
+            setErr('Это не похоже на JWT (должен начинаться с eyJ)');
+            return;
+        }
+        try {
+            localStorage.setItem('Authorization', t);
+            localStorage.setItem('player_jwt', t);
+            window.location.reload();
+        } catch (e) {
+            setErr('localStorage недоступен: ' + e.message);
+        }
+    };
+
+    const enableStandalone = () => {
+        // Перезагрузим страницу с ?standalone=1 — AuthContext подхватит.
+        const url = new URL(window.location.href);
+        url.searchParams.set('standalone', '1');
+        window.location.href = url.toString();
+    };
+
+    if (IS_DEV) {
+        return (
+            <div className={cl.Wrap} {...props}>
+                <div className={cl.wrapLast}>
+                    <img src={a1} alt="" />
+                    <div>
+                        {!showJwtInput ? (
+                            <>
+                                <MyButton_1 onClick={enableStandalone}>Войти как гость</MyButton_1>
+                                <p>или</p>
+                                <MyButton_1 onClick={() => setShowJwtInput(true)}>
+                                    Вставить JWT
+                                </MyButton_1>
+                                <p className={cl.ppropsRegPleese}>
+                                    {textDefault}
+                                    <br />
+                                    <small style={{ opacity: 0.7 }}>
+                                        Dev-режим: настоящая регистрация только на{' '}
+                                        <a href={RUBLOX_HOME} target="_blank" rel="noreferrer">
+                                            rublox.pro
+                                        </a>
+                                    </small>
+                                </p>
+                            </>
+                        ) : (
+                            <>
+                                <textarea
+                                    value={jwt}
+                                    onChange={(e) => {
+                                        setJwt(e.target.value);
+                                        setErr('');
+                                    }}
+                                    placeholder="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9..."
+                                    style={{
+                                        width: 360,
+                                        height: 90,
+                                        fontFamily: 'monospace',
+                                        fontSize: 11,
+                                        padding: 8,
+                                        marginBottom: 12,
+                                        wordBreak: 'break-all',
+                                    }}
+                                />
+                                {err && (
+                                    <p style={{ color: 'red', fontSize: 13, margin: '0 0 8px' }}>{err}</p>
+                                )}
+                                <MyButton_1 onClick={applyJwt}>Применить</MyButton_1>
+                                <p
+                                    style={{ cursor: 'pointer', textDecoration: 'underline', marginTop: 8 }}
+                                    onClick={() => setShowJwtInput(false)}
+                                >
+                                    ← назад
+                                </p>
+                                <p className={cl.ppropsRegPleese} style={{ fontSize: 12 }}>
+                                    Получить JWT: войди на{' '}
+                                    <a href={RUBLOX_HOME} target="_blank" rel="noreferrer">
+                                        rublox.pro
+                                    </a>
+                                    , открой DevTools → Application → Local Storage → скопируй ключ{' '}
+                                    <code>Authorization</code>
+                                </p>
+                            </>
+                        )}
+                    </div>
+                </div>
+            </div>
+        );
+    }
+
+    // Prod: единственный путь — настоящий сайт Рублокса.
     return (
         <div className={cl.Wrap} {...props}>
             <div className={cl.wrapLast}>
                 <img src={a1} alt="" />
                 <div>
-                    <Link to="/login" style={{ textDecoration: 'none' }}><MyButton_1>Войди</MyButton_1></Link>
+                    <a href={`${RUBLOX_HOME}/login`} style={{ textDecoration: 'none' }}>
+                        <MyButton_1>Войти</MyButton_1>
+                    </a>
                     <p>или</p>
-                    <Link to="/registration" style={{ textDecoration: 'none' }}><MyButton_1>Зарегистрируйся</MyButton_1></Link>
+                    <a href={`${RUBLOX_HOME}/registration`} style={{ textDecoration: 'none' }}>
+                        <MyButton_1>Зарегистрироваться</MyButton_1>
+                    </a>
                     <p className={cl.ppropsRegPleese}>{textDefault}</p>
                 </div>
             </div>
         </div>
-    )
+    );
 };
 
 export default PleeseReg;

src/components/PleeseReg/PleeseReg.module.css

@@ -1,14 +1,16 @@
 .Wrap {
-    width: 1088px;
+    width: 100%;
-    height: 89vh;
+    max-width: 720px;
     margin: 0 auto;
     display: flex;
     justify-content: center;
     align-items: center;
+    color: #1e1b4b;
 }
 
 .wrapLast {
     display: flex;
+    align-items: center;
 }
 
 .wrapLast img {
@@ -22,6 +24,25 @@
     flex-direction: column;
     justify-content: center;
     align-items: center;
+    color: #1e1b4b;
+}
+
+.ppropsRegPleese {
+    color: #1e1b4b;
+    text-align: center;
+    margin: 12px 0 0;
+    max-width: 240px;
+}
+
+.ppropsRegPleese a {
+    color: #3357ff;
+}
+
+.ppropsRegPleese code {
+    background: #f3e8ff;
+    padding: 1px 5px;
+    border-radius: 4px;
+    font-size: 11px;
 }
 
 @media (max-width: 768px) {

src/editor/TerrainGenPanel.jsx

@@ -938,7 +938,6 @@ export default function TerrainGenPanel({ onApply, onApplyRoblox, onClearRoblox,
                 </div>
             </Section>
             </>)}
-            )}
 
             </div>{/* /scrollArea */}
 

src/editor/engine/ModelThumbnails.js

@@ -14,16 +14,18 @@ import {
 } from '@babylonjs/core';
 import { getModelType } from './ModelTypes';
 
-// v19 — белый фон превью (раньше JPEG-кеш сохранял прозрачный clearColor
+// v20 — инвалидируем кеш после исправления абсолютных URL в opensource-студии
-// как ЧЁРНЫЙ, т.к. JPEG не имеет alpha). 2026-05-27.
+// (старый IS_DEV=false слал /kubikon-assets/* на minecraftia → HTML вместо GLB).
-const CACHE_PREFIX = 'kubikonThumb:v19:';
+const CACHE_PREFIX = 'kubikonThumb:v20:';
 
 // Удаляем устаревшие версии превью при первой инициализации модуля
 try {
     const stale = [];
     for (let i = 0; i < localStorage.length; i++) {
         const k = localStorage.key(i);
-        if (k && /^kubikonThumb:v(?:[1-9]|1[0-8]):/.test(k)) stale.push(k);
+        if (k && /^kubikonThumb:v\d+:/.test(k) && !k.startsWith(CACHE_PREFIX)) {
+            stale.push(k);
+        }
     }
     stale.forEach(k => localStorage.removeItem(k));
 } catch (e) { /* ignore */ }