r00t3g/melte

Svelte compiler for Meteor with built in tracker integration and HMR

melte's Issues

Cannot find module 'meteor/zodern:melte/tracker'

Hello all,

I'm experiencing the following error when integrating melte/tracker. I'm very interested in the TS support with the reactive $m tracker. I'm running on Meteor 2.1, Ubuntu 18.04LTS. Thank you!

modules-runtime.js?hash=23fe92393aa44a7b01bb53a510a9cab5fb43037c:232 Uncaught Error: Cannot find module 'meteor/zodern:melte/tracker'

Package.json

{
  "name": "qr-code",
  "private": true,
  "scripts": {
    "start": "meteor",
    "test": "meteor test --once --driver-package meteortesting:mocha",
    "test-app": "TEST_WATCH=1 meteor test --full-app --driver-package meteortesting:mocha",
    "visualize": "meteor --production --extra-packages bundle-visualizer",
    "deploy": "cd .deploy && mup deploy && cd ..",
    "ngrok": "cd ./ngrok && ./ngrok http 3000"
  },
  "svelte:compiler": {
    "extensions": [
      "svelte",
      "html"
    ],
    "hydratable": true,
    "css": false
  },
  "dependencies": {
    "@babel/runtime": "^7.8.3",
    "@tailwindcss/forms": "^0.2.1",
    "@tailwindcss/ui": "^0.7.2",
    "array-move": "^3.0.1",
    "bcrypt": "^5.0.0",
    "date-fns": "^2.17.0",
    "dotenv": "^8.2.0",
    "jquery": "^3.4.1",
    "meteor-node-stubs": "^1.0.0",
    "plaid": "^8.1.4",
    "qr-code-scanner": "^1.0.8",
    "qr-scanner": "^1.2.0",
    "qrcode": "^1.4.4",
    "svelte": "^3.37.0",
    "svelte-preprocess": "^4.7.0",
    "svelte-routing": "^1.5.0"
  },
  "meteor": {
    "mainModule": {
      "client": "client/main.js",
      "server": "server/main.js"
    },
    "testModule": "tests/main.js"
  },
  "devDependencies": {
    "@tailwindcss/jit": "^0.1.3",
    "autoprefixer": "^10.2.3",
    "babel-eslint": "^10.1.0",
    "eslint": "^7.19.0",
    "eslint-plugin-svelte3": "^3.0.0",
    "postcss": "^8.2.8",
    "postcss-import": "^14.0.0",
    "postcss-load-config": "^3.0.0",
    "prettier": "^2.2.1",
    "prettier-plugin-svelte": "^2.1.4",
    "tailwindcss": "^2.0.4"
  }
}

.meteor/packages

{
  "name": "qr-code",
  "private": true,
  "scripts": {
    "start": "meteor",
    "test": "meteor test --once --driver-package meteortesting:mocha",
    "test-app": "TEST_WATCH=1 meteor test --full-app --driver-package meteortesting:mocha",
    "visualize": "meteor --production --extra-packages bundle-visualizer",
    "deploy": "cd .deploy && mup deploy && cd ..",
    "ngrok": "cd ./ngrok && ./ngrok http 3000"
  },
  "svelte:compiler": {
    "extensions": [
      "svelte",
      "html"
    ],
    "hydratable": true,
    "css": false
  },
  "dependencies": {
    "@babel/runtime": "^7.8.3",
    "@tailwindcss/forms": "^0.2.1",
    "@tailwindcss/ui": "^0.7.2",
    "array-move": "^3.0.1",
    "bcrypt": "^5.0.0",
    "date-fns": "^2.17.0",
    "dotenv": "^8.2.0",
    "jquery": "^3.4.1",
    "meteor-node-stubs": "^1.0.0",
    "plaid": "^8.1.4",
    "qr-code-scanner": "^1.0.8",
    "qr-scanner": "^1.2.0",
    "qrcode": "^1.4.4",
    "svelte": "^3.37.0",
    "svelte-preprocess": "^4.7.0",
    "svelte-routing": "^1.5.0"
  },
  "meteor": {
    "mainModule": {
      "client": "client/main.js",
      "server": "server/main.js"
    },
    "testModule": "tests/main.js"
  },
  "devDependencies": {
    "@tailwindcss/jit": "^0.1.3",
    "autoprefixer": "^10.2.3",
    "babel-eslint": "^10.1.0",
    "eslint": "^7.19.0",
    "eslint-plugin-svelte3": "^3.0.0",
    "postcss": "^8.2.8",
    "postcss-import": "^14.0.0",
    "postcss-load-config": "^3.0.0",
    "prettier": "^2.2.1",
    "prettier-plugin-svelte": "^2.1.4",
    "tailwindcss": "^2.0.4"
  }
}

Dependency to SCSS files is not properly tracked for files with errors

When a compilation occurs in SCSS code, the dependency between .svelte and .scss file is not tracked properly. This leads to the necessity to change the .svelte file after the SCSS code is fixed to trigger the rebuild.

To fix it a call to file.readAndWatchFile is required inside the try/catch block wrapping the await processCode call for scss preprocessing routine.