refactored common blog post css in separate file

rahulshishodia · rahulshishodia · commit fc14be2e1482 · 2026-02-26T20:23:44.000+05:30
diff --git a/build.gradle b/build.gradle
@@ -6,12 +6,19 @@ buildscript {
                 includeVersionByRegex 'org[.]apache[.]((grails)|(groovy)).*', '.*', '.*-SNAPSHOT'
             }
         }
+        maven {
+            url = 'https://central.sonatype.com/repository/maven-snapshots'
+            content {
+                includeVersionByRegex 'cloud[.]wondrify', '.*', '.*-SNAPSHOT'
+            }
+        }
         maven { url = 'https://repo.grails.org/grails/restricted' }
     }
     dependencies {
         classpath platform("org.apache.grails:grails-bom:$grailsVersion")
-        classpath "org.apache.grails:grails-gradle-plugins"
+        classpath 'org.apache.grails:grails-gradle-plugins'
         classpath 'org.apache.grails.gradle:grails-publish'
+        classpath 'cloud.wondrify:asset-pipeline-gradle'
     }
 }
 
diff --git a/example/build.gradle b/example/build.gradle
@@ -6,6 +6,12 @@ plugins {
 
 apply plugin: "org.apache.grails.gradle.grails-web"
 apply plugin: "org.apache.grails.gradle.grails-gsp"
+apply plugin: 'cloud.wondrify.asset-pipeline'
+
+assets {
+    minifyJs = true
+    minifyCss = true
+}
 
 configurations {
     developmentOnly
@@ -45,10 +51,13 @@ dependencies {
     implementation "org.apache.grails:grails-data-hibernate5"
 
     // H2 Database
-    runtimeOnly("com.h2database:h2")
+    runtimeOnly "com.h2database:h2"
+
+    // asset pipeline
+    runtimeOnly "cloud.wondrify:asset-pipeline-grails"
 }
 
 // https://github.com/apache/grails-core/issues/15321
 tasks.withType(GroovyCompile).configureEach {
     groovyOptions.optimizationOptions.indy = false
-}
+}
diff --git a/example/grails-app/assets/stylesheets/blogPost.css b/example/grails-app/assets/stylesheets/blogPost.css
@@ -0,0 +1,71 @@
+.editor-container {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1.5rem;
+}
+
+@media (max-width: 768px) {
+    .editor-container {
+        grid-template-columns: 1fr;
+    }
+}
+
+.editor-pane {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.editor-pane .form-group {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+
+.editor-pane textarea {
+    flex: 1;
+    width: 100%;
+    box-sizing: border-box;
+    min-height: 500px;
+    height: 500px;
+    resize: vertical;
+    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace;
+    font-size: 14px;
+    line-height: 1.6;
+    padding: 1rem;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background: #fafafa;
+}
+
+.preview-pane {
+    background: white;
+    padding: 1.5rem;
+    border-radius: 8px;
+    border: 1px solid #ddd;
+    min-height: 500px;
+    height: 500px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+}
+
+.preview-pane h3 {
+    margin-top: 0;
+    color: #2c3e50;
+    border-bottom: 2px solid #3498db;
+    padding-bottom: 0.5rem;
+    margin-bottom: 1rem;
+    flex-shrink: 0;
+}
+
+.preview-content {
+    flex: 1;
+    overflow-y: auto;
+}
+
+.help-text {
+    font-size: 0.9rem;
+    color: #7f8c8d;
+    margin-top: 0.5rem;
+}
diff --git a/example/grails-app/views/blogPost/create.gsp b/example/grails-app/views/blogPost/create.gsp
@@ -3,79 +3,7 @@
 <head>
     <meta name="layout" content="main"/>
     <title>Create New Blog Post</title>
-    <style>
-        .editor-container {
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            gap: 1.5rem;
-        }
-        
-        @media (max-width: 768px) {
-            .editor-container {
-                grid-template-columns: 1fr;
-            }
-        }
-        
-        .editor-pane {
-            display: flex;
-            flex-direction: column;
-            height: 100%;
-        }
-
-        .editor-pane .form-group {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-        }
-
-        .editor-pane textarea {
-            flex: 1;
-            width: 100%;
-            box-sizing: border-box;
-            min-height: 500px;
-            height: 500px;
-            resize: vertical;
-            font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace;
-            font-size: 14px;
-            line-height: 1.6;
-            padding: 1rem;
-            border: 1px solid #ddd;
-            border-radius: 8px;
-            background: #fafafa;
-        }
-        
-        .preview-pane {
-            background: white;
-            padding: 1.5rem;
-            border-radius: 8px;
-            border: 1px solid #ddd;
-            min-height: 500px;
-            height: 500px;
-            overflow-y: auto;
-            display: flex;
-            flex-direction: column;
-        }
-        
-        .preview-pane h3 {
-            margin-top: 0;
-            color: #2c3e50;
-            border-bottom: 2px solid #3498db;
-            padding-bottom: 0.5rem;
-            margin-bottom: 1rem;
-            flex-shrink: 0;
-        }
-        
-        .preview-content {
-            flex: 1;
-            overflow-y: auto;
-        }
-        
-        .help-text {
-            font-size: 0.9rem;
-            color: #7f8c8d;
-            margin-top: 0.5rem;
-        }
-    </style>
+    <asset:stylesheet src="blogPost.css"/>
 </head>
 <body>
     <div class="card">
diff --git a/example/grails-app/views/blogPost/edit.gsp b/example/grails-app/views/blogPost/edit.gsp
@@ -3,79 +3,7 @@
 <head>
     <meta name="layout" content="main"/>
     <title>Edit: ${blogPost?.title}</title>
-    <style>
-        .editor-container {
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            gap: 1.5rem;
-        }
-        
-        @media (max-width: 768px) {
-            .editor-container {
-                grid-template-columns: 1fr;
-            }
-        }
-        
-        .editor-pane {
-            display: flex;
-            flex-direction: column;
-            height: 100%;
-        }
-
-        .editor-pane .form-group {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-        }
-
-        .editor-pane textarea {
-            flex: 1;
-            width: 100%;
-            box-sizing: border-box;
-            min-height: 500px;
-            height: 500px;
-            resize: vertical;
-            font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace;
-            font-size: 14px;
-            line-height: 1.6;
-            padding: 1rem;
-            border: 1px solid #ddd;
-            border-radius: 8px;
-            background: #fafafa;
-        }
-        
-        .preview-pane {
-            background: white;
-            padding: 1.5rem;
-            border-radius: 8px;
-            border: 1px solid #ddd;
-            min-height: 500px;
-            height: 500px;
-            overflow-y: auto;
-            display: flex;
-            flex-direction: column;
-        }
-        
-        .preview-pane h3 {
-            margin-top: 0;
-            color: #2c3e50;
-            border-bottom: 2px solid #3498db;
-            padding-bottom: 0.5rem;
-            margin-bottom: 1rem;
-            flex-shrink: 0;
-        }
-        
-        .preview-content {
-            flex: 1;
-            overflow-y: auto;
-        }
-        
-        .help-text {
-            font-size: 0.9rem;
-            color: #7f8c8d;
-            margin-top: 0.5rem;
-        }
-    </style>
+    <asset:stylesheet src="blogPost.css"/>
 </head>
 <body>
     <div class="card">

Original file line number	Diff line number	Diff line change
`@@ -6,12 +6,19 @@ buildscript {`
`6`	`6`	`includeVersionByRegex 'org[.]apache[.]((grails)\|(groovy)).', '.', '.*-SNAPSHOT'`
`7`	`7`	`}`
`8`	`8`	`}`
	`9`	`+ maven {`
	`10`	`+ url = 'https://central.sonatype.com/repository/maven-snapshots'`
	`11`	`+ content {`
	`12`	`+ includeVersionByRegex 'cloud[.]wondrify', '.', '.-SNAPSHOT'`
	`13`	`+ }`
	`14`	`+ }`
`9`	`15`	`maven { url = 'https://repo.grails.org/grails/restricted' }`
`10`	`16`	`}`
`11`	`17`	`dependencies {`
`12`	`18`	`classpath platform("org.apache.grails:grails-bom:$grailsVersion")`
`13`		`- classpath "org.apache.grails:grails-gradle-plugins"`
	`19`	`+ classpath 'org.apache.grails:grails-gradle-plugins'`
`14`	`20`	`classpath 'org.apache.grails.gradle:grails-publish'`
	`21`	`+ classpath 'cloud.wondrify:asset-pipeline-gradle'`
`15`	`22`	`}`
`16`	`23`	`}`
`17`	`24`