@hammerstone/refine-stimulus - npm Package Compare versions

Comparing version 2.3.9 to 2.3.10-0.1

app/javascript/index.js

@@ -1,2 +0,1 @@
-export * from './controllers'
-import '../assets/stylesheets/refine/rails/index.css';
+export * from './controllers'

CHANGELOG.md

@@ -0,1 +1,5 @@
+### 2.3.10 2022-11-22
+* bugfix
+    * Properly export tailwind and non tailwind css files
+
 ### 2.3.9 (npm package: 2.3.9) 2022-11-15
@@ -2,0 +6,0 @@ * features

package.json

 {
   "name": "@hammerstone/refine-stimulus",
-  "version": "2.3.8",
+  "version": "2.3.10-0.1",
   "description": "Refine is a flexible query builder for your apps. It lets your users filter down to exactly what they're looking for. Completely configured on the backend.",
@@ -16,11 +16,19 @@ "browserslist": [
     "app/javascript/**/*.js",
-    "app/assets/stylesheets/refine/rails/index.css"
+    "app/assets/stylesheets/index.css",
+    "app/assets/stylesheets/index.tailwind.css"
   ],
   "watch": {
-    "update-local-installs": "app/javascript/**/*.js"
+    "update-local-installs": {
+      "patterns": [
+        "app/javascript/**/*.js",
+        "app/assets/stylesheets/index.tailwind.css"
+      ]
+    }
   },
   "scripts": {
     "prebuild": "$npm_execpath run clean",
-    "build": "microbundle app/javascript/index.js -o app/assets/javascripts/ --globals @hotwired/stimulus=Stimulus",
-    "clean": "rimraf app/assets/javascripts",
+    "build": "$npm_execpath run build:js && $npm_execpath run build:css",
+    "build:js": "microbundle app/javascript/index.js -o app/assets/javascripts/ --globals @hotwired/stimulus=Stimulus",
+    "build:css": "tailwindcss -i app/assets/stylesheets/index.tailwind.css -o app/assets/stylesheets/index.css",
+    "clean": "rimraf app/assets/javascripts app/assets/stylesheets/index.css",
     "watch": "npm-watch",
@@ -57,2 +65,3 @@ "update-local-installs": "$npm_execpath run build; yalc push"
     "rimraf": "^3.0.2",
+    "tailwindcss": "^3.2.4",
     "yalc": "^1.0.0-pre.53"
@@ -59,0 +68,0 @@ },

README.md

@@ -21,3 +21,3 @@ ## How to integrate the refine filter
 
-5. Import the Stimulus Controllers in your application. 
+5. Import the Stimulus Controllers and style sheet in your application. 
 Typically this is in `app/javascript/controllers/index.js`
@@ -27,2 +27,3 @@
 import { controllerDefinitions as refineControllers } from "@hammerstone/refine-stimulus"
+import "@hammerstone/refine-stimulus/app/assets/stylesheets/index.css";
 application.load(refineControllers)
@@ -40,2 +41,11 @@ ```
 
+**Note about the style sheet:**
+
+Instead of importing the plain `index.css`, you can remove that line and instead, in your app's tailwind-parsed source css files, you can include the raw tailwind file. Tailwind v3 is required for this.
+
+```css
+/* in application.css */
+@import '@hammerstone/refine-stimulus/app/assets/stylesheets/index.tailwind.css';
+```
+
 6. Add jquery (necessary for our custom select elements)
@@ -42,0 +52,0 @@ `yarn add jquery`

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

295195

increased by11.54%

Number of package files

28

increased by3.7%

Lines of code

2235

increased by87.82%

Number of lines in readme file

396

increased by2.59%

Number of medium supply chain risk alerts

5

decreased by-16.67%

Worsened metrics

Dev dependency count

12

increased by9.09%

Number of low quality alerts

3

increased by50%

No dependency changes