dolphincss 1.3.2 → 1.3.3

package/bin/dolphin.js

@@ -170,6 +170,9 @@ function setupVSCodeIntelliSense(markers) {
 }
 
 async function init() {
+  // Always load local markers first so core/offline templates are available
+  loadLocalMarkers();
+
   let remoteUrl = '';
   
   // 1. Load config
@@ -213,7 +216,10 @@ async function init() {
       console.log(`🚀 On-demand fetching active. (Markers will be downloaded when used)`);
 
       setupVSCodeIntelliSense(remoteMarkerMap);
-      processFile(path.join(projectRoot, 'src/App.jsx'));
+      const startupAppPath = path.join(projectRoot, 'src/App.jsx');
+      if (fs.existsSync(startupAppPath)) {
+        processFile(startupAppPath);
+      }
       startWatcher();
     } catch (error) {
       console.error(`❌ Sync Error: ${error.message}`);
@@ -236,7 +242,6 @@ async function init() {
 }
 
 async function processFile(filePath) {
-  console.log(`🔍 processFile triggered for: ${filePath}`);
   if (filePath.includes('templates' + path.sep) || filePath.includes('bin' + path.sep) || filePath.includes('node_modules')) return;
 
   const ext = path.extname(filePath).toLowerCase();
@@ -290,7 +295,7 @@ async function processFile(filePath) {
             fetchingMarkers.delete(markerClass); // Always remove from fetching set
           }
         } else {
-            console.log(`Skipping fetch for ${markerClass}: InRegistry=${!!templateRegistry[markerClass]} InRemote=${!!remoteMarkerMap[markerClass]} Fetching=${fetchingMarkers.has(markerClass)}`);
+            // Silent skip - already fetched or fetching
         }
       }
     }
@@ -373,17 +378,17 @@ async function processFile(filePath) {
           if (isReact) {
             if (!templateData.isJsxTemplate) {
               finalTemplate = finalTemplate
-                .replace(/class=/g, 'className=')
-                .replace(/for=/g, 'htmlFor=')
-                .replace(/tabindex=/g, 'tabIndex=')
-                .replace(/onclick=/g, 'onClick=')
-                .replace(/stroke-linecap=/g, 'strokeLinecap=')
-                .replace(/stroke-linejoin=/g, 'strokeLinejoin=')
-                .replace(/stroke-width=/g, 'strokeWidth=')
-                .replace(/fill-rule=/g, 'fillRule=')
-                .replace(/clip-rule=/g, 'clipRule=')
+                .replace(/\bclass=/g, 'className=')
+                .replace(/\bfor=/g, 'htmlFor=')
+                .replace(/\btabindex=/g, 'tabIndex=')
+                .replace(/\bonclick=/g, 'onClick=')
+                .replace(/\bstroke-linecap=/g, 'strokeLinecap=')
+                .replace(/\bstroke-linejoin=/g, 'strokeLinejoin=')
+                .replace(/\bstroke-width=/g, 'strokeWidth=')
+                .replace(/\bfill-rule=/g, 'fillRule=')
+                .replace(/\bclip-rule=/g, 'clipRule=')
                 .replace(/<!--([\s\S]*?)-->/g, '{/*$1*/}')
-                .replace(/stop-color=/g, 'stopColor=')
+                .replace(/\bstop-color=/g, 'stopColor=')
                 .replace(/style="([^"]*)"/g, (_, s) => {
                   const obj = s.split(';').filter(Boolean).map(p => {
                     const [k, v] = p.split(':').map(x => x.trim());
@@ -399,7 +404,7 @@ async function processFile(filePath) {
                 });
             }
           } else {
-              finalTemplate = finalTemplate.replace(/className=/g, 'class=');
+              finalTemplate = finalTemplate.replace(/\bclassName=/g, 'class=');
           }
 
           if (finalTemplate.includes('{/* INNER */}')) {
@@ -433,14 +438,22 @@ async function processFile(filePath) {
 }
 
 function startWatcher() {
-  const watcher = chokidar.watch(['./src/**/*.{js,jsx,ts,tsx,html}', './*.html'], {
-    ignored: /(node_modules|\.git|templates|bin)/,
+  const watcher = chokidar.watch('.', {
+    cwd: projectRoot,
+    ignored: (file) => {
+      const normalised = file.replace(/\\/g, '/');
+      const parts = normalised.split('/');
+      return parts.some(part => 
+        ['node_modules', '.git', 'templates', 'bin', 'dist'].includes(part)
+      );
+    },
     persistent: true,
     ignoreInitial: false,
     awaitWriteFinish: { stabilityThreshold: 400, pollInterval: 100 },
   });
 
-  watcher.on('add', filePath => processFile(filePath)).on('change', filePath => processFile(filePath));
+  watcher.on('add', filePath => processFile(path.join(projectRoot, filePath)))
+         .on('change', filePath => processFile(path.join(projectRoot, filePath)));
   console.log('👁️  Watching for markers...');
 }
 

package/core-templates/dolphin-loader.html

@@ -0,0 +1,7 @@
+<div className="flex flex-col items-center justify-center gap-4 p-8 fx-crystal rounded-3xl max-w-sm mx-auto bg-surface/40">
+  <div className="loader-dolphin-jump">
+    <div className="dolphin"></div>
+    <div className="wave"></div>
+  </div>
+  <p className="text-sm font-semibold text-text-muted animate-pulse tracking-wide">Loading...</p>
+</div>

package/core-templates/dolphin-loading-button.html

@@ -0,0 +1,30 @@
+<div className="flex flex-col gap-8 p-8 fx-crystal rounded-3xl bg-surface/40">
+  <div className="flex flex-wrap gap-4 items-center">
+    {/* Primary Filled Loading Button */}
+    <button className="filled primary px-6 py-3 rounded-xl flex items-center justify-center gap-3 opacity-90 cursor-not-allowed glow" disabled>
+      <svg className="spin-fast h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+        <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+        <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+      </svg>
+      <span className="font-bold">Processing...</span>
+    </button>
+
+    {/* Secondary Outlined Loading Button */}
+    <button className="outlined secondary px-6 py-3 rounded-xl flex items-center justify-center gap-3 opacity-90 cursor-not-allowed glow" disabled>
+      <svg className="spin-medium h-5 w-5 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+        <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+        <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+      </svg>
+      <span className="font-bold text-text">Loading...</span>
+    </button>
+    
+    {/* Success Gradient Loading Button */}
+    <button className="filled success px-6 py-3 rounded-xl flex items-center justify-center gap-3 opacity-90 cursor-not-allowed glow pulse" disabled>
+      <svg className="spin-fast h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+        <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+        <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+      </svg>
+      <span className="font-bold">Please wait...</span>
+    </button>
+  </div>
+</div>