@newlogic-digital/core 4.0.1 → 4.1.0-next.1

package/index.js

@@ -10,6 +10,7 @@ import { Features as LightningCssFeatures, browserslistToTargets } from 'lightni
 import process from 'node:process'
 import heroicons from '@newlogic-digital/vite-plugin-heroicons'
 import { fileURLToPath } from 'node:url'
+import { processPostcssCustomProperties } from '@newlogic-digital/core/src/postcssCustomProperties.js'
 
 const { name } = getPackageInfo(import.meta.url)
 
@@ -79,6 +80,9 @@ const defaultOptions = {
 const plugin = async (options = {}) => {
   options = deepMergeWith(defaultOptions, options)
 
+  /**
+   * @type import('vite').Plugin[]
+   */
   const optionalPlugins = []
 
   if (options.format.includes('twig')) {
@@ -106,6 +110,15 @@ const plugin = async (options = {}) => {
   if (options.cssInline.paths.length > 0) {
     const cssInline = (await import('@vituum/vite-plugin-css-inline')).default
 
+    optionalPlugins.push({
+      name: '@newlogic-digital/core:postcss-custom-properties',
+      transform(code, id) {
+        if (id.endsWith('.css') && options.mode === 'emails') {
+          return processPostcssCustomProperties(code)
+        }
+      },
+    })
+
     optionalPlugins.push(cssInline(options.cssInline))
   }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@newlogic-digital/core",
   "type": "module",
-  "version": "4.0.1",
+  "version": "4.1.0-next.1",
   "main": "index.js",
   "bin": {
     "newlogic-core": "./bin/newlogic-core.js"
@@ -18,17 +18,17 @@
   },
   "dependencies": {
     "@minify-html/node": "^0.18.1",
-    "@newlogic-digital/vite-plugin-heroicons": "^1.1.1",
+    "@newlogic-digital/vite-plugin-heroicons": "^1.2.1",
     "@stylistic/eslint-plugin": "^5.10",
-    "@stylistic/stylelint-config": "^4.0.0",
-    "@vituum/vite-plugin-css-inline": "^2.0.2",
+    "@stylistic/stylelint-config": "^5.0.0",
+    "@vituum/vite-plugin-css-inline": "^2.1.0-next.1",
     "@vituum/vite-plugin-latte": "^2.0.2",
     "@vituum/vite-plugin-send": "^2.0.1",
-    "browserslist": "^4.28.1",
+    "browserslist": "^4.28.2",
     "browserslist-to-esbuild": "^2.1.1",
     "lightningcss": "^1.32.0",
-    "npm-check-updates": "^19.6.5",
-    "oxlint": "^1.56.0",
+    "npm-check-updates": "^20.0.0",
+    "oxlint": "^1.58.0",
     "stylelint-config-standard": "^40.0.0",
     "vituum": "^2.0.1"
   },
@@ -49,8 +49,8 @@
     "@tailwindcss/vite": "^4.2.2",
     "@types/node": "^25.5",
     "@vituum/vite-plugin-twig": "^2.0.1",
-    "rolldown": "^1.0.0-rc.10",
-    "typescript": "^5"
+    "rolldown": "^1.0.0-rc.12",
+    "typescript": "^6"
   },
   "files": [
     "bin",

package/src/linkAgentSkills.js

@@ -46,7 +46,8 @@ if (!projectRoot || projectRoot === packageRoot || !fs.existsSync(sourceSkillsDi
 
 const targetAgentsDir = path.join(projectRoot, '.agents')
 const targetSkillsDir = path.join(targetAgentsDir, 'skills')
-const targetClaudePath = path.join(projectRoot, '.claude')
+const targetClaudeDir = path.join(projectRoot, '.claude')
+const targetClaudeSkillsDir = path.join(targetClaudeDir, 'skills')
 const skillEntries = fs.readdirSync(sourceSkillsDir, { withFileTypes: true })
   .filter(entry => entry.isDirectory())
 
@@ -57,7 +58,7 @@ if (skillEntries.length === 0) {
 fs.mkdirSync(targetSkillsDir, { recursive: true })
 
 let linkedCount = 0
-let linkedClaudeDir = false
+let linkedClaudeSkillsDir = false
 
 for (const entry of skillEntries) {
   const sourcePath = path.join(sourceSkillsDir, entry.name)
@@ -81,27 +82,39 @@ for (const entry of skillEntries) {
   linkedCount += 1
 }
 
-const claudeStat = getExistingTargetStat(targetClaudePath)
+const claudeStat = getExistingTargetStat(targetClaudeDir)
+let shouldLinkClaudeSkillsDir = true
 
-if (claudeStat) {
-  if (!claudeStat.isSymbolicLink()) {
-    console.warn(`${styleText(['cyan', 'bold'], name)} ${styleText('yellow', `Skipping ".claude" because "${targetClaudePath}" already exists and is not a symlink.`)}`)
+if (claudeStat?.isSymbolicLink()) {
+  console.warn(`${styleText(['cyan', 'bold'], name)} ${styleText('yellow', `Skipping "${targetClaudeSkillsDir}" because "${targetClaudeDir}" already exists as a symlink. Remove "${targetClaudeDir}" and run the command again.`)}`)
+  shouldLinkClaudeSkillsDir = false
+}
+
+if (shouldLinkClaudeSkillsDir) {
+  fs.mkdirSync(targetClaudeDir, { recursive: true })
+
+  const claudeSkillsStat = getExistingTargetStat(targetClaudeSkillsDir)
+
+  if (claudeSkillsStat) {
+    if (!claudeSkillsStat.isSymbolicLink()) {
+      console.warn(`${styleText(['cyan', 'bold'], name)} ${styleText('yellow', `Skipping "${targetClaudeSkillsDir}" because it already exists and is not a symlink.`)}`)
+    }
+    else if (!isSameSymlinkTarget(targetClaudeSkillsDir, targetSkillsDir)) {
+      fs.unlinkSync(targetClaudeSkillsDir)
+      createDirectorySymlink(targetSkillsDir, targetClaudeSkillsDir)
+      linkedClaudeSkillsDir = true
+    }
   }
-  else if (!isSameSymlinkTarget(targetClaudePath, targetAgentsDir)) {
-    fs.unlinkSync(targetClaudePath)
-    createDirectorySymlink(targetAgentsDir, targetClaudePath)
-    linkedClaudeDir = true
+  else {
+    createDirectorySymlink(targetSkillsDir, targetClaudeSkillsDir)
+    linkedClaudeSkillsDir = true
   }
 }
-else {
-  createDirectorySymlink(targetAgentsDir, targetClaudePath)
-  linkedClaudeDir = true
-}
 
 if (linkedCount > 0) {
   console.info(`${styleText(['cyan', 'bold'], name)} ${styleText('green', `Linked ${linkedCount} skill${linkedCount === 1 ? '' : 's'} into "${targetSkillsDir}".`)}`)
 }
 
-if (linkedClaudeDir) {
-  console.info(`${styleText(['cyan', 'bold'], name)} ${styleText('green', `Linked "${targetClaudePath}" to "${targetAgentsDir}".`)}`)
+if (linkedClaudeSkillsDir) {
+  console.info(`${styleText(['cyan', 'bold'], name)} ${styleText('green', `Linked "${targetClaudeSkillsDir}" to "${targetSkillsDir}".`)}`)
 }

package/src/postcssCustomProperties.js

@@ -0,0 +1,14 @@
+import postcss from 'postcss'
+import postcssCustomProperties from 'postcss-custom-properties'
+
+export const processPostcssCustomProperties = (code, options = {
+  preserve: false,
+}) => {
+  const processedCss = postcss(
+    [
+      postcssCustomProperties(options),
+    ],
+  ).process(code)
+
+  return processedCss.css.replace(/\s*--[\w-]+\s*:\s*[^;]*;/g, '')
+}