divers dev

[FranckFreiburger]

@Toilal, a propos du pb. "vue 3 > custom template language", voici ce qui est attendu pour vue3 :

    options.moduleCache.custom = { render: (source, options, callback)  => {

      callback(null, source + '_modified')
    }}

Je pense que tu va devoir rendre ça asynchrone :

vue3-sfc-loader/src/createVue2SFCModule.ts

Line 115 in ae53bb9

compileTemplateOptions.source = preprocess.render(compileTemplateOptions.source, compileTemplateOptions.preprocessOptions)

[Toilal]

Ok, bien compris. L'API est quand même complexe à cause de tout ça :(

Sinon j'essaye de lancer les tests sur la dernière version, mais j'ai cette erreur

pageerror [Error: TypeError: cloneDeep is not a function
    at normalizeFile (http://local/vue3-sfc-loader.js:5322:13)

[Toilal]

Le problème disparaît si je désactive l'alias lodash => lodash-es

[FranckFreiburger]

ok, désactivons lodash-es pour le moment

[FranckFreiburger]

pb. également avec l'alias 'debug': Path.resolve(__dirname, 'noopDebug.mjs')
le pb. viens de la mise à jour de babel (mon commit edb4068)

je ne comprend pas pourquoi ça déconne :(

[FranckFreiburger]

code généré avec @babel/[email protected] (ok)

  function _debug() {
       const data = _interopRequireDefault(__webpack_require__(146));
       _debug = function() {
           return data;
       }
       ;
       return data;
   }

   ...

   function _interopRequireDefault(obj) {
       return obj && obj.__esModule ? obj : {
           default: obj
       };
   }
   const debug = (0,
   _debug().default)("babel:config:config-chain");

code généré avec @babel/[email protected] (pas ok)

   const buildDebug = __webpack_require__(146);
   const debug = buildDebug("babel:config:config-chain");

Peut-être ce commit babel : babel/babel#12963 ou celui là : babel/babel#12795 ?

[FranckFreiburger]

pb. réglé : 635d095

[FranckFreiburger]

Après ma modif d1a1e9e, je remplacerai bien le contenu de vue2StyleProcessors.ts par :

export interface StylePreprocessor {
  render(
    source: string,
    map: any | null,
    options: any
  ): StylePreprocessorResults
}

export interface StylePreprocessorResults {
  code: string
  map?: any
  errors: Array<Error>
}

export const processors: { [key: string]: StylePreprocessor } = Object.create(null);

du coup, l'utilisateur est totalement libre. T'en penses quoi ?

[Toilal]

Est-ce que ça a vraiment du sens d'apporter un StyleProcessor qui ne fonctionnerait même pas dans une véritable application VueJS ? Pour ma part, je préférai ne pas dépasser ce que supporte officiellement VueJS dans Vite, Vue CLI ou vue-loader.

[FranckFreiburger]

Très juste