fix: get sass compiling in dev env for site with smui-theme

Author: hperrin

package-lock.json

@@ -22,7 +22,8 @@
     "pages:build": "cd packages/site && npm run build && cd ../..",
     "pages:push": "git add -f packages/site/build && git commit -m 'chore: update built files' && git push origin $(git subtree split --prefix packages/site/build master):gh-pages --force && git reset --hard HEAD^",
     "prepare": "husky install && npm run build:css",
-    "build:css": "smui-theme compile bare.css",
+    "build:css": "echo \"temporarily disabled for development\"",
+    "TEMP-DISABLED-build:css": "smui-theme compile bare.css",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "files": [
@@ -37,7 +38,7 @@
     "url": "https://github.com/hperrin/svelte-material-ui/issues"
   },
   "license": "Apache-2.0",
-  "temp-disabled-dependencies": {
+  "TEMP-DISABLED-dependencies": {
     "@smui/banner": "5.0.0",
     "@smui/button": "5.0.0",
     "@smui/card": "5.0.0",
@@ -77,6 +78,9 @@
     "@smui/top-app-bar": "5.0.0",
     "@smui/touch-target": "5.0.0"
   },
+  "TEMP-DISABLED-devDependencies": {
+    "smui-theme": "file:packages/smui-theme"
+  },
   "devDependencies": {
     "@commitlint/cli": "^14.1.0",
     "@commitlint/config-conventional": "^14.1.0",
@@ -85,7 +89,6 @@
     "prettier": "~2.4.1",
     "prettier-plugin-svelte": "^2.4.0",
     "sass": "^1.43.4",
-    "smui-theme": "file:packages/smui-theme",
     "svelte": "^3.35.0",
     "svelte-check": "^2.2.8"
   }

package.json

@@ -38,6 +38,7 @@
   "devDependencies": {
     "@tsconfig/svelte": "^2.0.1",
     "sass": "^1.43.4",
+    "svelte": "^3.35.0",
     "tslib": "^2.3.1",
     "typescript": "^4.4.4"
   },

packages/common/package.json

@@ -9,8 +9,8 @@
     "clean": "test -d .svelte-kit && rm -r .svelte-kit || true",
     "preview": "svelte-kit preview",
     "prepare": "npm run smui-theme-light && npm run smui-theme-dark && npm run site-light && npm run site-dark",
-    "smui-theme-light": "smui-theme compile static/smui.css -s expanded -i src/theme",
-    "smui-theme-dark": "smui-theme compile static/smui-dark.css -s expanded -i src/theme/dark",
+    "smui-theme-light": "smui-theme compile static/smui.css -s expanded -i src/theme  -i node_modules/",
+    "smui-theme-dark": "smui-theme compile static/smui-dark.css -s expanded -i src/theme/dark  -i node_modules/",
     "site-light": "sass --no-source-map -I src/theme -I node_modules -I ../../node_modules src/site.scss static/site.css",
     "site-dark": "sass --no-source-map -I src/theme/dark -I node_modules -I ../../node_modules src/site.scss static/site-dark.css",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/site/package.json

@@ -49,9 +49,11 @@ yargs(hideBin(process.argv))
 
       const result = sass.renderSync({
         // _index imports "smui-theme"
-        file: require.resolve(
-          'smui-theme/' + (argv.includes.length ? '_index.scss' : '_style.scss')
-        ),
+        file: path.resolve(
+          __dirname,
+          '..',
+          argv.includes.length ? '_index.scss' : '_style.scss'
+        ), // require.resolve('smui-theme/' + (argv.includes.length ? '_index.scss' : '_style.scss')),
         includePaths: [
           ...argv.includes,
           // Include the node_modules directory for MDC styles.
@@ -63,7 +65,8 @@ yargs(hideBin(process.argv))
           // Include the fallback directory, with no styles, for packages
           // that aren't installed
           path.resolve(
-            path.dirname(require.resolve('smui-theme/package.json')),
+            __dirname,
+            '..', // path.dirname(require.resolve('smui-theme/package.json')),
             'fallback'
           ),
         ],

packages/smui-theme/bin/index.js

@@ -29,6 +29,45 @@
     "url": "https://github.com/hperrin/svelte-material-ui/issues"
   },
   "license": "Apache-2.0",
+  "devDependencies": {
+    "@smui/banner": "^5.0.0",
+    "@smui/button": "^5.0.0",
+    "@smui/card": "^5.0.0",
+    "@smui/checkbox": "^5.0.0",
+    "@smui/chips": "^5.0.0",
+    "@smui/circular-progress": "^5.0.0",
+    "@smui/data-table": "^5.0.0",
+    "@smui/dialog": "^5.0.0",
+    "@smui/drawer": "^5.0.0",
+    "@smui/fab": "^5.0.0",
+    "@smui/floating-label": "^5.0.0",
+    "@smui/form-field": "^5.0.0",
+    "@smui/icon-button": "^5.0.0",
+    "@smui/image-list": "^5.0.0",
+    "@smui/layout-grid": "^5.0.0",
+    "@smui/line-ripple": "^5.0.0",
+    "@smui/linear-progress": "^5.0.0",
+    "@smui/list": "^5.0.0",
+    "@smui/menu": "^5.0.0",
+    "@smui/menu-surface": "^5.0.0",
+    "@smui/notched-outline": "^5.0.0",
+    "@smui/paper": "^5.0.0",
+    "@smui/radio": "^5.0.0",
+    "@smui/ripple": "^5.0.0",
+    "@smui/segmented-button": "^5.0.0",
+    "@smui/select": "^5.0.0",
+    "@smui/slider": "^5.0.0",
+    "@smui/snackbar": "^5.0.0",
+    "@smui/switch": "^5.0.0",
+    "@smui/tab": "^5.0.0",
+    "@smui/tab-bar": "^5.0.0",
+    "@smui/tab-indicator": "^5.0.0",
+    "@smui/tab-scroller": "^5.0.0",
+    "@smui/textfield": "^5.0.0",
+    "@smui/tooltip": "^5.0.0",
+    "@smui/top-app-bar": "^5.0.0",
+    "@smui/touch-target": "^5.0.0"
+  },
   "dependencies": {
     "node-fetch": "^2.6.1",
     "sass": "^1.43.4",