@lightningjs/blits 0.6.9 → 0.6.11

package/scripts/prepublishOnly.js

@@ -0,0 +1,84 @@
+/*
+ * 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'
+import compiler from '../src/lib/precompiler/precompiler.js'
+import { exec } from 'child_process'
+
+const currentDir = process.cwd()
+const componentDirs = ['src/components']
+
+function precompileComponents() {
+  for (const dir of componentDirs) {
+    const fullDir = path.resolve(currentDir, dir)
+    console.log(`Checking files in ${fullDir} for components to precompile`)
+    processDirectory(fullDir)
+  }
+  console.log('Finished processing files suitable for precompilation')
+}
+
+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)$).*\.(js|ts)$/.test(file)) {
+      // only process files that don't end in .orig.js or .orig.ts
+      processFile(filePath)
+    }
+  }
+}
+
+function processFile(filePath) {
+  console.log(`Precompiling ${filePath}`)
+  // backup the file
+  const backupFilePath = filePath.replace(/\.(j|t)s$/, '.orig.$1s')
+  fs.copyFileSync(filePath, backupFilePath)
+
+  const source = fs.readFileSync(filePath, 'utf-8')
+  const newSource = compiler(source, filePath)
+  fs.writeFileSync(filePath, newSource)
+
+  // only format the file if it was changed
+  if (source !== newSource) {
+    formatFileWithESLint(filePath)
+  }
+}
+
+function formatFileWithESLint(filePath) {
+  const command = `eslint "${filePath}" --fix`
+
+  exec(command, (error, stdout, stderr) => {
+    if (error) {
+      console.error(`Execution Error: ${error.message}`)
+      console.error(`Exit Code: ${error.code}`)
+    }
+    if (stderr) {
+      console.error(`ESLint Error: ${stderr}`)
+    }
+    if (stdout) {
+      console.log(`ESLint Output: ${stdout}`)
+    }
+  })
+}
+
+precompileComponents()

package/src/component.js

@@ -122,12 +122,6 @@ const Component = (name = required('name'), config = required('config')) => {
     this[symbols.wrapper] = parentEl
 
     Object.defineProperties(this, {
-      type: {
-        value: name,
-        writable: false,
-        enumerable: true,
-        configurable: false,
-      },
       componentId: {
         value: createHumanReadableId(name),
         writable: false,

package/src/components/Circle.js

@@ -19,9 +19,38 @@ import Component from '../component.js'
 
 export default () =>
   Component('Circle', {
-    template: `
-      <Element :color="$color" :w="$size" :h="$size" :effects="[$shader('radius', {radius: $radius})]"></Element>
-    `,
+    /* eslint-disable no-unused-vars */
+    code: {
+      render: function anonymous(parent, component, context) {
+        const elms = []
+
+        if (!elms[0]) {
+          elms[0] = this.element({ parent: parent || 'root' }, component)
+        }
+        const elementConfig0 = {}
+
+        if (!elms[0].nodeId) {
+          elms[0].populate(elementConfig0)
+        }
+
+        return elms
+      },
+      effects: [
+        function anonymous(component, elms, context) {
+          elms[0].set('color', component.color)
+        },
+        function anonymous(component, elms, context) {
+          elms[0].set('w', component.size)
+        },
+        function anonymous(component, elms, context) {
+          elms[0].set('h', component.size)
+        },
+        function anonymous(component, elms, context) {
+          elms[0].set('effects', [component.shader('radius', { radius: component.radius })])
+        },
+      ],
+      context: {},
+    },
     props: [{ key: 'size', default: 40 }, 'color'],
     computed: {
       radius() {

package/src/components/Circle.orig.js

@@ -0,0 +1,31 @@
+/*
+ * 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 Component from '../component.js'
+
+export default () =>
+  Component('Circle', {
+    template: `
+      <Element :color="$color" :w="$size" :h="$size" :effects="[$shader('radius', {radius: $radius})]"></Element>
+    `,
+    props: [{ key: 'size', default: 40 }, 'color'],
+    computed: {
+      radius() {
+        return this.size / 2
+      },
+    },
+  })