implicit conversion for laminar and scalajs-react

nguyenyou · Jun 23, 2024 · f511941 · f511941
1 parent 7565e50
commit f511941
Show file tree

Hide file tree

Showing 12 changed files with 100 additions and 8 deletions.
diff --git a/.changeset/brave-planes-push.md b/.changeset/brave-planes-push.md
@@ -0,0 +1,5 @@
+---
+"scalawind": patch
+---
+
+implicit conversion for laminar and scalajs-react
diff --git a/packages/scalawind/src/commands/generate.js b/packages/scalawind/src/commands/generate.js
@@ -15,7 +15,8 @@ const initOptionsSchema = z.object({
   packageName: z.string(),
   previewCompliedResult: z.boolean(),
   checkDuplication: z.boolean(),
-  checkOptimization: z.boolean()
+  checkOptimization: z.boolean(),
+  framework: z.union([z.literal("laminar"), z.literal("scalajs-react"), z.literal("both")])
 })
 
 export const generate = new Command()
@@ -41,6 +42,11 @@ export const generate = new Command()
     "enable check duplication",
     false
   )
+  .option(
+    "-f, --framework",
+    "generate implicit conversion helpers for framework, can be: laminar, scalajs-react, both",
+    false
+  )
   .option(
     "-co, --check-optimization",
     "enable check optimization",

diff --git a/packages/scalawind/src/generate/index.js b/packages/scalawind/src/generate/index.js
@@ -14,11 +14,26 @@ function readTemplate(filename) {
 Handlebars.registerPartial({
   swMacro: Handlebars.compile(readTemplate('swMacro')),
   tailwind: Handlebars.compile(readTemplate('tailwind'), {noEscape: true}),
+  laminar: Handlebars.compile(readTemplate('laminar')),
+  scalajsReact: Handlebars.compile(readTemplate('scalajsReact')),
   classesValidation: Handlebars.compile(readTemplate('classesValidation')),
 });
 
 const template = Handlebars.compile(readTemplate('scalawind'));
 
+function getImplicitConversionHelpers(framework) {
+  switch (framework) {
+    case "laminar":
+      return { laminar: true, scalajsReact: false }
+    case "scalajs-react":
+      return { laminar: false, scalajsReact: true } 
+    case "both":
+      return { laminar: true, scalajsReact: true }  
+    default:
+      return { laminar: false, scalajsReact: false }
+  }
+}
+
 export function generateContent(options) {
   const { userConfig } = options
   const resolvedConfig = resolveConfig(userConfig);
@@ -112,6 +127,7 @@ export function generateContent(options) {
     arbitrary,
     opacityColors,
     hasValidation,
+    ...(getImplicitConversionHelpers(options.framework)),
     ...options,
   })
 

diff --git a/packages/scalawind/src/generate/templates/laminar.hbs b/packages/scalawind/src/generate/templates/laminar.hbs
@@ -0,0 +1,14 @@
+{{#if laminar}}
+import com.raquo.laminar.api.L
+
+import scala.quoted.*
+
+implicit inline def lw(inline tailwind: Tailwind): L.Modifier[L.HtmlElement] = {
+  ${ lwImpl('tailwind) }
+}
+
+def lwImpl(tailwindExpr: Expr[Tailwind])(using Quotes): Expr[L.Modifier[L.HtmlElement]] = {
+  val value = swImpl(tailwindExpr).valueOrAbort
+  '{ L.cls := ${ Expr(value) } }
+}
+{{/if}}
diff --git a/packages/scalawind/src/generate/templates/scalajsReact.hbs b/packages/scalawind/src/generate/templates/scalajsReact.hbs
@@ -0,0 +1,12 @@
+{{#if scalajsReact}}
+import japgolly.scalajs.react.vdom.html_<^.*
+
+implicit inline def cw(inline tailwind: Tailwind): TagMod = {
+  ${ cwImpl('tailwind) }
+}
+
+def cwImpl(tailwindExpr: Expr[Tailwind])(using Quotes): Expr[TagMod] = {
+  val value = swImpl(tailwindExpr).valueOrAbort
+  '{ ^.cls := ${ Expr(value) } }
+}
+{{/if}}
diff --git a/packages/scalawind/src/generate/templates/scalawind.hbs b/packages/scalawind/src/generate/templates/scalawind.hbs
@@ -3,7 +3,8 @@ package {{packageName}}
 import scala.quoted.*
 import scala.annotation.unused
 import scala.language.implicitConversions
-
+{{> laminar this }}
+{{> scalajsReact this }}
 {{> swMacro this }}
 
 {{> tailwind this }}
diff --git a/packages/scalawind/tests/cases/basic/basic.test.js b/packages/scalawind/tests/cases/basic/basic.test.js
@@ -9,10 +9,9 @@ test('basic test', () => {
     userConfig: tailwindConfig,
     packageName: "scalawind",
     previewCompliedResult: true,
-    laminar: false,
-    scalajsReact: true,
     checkDuplication: true,
     checkOptimization: true,
+    framework: 'both',
   })
   const filepath = path.join(__dirname, "./expected.txt")
   // utils.writeFile(filepath, actual)

diff --git a/packages/scalawind/tests/cases/basic/expected.txt b/packages/scalawind/tests/cases/basic/expected.txt
@@ -3,7 +3,28 @@ package scalawind
 import scala.quoted.*
 import scala.annotation.unused
 import scala.language.implicitConversions
+import com.raquo.laminar.api.L
 
+import scala.quoted.*
+
+implicit inline def lw(inline tailwind: Tailwind): L.Modifier[L.HtmlElement] = {
+  ${ lwImpl('tailwind) }
+}
+
+def lwImpl(tailwindExpr: Expr[Tailwind])(using Quotes): Expr[L.Modifier[L.HtmlElement]] = {
+  val value = swImpl(tailwindExpr).valueOrAbort
+  '{ L.cls := ${ Expr(value) } }
+}
+import japgolly.scalajs.react.vdom.html_<^.*
+
+implicit inline def cw(inline tailwind: Tailwind): TagMod = {
+  ${ cwImpl('tailwind) }
+}
+
+def cwImpl(tailwindExpr: Expr[Tailwind])(using Quotes): Expr[TagMod] = {
+  val value = swImpl(tailwindExpr).valueOrAbort
+  '{ ^.cls := ${ Expr(value) } }
+}
 extension (inline tailwind: Tailwind)
   inline def css: String =
     ${ swImpl('tailwind) }

diff --git a/packages/scalawind/tests/cases/daisy/daisy.test.js b/packages/scalawind/tests/cases/daisy/daisy.test.js
@@ -9,8 +9,7 @@ test('daisy test', () => {
     userConfig: tailwindConfig,
     packageName: "scalawind",
     previewCompliedResult: true,
-    laminar: false,
-    scalajsReact: true,
+    framework: "scalajs-react",
     checkDuplication: true,
     checkOptimization: true,
   })

diff --git a/packages/scalawind/tests/cases/daisy/expected.txt b/packages/scalawind/tests/cases/daisy/expected.txt
@@ -3,7 +3,16 @@ package scalawind
 import scala.quoted.*
 import scala.annotation.unused
 import scala.language.implicitConversions
+import japgolly.scalajs.react.vdom.html_<^.*
 
+implicit inline def cw(inline tailwind: Tailwind): TagMod = {
+  ${ cwImpl('tailwind) }
+}
+
+def cwImpl(tailwindExpr: Expr[Tailwind])(using Quotes): Expr[TagMod] = {
+  val value = swImpl(tailwindExpr).valueOrAbort
+  '{ ^.cls := ${ Expr(value) } }
+}
 extension (inline tailwind: Tailwind)
   inline def css: String =
     ${ swImpl('tailwind) }

diff --git a/packages/scalawind/tests/cases/full/expected.txt b/packages/scalawind/tests/cases/full/expected.txt
@@ -3,7 +3,18 @@ package scalawind
 import scala.quoted.*
 import scala.annotation.unused
 import scala.language.implicitConversions
+import com.raquo.laminar.api.L
 
+import scala.quoted.*
+
+implicit inline def lw(inline tailwind: Tailwind): L.Modifier[L.HtmlElement] = {
+  ${ lwImpl('tailwind) }
+}
+
+def lwImpl(tailwindExpr: Expr[Tailwind])(using Quotes): Expr[L.Modifier[L.HtmlElement]] = {
+  val value = swImpl(tailwindExpr).valueOrAbort
+  '{ L.cls := ${ Expr(value) } }
+}
 extension (inline tailwind: Tailwind)
   inline def css: String =
     ${ swImpl('tailwind) }

diff --git a/packages/scalawind/tests/cases/full/full.test.js b/packages/scalawind/tests/cases/full/full.test.js
@@ -9,8 +9,7 @@ test('full config test', () => {
     userConfig: tailwindConfig,
     packageName: "scalawind",
     previewCompliedResult: true,
-    laminar: true,
-    scalajsReact: false,
+    framework: "laminar",
     checkDuplication: false,
     checkOptimization: false,
   })