Use full version number in CDN link

codefrau · codefrau · commit c4ad5dc5356b · 2025-05-14T18:51:30.000+02:00
diff --git a/README.md b/README.md
@@ -71,10 +71,16 @@ This file has about 80 lines of code total.
 
 This is the same app, but using a Multisynq Model for the asteroids.
 
-A session name and password is automatically appended to the URL.
+When you ttry it, a session name and password are automatically appended to the URL.
 If you open that session URL in another window or on another device,
 the asteroids will float exactly the same in both.
 
+The HTML imports the Multisynq client via a CDN. That way we don't need a bundler:
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>
+```
+
 The app is devided into two parts: The "model" is the part that is synchronized
 by Multisynq for all users. It is like a shared computer that all users directly
 interact with. The other part is the "view", which displays the model to the user
diff --git a/step1.html b/step1.html
@@ -16,7 +16,7 @@
                 max-height: 100%;
             }
         </style>
-        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1/bundled/multisynq-client.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>
     </head>
     <body>
         <canvas id="canvas" width="1000" height="1000"></canvas>
diff --git a/step2.html b/step2.html
@@ -16,7 +16,7 @@
                 max-height: 100%;
             }
         </style>
-        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1/bundled/multisynq-client.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>
     </head>
     <body>
         <canvas id="canvas" width="1000" height="1000"></canvas>
diff --git a/step3.html b/step3.html
@@ -16,7 +16,7 @@
                 max-height: 100%;
             }
         </style>
-        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1/bundled/multisynq-client.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>
     </head>
     <body>
         <canvas id="canvas" width="1000" height="1000"></canvas>
diff --git a/step4.html b/step4.html
@@ -16,7 +16,7 @@
                 max-height: 100%;
             }
         </style>
-        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1/bundled/multisynq-client.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>
     </head>
     <body>
         <canvas id="canvas" width="1000" height="1000"></canvas>
diff --git a/step5.html b/step5.html
@@ -16,7 +16,7 @@
                 max-height: 100%;
             }
         </style>
-        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1/bundled/multisynq-client.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>
     </head>
     <body>
         <canvas id="canvas" width="1000" height="1000"></canvas>
diff --git a/step6.html b/step6.html
@@ -16,7 +16,7 @@
                 max-height: 100%;
             }
         </style>
-        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1/bundled/multisynq-client.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>
     </head>
     <body>
         <canvas id="canvas" width="1000" height="1000"></canvas>
diff --git a/step7.html b/step7.html
@@ -16,7 +16,7 @@
                 max-height: 100%;
             }
         </style>
-        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1/bundled/multisynq-client.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>
     </head>
     <body>
         <canvas id="canvas" width="1000" height="1000"></canvas>
diff --git a/step8.html b/step8.html
@@ -21,7 +21,7 @@
                 border: none; color: #000; text-align: center; font-size: 1.2em;
             }
        </style>
-        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1/bundled/multisynq-client.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>
     </head>
     <body>
         <canvas id="canvas" width="1000" height="1000"></canvas>
diff --git a/step9.html b/step9.html
@@ -47,7 +47,7 @@
 
             }
         </style>
-        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1/bundled/multisynq-client.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>
     </head>
     <body>
         <canvas id="canvas" width="1000" height="1000"></canvas>

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@`
`16`	`16`	`max-height: 100%;`
`17`	`17`	`}`
`18`	`18`	`</style>`
`19`		`- <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1/bundled/multisynq-client.min.js"></script>`
	`19`	`+ <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>`
`20`	`20`	`</head>`
`21`	`21`	`<body>`
`22`	`22`	`<canvas id="canvas" width="1000" height="1000"></canvas>`
Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@`
`21`	`21`	`border: none; color: #000; text-align: center; font-size: 1.2em;`
`22`	`22`	`}`
`23`	`23`	`</style>`
`24`		`- <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1/bundled/multisynq-client.min.js"></script>`
	`24`	`+ <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>`
`25`	`25`	`</head>`
`26`	`26`	`<body>`
`27`	`27`	`<canvas id="canvas" width="1000" height="1000"></canvas>`
Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@`
`47`	`47`
`48`	`48`	`}`
`49`	`49`	`</style>`
`50`		`- <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1/bundled/multisynq-client.min.js"></script>`
	`50`	`+ <script src="https://cdn.jsdelivr.net/npm/@multisynq/client@1.0.1/bundled/multisynq-client.min.js"></script>`
`51`	`51`	`</head>`
`52`	`52`	`<body>`
`53`	`53`	`<canvas id="canvas" width="1000" height="1000"></canvas>`