@lightningjs/blits 0.6.9 → 0.6.11

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+# v0.6.11
+
+_7 feb 2024_
+
+- Enabled the use of `type` as a component prop or state variable
+- Removed setting focus to AppComponent on back key press in RouterView
+- Fixed broken app create flow caused by missing dev dependencies in npx command (temporary fix)
+
+# v0.6.10
+
+_2 feb 2024_
+
+- Added FPS counter from Example App as a built-in Blits component (available as `<FPScounter />`)
+- Added precompilation to all built-in Blits components for increased performance
+- Updated flow to create a new App project with an interactive prompt of questions (`npx @lightningjs/blits@latest`)
+- Upgraded to latest version of the Lightning 3 renderer (0.7.1)
+
 # v0.6.9
 
 _31 jan 2024_

package/bin/helpers.js

@@ -0,0 +1,220 @@
+import { green, bold, red } from 'kolorist'
+import path from 'path'
+import { execa } from 'execa'
+import fs from 'fs'
+import replaceInFile from 'replace-in-file'
+import ora from 'ora'
+const spinner = ora()
+
+/**
+ * This function copies Lightning fixtures to the target directory for creating a L3 application.
+ */
+
+export const copyLightningFixtures = (config) => {
+  return new Promise((resolve) => {
+    const targetDir = config.appFolder || ''
+    if (config.appFolder && fs.existsSync(targetDir)) {
+      exit(red(bold('The target directory ' + targetDir + ' already exists')))
+    }
+    //this will be removed once ts support is added
+    fs.cpSync(path.join(path.join(config.fixturesBase, 'js'), 'default'), targetDir, {
+      recursive: true,
+    })
+    fs.cpSync(path.join(config.fixturesBase, 'common/public'), path.join(targetDir, 'public'), {
+      recursive: true,
+    })
+
+    resolve(targetDir)
+  })
+}
+
+/**
+ * This function adds eslint related configuration to the project folder to be created
+ * @param config
+ * @returns {boolean}
+ */
+export const addESlint = (config) => {
+  // Make husky dir
+  fs.mkdirSync(path.join(config.targetDir, '.husky'), { recursive: true })
+
+  // Copy husky hook
+  fs.copyFileSync(
+    path.join(config.fixturesBase, 'common/eslint/husky/pre-commit'),
+    path.join(config.targetDir, '.husky/pre-commit')
+  )
+
+  // Copy editor config from common
+  fs.copyFileSync(
+    path.join(config.fixturesBase, 'common/eslint/.editorconfig'),
+    path.join(config.targetDir, '.editorconfig')
+  )
+
+  // Copy eslintignore from common
+  fs.copyFileSync(
+    path.join(config.fixturesBase, 'common/eslint/.eslintignore'),
+    path.join(config.targetDir, '.eslintignore')
+  )
+
+  // Copy eslintrc.js from fixtured specfic directory
+  fs.copyFileSync(
+    path.join(config.fixturesBase, 'common/eslint/.eslintrc.cjs'),
+    path.join(config.targetDir, '.eslintrc.cjs')
+  )
+
+  // Copy IDE stuff from fixture base
+  fs.cpSync(path.join(config.fixturesBase, 'common/ide'), path.join(config.targetDir), {
+    recursive: true,
+  })
+
+  // Copy and merge fixture specific package.json
+  const origPackageJson = JSON.parse(fs.readFileSync(path.join(config.targetDir, 'package.json')))
+  const eslintPackageJson = JSON.parse(
+    fs.readFileSync(path.join(config.fixturesBase, 'common/eslint/package.json'))
+  )
+  fs.writeFileSync(
+    path.join(config.targetDir, 'package.json'),
+    JSON.stringify(
+      {
+        ...origPackageJson,
+        ...eslintPackageJson,
+        devDependencies: {
+          ...(origPackageJson.devDependencies || {}),
+          ...(eslintPackageJson.devDependencies || {}),
+        },
+      },
+      null,
+      2
+    )
+  )
+
+  return true
+}
+
+/**
+ * This function sets the version by fetching the latest blits version
+ * @param config
+ * @returns {Promise<unknown>}
+ */
+export const setBlitsVersion = (config) => {
+  return new Promise((resolve, reject) => {
+    execa('npm', ['view', '@lightningjs/blits', 'version'])
+      .then(({ stdout }) => {
+        replaceInFile.sync({
+          files: config.targetDir + '/*',
+          from: /\{\$blitsVersion\}/g,
+          to: '^' + stdout,
+        })
+        resolve()
+      })
+      .catch((e) => {
+        spinnerMsg.fail(`Error occurred while setting blits version\n\n${e}`)
+        reject()
+      })
+  })
+}
+
+/**
+ * Display a message and start a spinner with the specified message.
+ *
+ * @param {string} msg - The message to display while starting the spinner.
+ */
+export const spinnerMsg = {
+  start(msg) {
+    console.log(' ')
+    spinner.start(msg)
+  },
+  stop() {
+    spinner.stop()
+  },
+  succeed(msg) {
+    spinner.succeed(msg)
+  },
+  fail(msg) {
+    spinner.fail(msg)
+    console.log(' ')
+  },
+  warn(msg) {
+    spinner.warn(msg)
+  },
+}
+
+/**
+ * This function replaces placeholders like '{$appName}' and '{$appPackage}' in files within the target directory
+ * with the actual values from the configuration object.
+ *
+ * @param {Object} config - The configuration object containing application data.
+ */
+export const setAppData = (config) => {
+  replaceInFile.sync({
+    files: config.targetDir + '/*',
+    from: /\{\$appPackage\}/g,
+    to: config.appPackage,
+  })
+
+  replaceInFile.sync({
+    files: config.targetDir + '/*',
+    from: /\{\$appName\}/g,
+    to: config.appName,
+  })
+}
+
+/**
+ * Display an error message and exit the program with an error status.
+ *
+ * @param {string} msg - The error message to display before exiting the program.
+ */
+export const exit = (msg) => {
+  spinnerMsg.fail(msg)
+  process.exit()
+}
+
+/**
+ * Initialize an empty Git repository in the specified directory and copy a .gitignore file.
+ *
+ * @param {string} cwd - The current working directory where the Git repository will be created.
+ * @param {string} fixturesBase - The base directory for fixtures.
+ * @returns {Promise} A Promise that resolves when the Git initialization and file copying are completed successfully
+ */
+export const gitInit = (cwd, fixturesBase) => {
+  spinnerMsg.start('Initializing empty GIT repository')
+  let msg
+  return execa('git', ['init'], { cwd })
+    .then(({ stdout }) => (msg = stdout))
+    .then(() => {
+      return fs.copyFileSync(
+        path.join(fixturesBase, 'common/git/.gitignore'),
+        path.join(cwd, '.gitignore')
+      )
+    })
+    .then(() => spinnerMsg.succeed(msg))
+    .catch((e) => spinnerMsg.fail(`Error occurred while creating git repository\n\n${e}`))
+}
+
+/**
+ * Checks whether the give path is valid
+ * @param path
+ * @returns {boolean}
+ */
+export const isValidPath = (path) => {
+  try {
+    // Check if the path exists
+    fs.accessSync(path, fs.constants.F_OK)
+    return true
+  } catch (err) {
+    // The path does not exist or is not accessible
+    return false
+  }
+}
+
+export const done = (config) => {
+  console.log('')
+  console.log('--------------------------------------------------------------------')
+  console.log(' Your new boilerplate Lightning 3 App has been created! ⚡️')
+  console.log('--------------------------------------------------------------------')
+  console.log('')
+  console.log('Follow the steps below to get started:')
+  console.log('')
+  console.log(`    ${green(bold(`cd ${config.appFolder}`))}`)
+  console.log(`    ${green(bold('npm install'))}`)
+  console.log(`    ${green(bold('npm run dev'))}`)
+}

package/bin/index.js

@@ -0,0 +1,141 @@
+#!/usr/bin/env node
+import path from 'path'
+import process from 'process'
+import { dirname } from 'path'
+import prompts from 'prompts'
+import { fileURLToPath } from 'url'
+import fs from 'fs'
+import { red, bold } from 'kolorist'
+import sequence from '../src/helpers/sequence.js'
+import validatePackage from 'validate-npm-package-name'
+import {
+  addESlint,
+  copyLightningFixtures,
+  setAppData,
+  setBlitsVersion,
+  gitInit,
+  done, spinnerMsg
+} from './helpers.js'
+
+const defaultBanner = `
+--------------------------------------------------------------------
+ Welcome to Blits - The App development framework for Lightning 3 ⚡️
+--------------------------------------------------------------------
+
+Answer the questions below to set up a new Lightning 3 Blits App
+`
+
+console.log(defaultBanner)
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+const fixturesBase = path.join(
+  __dirname,
+  '../boilerplate')
+
+const questions = [
+  {
+    type: 'text',
+    name: 'appName',
+    message: 'What is the name of your App?',
+    format: val => {
+      // Check if the provided application name is empty
+      if (!val.trim()) {
+        spinnerMsg.fail(red(bold("Please provide a name for the App")))
+        return process.exit(1)
+      } else {
+        return val
+      }
+    },
+    initial: 'My Blits App', // Default value for the application name
+  },
+  {
+    type: 'text',
+    name: 'appPackage',
+    message: 'What is the package name of your App?',
+    format: val => {
+      // Validate the package name using validate-npm-package-name
+      if (!validatePackage(val).validForNewPackages) {
+        spinnerMsg.fail(red(bold("Please provide a valid package name")))
+        return process.exit(1)
+      } else {
+        return val
+      }
+    },
+    initial: prev => `${prev.replace(/[\sA-Z]/g, str => str === ' ' ? '-' : str.toLowerCase())}`,
+  },
+  {
+    type: 'text',
+    name: 'appFolder',
+    message: 'In what folder (relative to the current location) should the App be generated?',
+    format: (val, prev) => {
+      // Regular expression to validate whether the path is Unix/Windows-based
+      const pathRegex = /([A-Za-z]:)?([\\/]+\w+)+/
+      // Check if the provided path matches the defined regex
+      if (pathRegex.test(val)) {
+        try {
+          // Check if the path exists
+          if (fs.statSync(val)) {
+            // Return the resolved file path using path.join
+            return `${path.join(val, prev.appPackage)}`
+          }
+        } catch (e) {
+          // Handle case where an error occurred during file system interaction
+          if (e.code === 'ENOENT') {
+            spinnerMsg.fail(red(bold("Entered directory path is invalid, please enter a valid directory!")))
+            process.exit()
+          }
+        }
+      } else if (val === prev.appPackage) {
+        return path.join(process.cwd(), prev.appPackage)
+      }
+    },
+    initial: (prev, val) => val.appPackage,
+  },
+  {
+    type: 'toggle',
+    name: 'esLint',
+    message: 'Do you want to enable eslint?',
+    initial: 'true',
+    active: 'Yes',
+    inactive: 'No',
+  },
+  {
+    type: 'toggle',
+    name: 'gitInit',
+    message: 'Do you want to generate an git repository?',
+    initial: 'true',
+    active: 'Yes',
+    inactive: 'No',
+  },
+]
+
+
+const createApp = () => {
+  return new Promise(resolve => {
+    let config
+    sequence([
+      async () => {
+        const onCancel = () => {
+          process.exit()
+        }
+        config = await prompts(questions, { onCancel })
+        config.fixturesBase = fixturesBase
+        return config
+      },
+      () => {
+        spinnerMsg.start(`Generating new App "${config.appName}" ...`)
+        copyLightningFixtures(config).then(targetDir => (config.targetDir = targetDir))
+        spinnerMsg.succeed()
+      },
+      () => setAppData(config),
+      () => setBlitsVersion(config),
+      () => config.esLint && addESlint(config),
+      () => config.gitInit && gitInit(config.targetDir, config.fixturesBase),
+      () => done(config)
+    ])
+  })
+}
+
+createApp()

package/boilerplate/common/eslint/husky/pre-commit

@@ -0,0 +1,2 @@
+#!/bin/bash
+npx lint-staged

package/boilerplate/common/eslint/package.json

@@ -0,0 +1,20 @@
+{
+  "lint-staged": {
+    "*.js": [
+      "eslint --fix"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "devDependencies": {
+    "eslint": "^8.8.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "husky": "^7.0.4",
+    "lint-staged": "^12.3.3",
+    "prettier": "^2.5.1"
+  }
+}

package/boilerplate/common/ide/.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "editor.formatOnSave": false,
+  "eslint.validate": [
+    "javascript"
+  ],
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "js/ts.implicitProjectConfig.checkJs": true
+}

package/boilerplate/js/default/.gitattributes

@@ -0,0 +1,3 @@
+*.js text eol=lf
+*.cjs text eol=lf
+*.jsx text eol=lf

package/boilerplate/{package.json → js/default/package.json}

@@ -1,7 +1,7 @@
 {
-  "name": "l3-app",
+  "name": "{$appPackage}",
   "version": "0.1.0",
-  "description": "Lightning 3 App",
+  "description": "{$appName}",
   "main": "index.js",
   "type": "module",
   "scripts": {
@@ -31,6 +31,6 @@
     "vite": "^4.0.4"
   },
   "dependencies": {
-    "@lightningjs/blits": "^0.6.9"
+    "@lightningjs/blits": "{$blitsVersion}"
   }
 }

package/docs/getting_started.md

@@ -8,24 +8,24 @@ To begin with Blits, follow these simple steps to set up your development enviro
 
 1. Open your terminal or command prompt.
 
-2. Run the following command to create a new Lightning 3 App project:
+2. Run the following command to start a new Blits Lightning 3 App project:
 
 ```bash
-npx @lightningjs/blits@latest my_lightning3_app
+npx @lightningjs/blits@latest
 ```
 
-This will generate the necessary boilerplate code in the folder `my_lightning3_app` for you to start building your own Lightning 3 App.
+ You will be guide through a few short questions, to generate a new project with all the boilerplate code you need to start building your own Lightning 3 App.
 
 3. Navigate to the newly created project directory and install the project dependencies:
 
 ```bash
-cd my_lightning3_app
+cd my_blits_app
 npm install
 ```
 
 ### Running Your App
 
-1. After installing the dependencies, you can start your development server by running:
+4. After installing the dependencies, you can start your development server by running:
 
 ```bash
 npm run dev
@@ -33,8 +33,8 @@ npm run dev
 
 This command will create an application bundle and launch a development server using Vite.
 
-2. Once the server is up and running, open your web browser and navigate to the URL displayed in the console. Congratulations! You now have your brand new Lightning 3 App up and running.
+2. Once the server is up and running, open your web browser and navigate to the URL displayed in the console. Congratulations! You now have your brand new Blits Lightning 3 App up and running.
 
 ### Next steps
 
-You are now ready to dive into the world of TV app development using Blits. In the following sections, we will explore the core concepts and guide you through building your TV applications step by step.
+You are now ready to dive into the world of App development using Blits. In the following sections, we will explore the core concepts and guide you through building your TV applications step by step.

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@lightningjs/blits",
-  "version": "0.6.9",
+  "version": "0.6.11",
   "description": "Blits: The Lightning 3 App Development Framework",
-  "bin": "bin/index.cjs",
+  "bin": "bin/index.js",
   "exports": {
     ".": "./index.js",
     "./vite": "./vite/index.js",
@@ -13,7 +13,9 @@
     "test": "c8 npm run test:run",
     "test:run": "tape '{,!(node_modules)/**/}*.test.js' | tap-diff",
     "lint": "eslint '**/*.js'",
-    "lint:fix": "eslint '**/*.js' --fix"
+    "lint:fix": "eslint '**/*.js' --fix",
+    "prepublishOnly": "node scripts/prepublishOnly.js",
+    "postpublish": "node scripts/postpublish.js"
   },
   "lint-staged": {
     "*.js": [
@@ -34,7 +36,6 @@
     "eslint": "^8.8.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "esm": "^3.2.25",
     "husky": "^7.0.4",
     "lint-staged": "^12.3.3",
     "prettier": "^2.5.1",
@@ -42,8 +43,14 @@
     "tape": "^5.5.0"
   },
   "dependencies": {
-    "@lightningjs/renderer": "^0.7.0",
-    "@lightningjs/vite-plugin-import-chunk-url": "^0.3.0"
+    "@lightningjs/renderer": "^0.7.1",
+    "@lightningjs/vite-plugin-import-chunk-url": "^0.3.0",
+    "execa": "^8.0.1",
+    "kolorist": "^1.8.0",
+    "ora": "^7.0.1",
+    "prompts": "^2.4.2",
+    "replace-in-file": "^6.1.0",
+    "validate-npm-package-name": "^5.0.0"
   },
   "repository": {
     "type": "git",

package/public/assets/fps_sprite.base64.js

@@ -0,0 +1 @@
+export default 'data:image/png;base64,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'

package/scripts/postpublish.js

@@ -0,0 +1,59 @@
+/*
+ * Copyright 2023 Comcast Cable Communications Management, LLC
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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
+ */
+
+import fs from 'fs'
+import path from 'path'
+
+const currentDir = process.cwd()
+const componentDirs = ['src/components']
+
+function precompileCleanUp() {
+  for (const dir of componentDirs) {
+    const fullDir = path.resolve(currentDir, dir)
+    console.log(`Checking files in ${fullDir} for original files that precompiler created`)
+    processDirectory(fullDir)
+  }
+  console.log('Finished restoring original files after precompile')
+}
+
+function processDirectory(directory) {
+  const files = fs.readdirSync(directory)
+
+  for (const file of files) {
+    const filePath = path.join(directory, file)
+    const stat = fs.statSync(filePath)
+
+    if (stat.isDirectory()) {
+      processDirectory(filePath)
+    } else if (/\.(orig\.(js|ts))$/.test(file)) {
+      restoreOriginalFile(filePath)
+    }
+  }
+}
+
+function restoreOriginalFile(filePath) {
+  const originalFilePath = filePath.replace(/\.orig\.(j|t)s$/, '.$1s')
+  console.log(`Restoring original file ${originalFilePath}`)
+
+  // Restore the original file by copying the backup file over it
+  fs.copyFileSync(filePath, originalFilePath)
+
+  // Delete the backup file
+  fs.unlinkSync(filePath)
+}
+
+precompileCleanUp()