senangwebs-aframe-editor 1.6.5

package/src/style/widgets.styl

@@ -0,0 +1,71 @@
+@import './lib';
+
+.Select-control
+  background-color #222 !important
+  border none
+  border-radius 0
+  color $primary
+  font-family $monosapce
+
+.Select-menu-outer
+  border none
+
+.Select-menu-outer .is-focused
+  background-color $primary !important
+  color $white
+
+.Select-option
+  background-color #222 !important
+
+.select-widget
+  display inline-block
+  width 100%
+  border-radius 8px
+
+.Select-placeholder,
+.Select--single > .Select-control .Select-value
+  color $primary !important
+
+.Select-value-label
+  color $primary !important
+
+/* Dropdown menu */
+.dropbtn
+  border none
+  color $white
+  cursor pointer
+
+.dropdown
+  display inline-block
+  position relative
+
+.dropdown-content
+  background-color #f9f9f9
+  box-shadow 0 8px 16px 0 rgba(0, 0, 0, 0.2)
+  display none
+  left 8px
+  min-width 38px
+  position absolute
+  z-index 999
+
+.dropdown-content a
+  background-color #232323
+  color #7d7d7d
+  display block
+  padding 10px 14px
+  text-decoration none
+
+.dropdown-content a:hover
+  background-color #007370
+  color $white
+
+.dropdownhover .dropdown-content
+  display block
+
+.dropdownhover .dropbtn
+  color $primary
+
+.color-widget
+  display flex
+  justify-content space-between
+  align-items center

package/webpack.config.js

@@ -0,0 +1,65 @@
+var path = require('path');
+
+module.exports = {
+  devServer: {
+    hot: true,
+    liveReload: false,
+    port: 3333,
+    static: {
+      directory: '.'
+    }
+  },
+  devtool: 'source-map',
+  entry: './src/index.js',
+  output: {
+    path: path.join(__dirname, 'dist'),
+    filename: process.env.MINIFY
+      ? 'aframe-inspector.min.js'
+      : 'aframe-inspector.js',
+    publicPath: '/dist/'
+  },
+  externals: {
+    // Stubs out `import ... from 'three'` so it returns `import ... from window.THREE` effectively using THREE global variable that is defined by AFRAME.
+    three: 'THREE'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader'
+        }
+      },
+      {
+        test: /\.svg$/,
+        type: 'asset/inline'
+      },
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader', 'postcss-loader']
+      },
+      {
+        test: /\.styl$/,
+        exclude: /node_modules/,
+        use: [
+          'style-loader',
+          {
+            loader: 'css-loader',
+            options: { url: false }
+          },
+          {
+            loader: 'postcss-loader',
+            options: {
+              postcssOptions: {
+                plugins: ['autoprefixer']
+              }
+            }
+          },
+          'stylus-loader'
+        ]
+      }
+    ]
+  },
+  mode: process.env.MINIFY === 'true' ? 'production' : 'development'
+};