@coppsary/motionly 1.1.2 → 1.1.3

package/README.md

@@ -11,14 +11,18 @@
 </p>
 
 <p align="center">
-  <img src="https://img.shields.io/badge/TypeScript-5.7-3178C6?style=flat&logo=typescript&logoColor=white" alt="TypeScript">
-  <img src="https://img.shields.io/badge/Svelte-5.56-FF3E00?style=flat&logo=svelte&logoColor=white" alt="Svelte">
-  <img src="https://img.shields.io/badge/Canvas-2D_Renderer-E34F26?style=flat&logo=html5&logoColor=white" alt="Canvas">
-  <img src="https://img.shields.io/badge/GSAP-3.15-0AE448?style=flat&logo=greensock&logoColor=white" alt="GSAP">
-  <a href="LICENSE"><img src="https://img.shields.io/badge/License-Apache_2.0-blue?style=flat" alt="License"></a>
-  <br>
+  <a href="https://www.producthunt.com/products/motionly">
+    <img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1202670&theme=dark" alt="Motionly on Product Hunt" height="54" />
+  </a>
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@coppsary/motionly">
+  <img src="https://img.shields.io/npm/dm/%40coppsary%2Fmotionly?style=flat&logo=npm&logoColor=white" alt="npm Downloads">
+</a>
   <a href="https://motionly.mintlify.app/"><img src="https://img.shields.io/badge/Docs-Mintlify-7C3AED?style=flat" alt="Documentation"></a>
   <a href="https://github.com/COPPSARY/Motionly"><img src="https://img.shields.io/github/stars/COPPSARY/Motionly?style=flat" alt="GitHub Stars"></a>
+   <a href="LICENSE"><img src="https://img.shields.io/badge/License-Apache_2.0-blue?style=flat" alt="License"></a>
 </p>
 
 <p align="center">

package/bin/motionly.js

@@ -308,6 +308,17 @@ async function readRequestBody(request, maximum = 5_000_000) {
   return source;
 }
 
+async function readRequestBuffer(request, maximum = 200_000_000) {
+  const chunks = [];
+  let total = 0;
+  for await (const chunk of request) {
+    total += chunk.length;
+    if (total > maximum) throw new Error('TOO_LARGE');
+    chunks.push(chunk);
+  }
+  return Buffer.concat(chunks);
+}
+
 function safeFile(rootPath, pathname) {
   const filePath = normalize(join(rootPath, pathname));
   return filePath === rootPath || filePath.startsWith(`${rootPath}${sep}`) ? filePath : null;
@@ -371,7 +382,7 @@ async function serveEditor(argv, projectFolder = null) {
         return;
       }
 
-      if (pathname.startsWith('/assets/')) {
+      if (pathname.startsWith('/assets/') && (request.method === 'GET' || request.method === 'HEAD')) {
         const bundledAsset = safeFile(dist, pathname.slice(1));
         if (bundledAsset && (await exists(bundledAsset))) {
           await serveFile(response, bundledAsset, request.method);
@@ -381,10 +392,19 @@ async function serveEditor(argv, projectFolder = null) {
 
       if (assetsRoot && pathname.startsWith('/assets/')) {
         const filePath = safeFile(assetsRoot, pathname.slice('/assets/'.length));
-        if (!filePath) {
+        if (!filePath || filePath === assetsRoot) {
           response.writeHead(403).end('Forbidden');
           return;
         }
+        if (request.method === 'PUT') {
+          // Save an uploaded/dragged asset into the project's on-disk assets folder
+          // so it can be reused, edited, or deleted like any other project media.
+          const data = await readRequestBuffer(request);
+          await mkdir(dirname(filePath), { recursive: true });
+          await writeFile(filePath, data);
+          response.writeHead(204, { 'X-Motionly-Asset': basename(filePath) }).end();
+          return;
+        }
         await serveFile(response, filePath, request.method);
         return;
       }
@@ -408,7 +428,7 @@ async function serveEditor(argv, projectFolder = null) {
   });
 
   server.listen(port, () => {
-    const url = `http://localhost:${port}${projectRoot ? '/editor' : ''}`;
+    const url = `http://localhost:${port}`;
     console.log(
       `\n  Motionly is running.\n  Open this URL in your browser: ${url}${projectRoot ? `\n  Project: ${projectRoot}` : ''}\n  Press Ctrl+C to stop.\n`
     );