@pure-ds/core 0.5.16 → 0.5.17

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pure-ds/core",
   "shortname": "pds",
-  "version": "0.5.16",
+  "version": "0.5.17",
   "description": "Pure Design System - Why develop a Design System when you can generate one?",
   "repository": {
     "type": "git",

package/packages/pds-cli/bin/postinstall.mjs

@@ -156,9 +156,47 @@ async function ensurePdsConfig(consumerRoot, force = false) {
       // File doesn't exist, create it
     }
     
-    const defaultConfig = `export const config = {
-  mode: "live",
-  preset: "default",
+    const defaultConfig = `import { PDS } from '@pure-ds/core';
+
+const defaultEnhancers = Array.isArray(PDS.defaultEnhancers)
+  ? PDS.defaultEnhancers
+  : [];
+
+export const config = {
+  mode: "static",
+  preset: "social-feed",
+
+  autoDefine: {
+    predefine: ["pds-icon", "pds-drawer", "pds-toaster"],
+
+    // Custom component paths
+    mapper: (tag) => {
+      if (tag.startsWith("my-")) return "/assets/my/\${tag}.js";
+
+      // Return nothing to use PDS default mapping
+    },
+
+    enhancers: [
+      ...defaultEnhancers,
+      {
+        selector: ".hero",
+        description: "Adds tooltip on hover",
+        run: (element) => {
+          // make the border-gradient in PDS rotate slowly
+          let angle = 135;
+          const speed = 0.5; // degrees per frame (~30 degrees/second at 60fps)
+
+          function animate() {
+            angle = (angle + speed) % 360;
+            element.style.setProperty("--gradient-angle", \`\${angle}deg\`);
+            requestAnimationFrame(animate);
+          }
+
+          animate();
+        },
+      },
+    ],
+  },
 
   // Uncomment to override preset design tokens:
   // design: {
@@ -177,35 +215,8 @@ async function ensurePdsConfig(consumerRoot, force = false) {
   //     baseUnit: 8,
   //     scaleRatio: 1.5
   //   }
-  // },
-
-  // Uncomment to add custom progressive enhancers:
-  // enhancers: [
-  //   {
-  //     selector: '[data-tooltip]',
-  //     description: 'Adds tooltip on hover',
-  //     run: (element) => {
-  //       const text = element.dataset.tooltip;
-  //       element.addEventListener('mouseenter', () => {
-  //         // Show tooltip implementation
-  //       });
-  //     }
-  //   }
-  // ],
-
-  // Uncomment to customize lazy-loaded web components:
-  // autoDefine: {
-  //   baseURL: '/pds/components/',
-  //   predefine: ['pds-icon', 'pds-drawer', 'pds-toaster'],
-  //   
-  //   // Custom component paths
-  //   mapper: (tag) => {
-  //     if (tag.startsWith('my-')) {
-  //       return \`/components/\${tag}.js\`;
-  //     }
-  //     // Return nothing to use PDS default mapping
-  //   }
   // }
+  
 };
 `;