Adjusted for production build

*Fixed assets paths not taking %PUBLIC_URL% into account *Updated README.md -Removed redundant leaflet leftovers in index.html
2025-06-17 12:15:44 +02:00 · 2025-06-17 12:15:44 +02:00 · 886da1be1a
commit 886da1be1a
parent 5012de4d74
7 changed files with 16 additions and 17 deletions
--- a/README.md
+++ b/README.md
@ -1,12 +1,17 @@
 # td2-visualizer

-Narzędzie do przeglądania scenerii Train Driver 2 w przeglądarce.
-Przed załadowaniem pliku scenerii, najpierw przekonwertuj go do lżejszego formatu używając skryptu `tools/scp.py`.
+Narzędzie do przeglądania plików scenerii symulatora Train Driver 2 (.SC) w przeglądarce. Umożliwia szybkie podejrzenie układu torowego dowolnej scenerii, jej szlaków zewnętrzych, semaforów, wskaźników, spawnów, numerów rozjazdów i wiele więcej

-A tool for viewing Train Driver 2 scenery files in the browser.
-Before loading a scenery file, make sure to first convert it to lightweight format using `tools/scp.py` script.
+A tool for viewing Train Driver 2 simulator scenery files (.SC) in the browser. It allows for quick lookup of the track layout of any scenery, its external routes, signals, signs, spawns, switch numbers, and much more

-WIP
+#
+
+## Online demo
+
+Wersja online może nie zawsze być aktualna<br>
+The online version may not always be up to date
+
+https://maseuko.pl/soft/td2-visualizer-2/

 ## Author

--- a/public/index.html
+++ b/public/index.html
@ -5,13 +5,7 @@
    <link rel="icon" href="%PUBLIC_URL%/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
-    <title>Visualizer2</title>
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
-      integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
-      crossorigin=""/>
-    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
-      integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
-      crossorigin=""></script>
+    <title>TD2 Visualizer</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
--- a/src/components/map/object-renderers/RouteRenderer.js
+++ b/src/components/map/object-renderers/RouteRenderer.js
@ -16,7 +16,7 @@ export default function RouteRenderer(props) {
        <g className="route" transform={`translate(${x}, ${y}) rotate(${object.rot.y})`}>
            <g transform={`rotate(90) translate(-80, ${arrowOffset})`}>
                <ReactSVG
-                    src="/assets/route.svg"
+                    src={`${process.env.PUBLIC_URL}/assets/route.svg`}
                    wrapper='svg'
                    beforeInjection={(svg) => {
                        svg.setAttribute('width', '20mm');
--- a/src/components/map/object-renderers/SignRenderer.js
+++ b/src/components/map/object-renderers/SignRenderer.js
@ -15,7 +15,7 @@ export default function SignRenderer(props) {
    return (
        <g className="sign" transform={`translate(${x}, ${y}) rotate(${rot}) translate(${offX}, ${offY})`}>
            <ReactSVG
-                src={`/assets/signs/${object.def.icon}`}
+                src={`${process.env.PUBLIC_URL}/assets/signs/${object.def.icon}`}
                wrapper='svg'

                beforeInjection={(svg) => {
--- a/src/components/map/object-renderers/SignalBoxRenderer.js
+++ b/src/components/map/object-renderers/SignalBoxRenderer.js
@ -15,7 +15,7 @@ export default function SignalBoxRenderer(props) {
    <g className="signalbox" transform={`translate(${x}, ${y}) rotate(${rot}) `}>
      <g className="signalbox-icon" transform={`translate(-4.725, -4.725)`}>
          <ReactSVG
-              src={`/assets/signalboxes/${object.def.icon}`}
+              src={`${process.env.PUBLIC_URL}/assets/signalboxes/${object.def.icon}`}
              wrapper='svg'

              beforeInjection={(svg) => {
--- a/src/components/map/object-renderers/SignalRenderer.js
+++ b/src/components/map/object-renderers/SignalRenderer.js
@ -14,7 +14,7 @@ export default function SignalRenderer(props) {
        <g className="signal" transform={`translate(${x}, ${y}) rotate(${object.rot.y}) `}>
            <g className="signal-icon" transform={`translate(-1.89, -1.89)`}>
                <ReactSVG
-                    src="/assets/signal.svg"
+                    src={`${process.env.PUBLIC_URL}/assets/signal.svg`}
                    wrapper='svg'

                    beforeInjection={(svg) => {
--- a/src/components/toolbar/SideMenuToggle.js
+++ b/src/components/toolbar/SideMenuToggle.js
@ -13,7 +13,7 @@ export default function SideMenuToggle() {
        <div className='side-menu-toggle'>
            <button onClick={toggleSideMenu} className='invis-button'>
                <ReactSVG
-                    src="/assets/side-menu.svg"
+                    src={`${process.env.PUBLIC_URL}/assets/side-menu.svg`}
                />
            </button>
        </div>