fix: add hex transform plugin (#15)

* chore: add nvmrc to lock node version

* feat: add hex-transform plugin to solid-ui

* feat: add hex color transform plugin to vite config

* fix: bump hex transform version, exclude story files from plugin

* chore: remove unused noto sans font

.nvmrc

@@ -0,0 +1 @@
+v20

packages/shared/AppCoreExtensions.js

@@ -12,7 +12,7 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- * 
+ *
  * SPDX-License-Identifier: Apache-2.0
  */
 
@@ -22,19 +22,6 @@ const basePath = './';
 
 export default class AppCoreExtension extends CoreExtension {
   async run(stage) {
-    // stage.fontManager.addFontFace(
-    //   new WebTrFontFace({
-    //     fontFamily: "NotoSans",
-    //     descriptors: {},
-    //     fontUrl: basePath + "fonts/NotoSans-Regular.ttf",
-    //     metrics: {
-    //       ascender: 1069,
-    //       descender: -293,
-    //       lineGap: 0,
-    //       unitsPerEm: 1000
-    //     }
-    //   }),
-    // );
     stage.fontManager.addFontFace(
       new SdfTrFontFace('msdf', {
         fontFamily: 'Arial',
@@ -70,4 +57,4 @@ export default class AppCoreExtension extends CoreExtension {
       })
     );
   }
-}
+}

packages/solid/package.json

@@ -52,8 +52,9 @@
     "solid-js": "*"
   },
   "devDependencies": {
-    "@lightningtv/l3-ui-theme-base": "workspace:*",
     "@lightningjs/vite-plugin-import-chunk-url": "^0.3.1",
+    "@lightningtv/l3-ui-theme-base": "workspace:*",
+    "@lightningtv/vite-hex-transform": "^1.1.0",
     "@storybook/addon-essentials": "^7.6.19",
     "@storybook/addon-interactions": "^7.6.19",
     "@storybook/addon-links": "^7.6.19",

packages/solid/vite.config.js

@@ -18,6 +18,7 @@
 import { defineConfig } from 'vite';
 import solidPlugin from 'vite-plugin-solid';
 import { importChunkUrl } from '@lightningjs/vite-plugin-import-chunk-url';
+import hexColorTransform from '@lightningtv/vite-hex-transform';
 import path from 'path';
 
 const config = {
@@ -28,6 +29,10 @@ const config = {
         generate: 'universal'
       }
     }),
+    hexColorTransform({
+      include: '**/*.js',
+      exclude: '**/*.stories.js'
+    }),
     importChunkUrl()
   ],
   base: './',