a-frame-components - npm Package Compare versions

Comparing version 1.0.35 to 1.0.37

dist/gui/components/base-interactive.js

@@ -1,3 +0,3 @@
-import { AFRAME } from "../../painter/root";
-import { GetBackgroundColor } from "../../painter/systems/ui";
+import { AFRAME } from "../../react/root";
+import { GetBackgroundColor } from "../../react/systems/ui";
 export default function () {
@@ -4,0 +4,0 @@ AFRAME.registerComponent('base-interactive', {

dist/gui/components/bevelbox.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 export default function () {
@@ -3,0 +3,0 @@ var THREE = window.THREE;

dist/gui/components/button.js

@@ -1,4 +0,4 @@
-import { AFRAME } from "../../painter/root";
-import { GrabAndDropEvents, setInputDevice } from "../../painter/systems/grabanddrop";
-import { raiseCustomEvent } from "../../painter/util";
+import { AFRAME } from "../../react/root";
+import { GrabAndDropEvents, setInputDevice } from "../../react/systems/grabanddrop";
+import { raiseCustomEvent } from "../../react/util";
 import { key_grey, key_grey_dark, key_offwhite, key_orange, key_orange_light } from "../vars";
@@ -5,0 +5,0 @@ export default function () {

dist/gui/components/circle-loader.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_offwhite, key_orange } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

dist/gui/components/circle-timer.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_offwhite, key_orange } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

dist/gui/components/cursor.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_orange, key_white } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

dist/gui/components/dual-arcs.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 export default function () {
@@ -3,0 +3,0 @@ var THREE = window.THREE;

dist/gui/components/flex-container.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

dist/gui/components/ghost.js

@@ -37,5 +37,5 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-import { AFRAME } from "../../painter/root";
-import { GrabAndDropEvents, calculateEndPoint, customEventListener, getInputDevice, lerp3, setInputDevice, } from "../../painter/systems/grabanddrop";
-import { raiseCustomEvent } from "../../painter/util";
+import { AFRAME } from "../../react/root";
+import { GrabAndDropEvents, calculateEndPoint, customEventListener, getInputDevice, lerp3, setInputDevice, } from "../../react/systems/grabanddrop";
+import { raiseCustomEvent } from "../../react/util";
 export default function () {
@@ -42,0 +42,0 @@ var THREE = window.THREE;

dist/gui/components/icon-button.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_grey_dark, key_offwhite, key_orange } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

dist/gui/components/icon-label-button.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_grey_dark, key_offwhite, key_orange } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

dist/gui/components/image-cube.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 var THREE = window.THREE;
@@ -3,0 +3,0 @@ export default function () {

dist/gui/components/index.js

@@ -18,3 +18,3 @@ import bevelbox from "./bevelbox";
 import imageCube from "./image-cube";
-import catalogImage from "../../painter/components/catalog-image";
+import catalogImage from "../../react/components/catalog-image";
 import baseInteractive from "./base-interactive";
@@ -24,4 +24,4 @@ import menuContainer from "./menu-container";
 import modelItem from "./model-item";
-import flashRed from "../../painter/components/flash-red";
-import canvasImage from "../../painter/components/canvas-image";
+import flashRed from "../../react/components/flash-red";
+import canvasImage from "../../react/components/canvas-image";
 import radioComponent from "./radio";
@@ -28,0 +28,0 @@ import dualArcs from "./dual-arcs";

dist/gui/components/input.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_grey_dark, key_offwhite, key_orange, key_white } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

dist/gui/components/interactable.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 export default function () {
@@ -3,0 +3,0 @@ AFRAME.registerComponent('gui-interactable', {

dist/gui/components/item.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 export default function () {
@@ -3,0 +3,0 @@ AFRAME.registerComponent('gui-item', {

dist/gui/components/label.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey_dark, key_offwhite } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

dist/gui/components/menu-container.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

dist/gui/components/model-item.js

@@ -1,3 +0,3 @@
-import { AFRAME } from "../../painter/root";
-import { GetColor } from "../../painter/systems/ui";
+import { AFRAME } from "../../react/root";
+import { GetColor } from "../../react/systems/ui";
 export default function () {
@@ -4,0 +4,0 @@ AFRAME.registerComponent('model-item', {

dist/gui/components/progress-bar.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_orange } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

dist/gui/components/radio.js

@@ -12,3 +12,3 @@ var __assign = (this && this.__assign) || function () {
 };
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { createContainer, createInteractiveButton } from "../../util";
@@ -15,0 +15,0 @@ export default function () {

dist/gui/components/rounded.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 export default function () {
@@ -3,0 +3,0 @@ var THREE = window.THREE;

dist/gui/components/skeleton-body.js

@@ -12,3 +12,3 @@ var __assign = (this && this.__assign) || function () {
 };
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { IK, } from './three-ik';
@@ -15,0 +15,0 @@ export default function () {

dist/gui/components/slider.js

@@ -12,6 +12,6 @@ var __assign = (this && this.__assign) || function () {
 };
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { createText } from "../../util";
 import { key_orange, key_offwhite, key_grey, key_white, key_grey_light } from "../vars";
-import interactionMixin from "../../painter/components/interaction-mixin";
+import interactionMixin from "../../react/components/interaction-mixin";
 export default function () {
@@ -18,0 +18,0 @@ AFRAME.registerComponent('gui-slider', __assign(__assign({ schema: {

dist/gui/components/toggle.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_orange, key_offwhite, key_grey, key_grey_light, key_grey_dark } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

dist/gui/components/transformer.js

@@ -12,6 +12,6 @@ var __assign = (this && this.__assign) || function () {
 };
-import { AFRAME } from "../../painter/root";
-import interactionMixin from "../../painter/components/interaction-mixin";
-import { PAINTER_CONSTANTS } from "../../painter/constants";
-import { raiseCustomEvent } from "../../painter/util";
+import { AFRAME } from "../../react/root";
+import interactionMixin from "../../react/components/interaction-mixin";
+import { PAINTER_CONSTANTS } from "../../react/constants";
+import { raiseCustomEvent } from "../../react/util";
 var Transformation = /** @class */ (function () {
@@ -18,0 +18,0 @@ function Transformation() {

dist/gui/components/troika-text-component.js

 import { Text } from 'troika-three-text';
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 var THREE = window.THREE;
@@ -4,0 +4,0 @@ export var COMPONENT_NAME = 'troika-text';

dist/gui/components/vertical-slider.js

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_orange, key_offwhite, key_grey, key_white, key_grey_light } from "../vars";
@@ -3,0 +3,0 @@ var THREE = window.THREE;

dist/index.js

@@ -37,3 +37,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-import painter from "./painter";
+import painter from "./react";
 export function load() {
@@ -40,0 +40,0 @@ return __awaiter(this, void 0, void 0, function () {

package.json

 {
   "name": "a-frame-components",
-  "version": "1.0.35",
+  "version": "1.0.37",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

src/gui/components/base-interactive.ts

@@ -1,3 +0,3 @@
-import { AFRAME } from "../../painter/root";
-import { GetBackgroundColor } from "../../painter/systems/ui";
+import { AFRAME } from "../../react/root";
+import { GetBackgroundColor } from "../../react/systems/ui";
 import { key_grey, key_grey_dark, key_grey_light, key_offwhite, key_orange, key_white } from "../vars";
@@ -4,0 +4,0 @@

src/gui/components/bevelbox.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 
@@ -3,0 +3,0 @@ export default function () {

src/gui/components/button.ts

@@ -1,4 +0,4 @@
-import { AFRAME } from "../../painter/root";
-import { GrabAndDropEvents, GrabStartDetails, setInputDevice } from "../../painter/systems/grabanddrop";
-import { raiseCustomEvent } from "../../painter/util";
+import { AFRAME } from "../../react/root";
+import { GrabAndDropEvents, GrabStartDetails, setInputDevice } from "../../react/systems/grabanddrop";
+import { raiseCustomEvent } from "../../react/util";
 import { key_grey, key_grey_dark, key_offwhite, key_orange, key_orange_light } from "../vars";
@@ -5,0 +5,0 @@

src/gui/components/circle-loader.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_offwhite, key_orange } from "../vars";
@@ -3,0 +3,0 @@

src/gui/components/circle-timer.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_offwhite, key_orange } from "../vars";
@@ -3,0 +3,0 @@

src/gui/components/cursor.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_offwhite, key_orange, key_white } from "../vars";
@@ -3,0 +3,0 @@

src/gui/components/dual-arcs.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 
@@ -3,0 +3,0 @@ export default function () {

src/gui/components/flex-container.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey } from "../vars";
@@ -3,0 +3,0 @@

src/gui/components/ghost.ts

@@ -1,4 +0,4 @@
-import { AFRAME } from "../../painter/root";
-import { GrabAndDropEvents, GrabOutDetails, GrabOverDetails, calculateEndPoint, customEventListener, getInputDevice, lerp3, setInputDevice, } from "../../painter/systems/grabanddrop";
-import { raiseCustomEvent } from "../../painter/util";
+import { AFRAME } from "../../react/root";
+import { GrabAndDropEvents, GrabOutDetails, GrabOverDetails, calculateEndPoint, customEventListener, getInputDevice, lerp3, setInputDevice, } from "../../react/systems/grabanddrop";
+import { raiseCustomEvent } from "../../react/util";
 export default function () {
@@ -5,0 +5,0 @@ const THREE: any = (window as any).THREE;

src/gui/components/icon-button.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_grey_dark, key_offwhite, key_orange, key_white } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

src/gui/components/icon-label-button.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_grey_dark, key_offwhite, key_orange, key_white } from "../vars";
@@ -3,0 +3,0 @@

src/gui/components/image-cube.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 const THREE: any = (window as any).THREE;
@@ -3,0 +3,0 @@

src/gui/components/index.ts

@@ -18,3 +18,3 @@ import bevelbox from "./bevelbox";
 import imageCube from "./image-cube";
-import catalogImage from "../../painter/components/catalog-image";
+import catalogImage from "../../react/components/catalog-image";
 import baseInteractive from "./base-interactive";
@@ -24,4 +24,4 @@ import menuContainer from "./menu-container";
 import modelItem from "./model-item";
-import flashRed from "../../painter/components/flash-red";
-import canvasImage from "../../painter/components/canvas-image";
+import flashRed from "../../react/components/flash-red";
+import canvasImage from "../../react/components/canvas-image";
 import radioComponent from "./radio";
@@ -28,0 +28,0 @@ import dualArcs from "./dual-arcs";

src/gui/components/input.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_grey_dark, key_offwhite, key_orange, key_white } from "../vars";
@@ -3,0 +3,0 @@

src/gui/components/interactable.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 
@@ -3,0 +3,0 @@ export default function () {

src/gui/components/item.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 
@@ -3,0 +3,0 @@ export default function () {

src/gui/components/label.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey_dark, key_offwhite } from "../vars";
@@ -3,0 +3,0 @@ export default function () {

src/gui/components/menu-container.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey } from "../vars";
@@ -3,0 +3,0 @@

src/gui/components/model-item.ts

@@ -1,3 +0,3 @@
-import { AFRAME } from "../../painter/root";
-import { GetColor } from "../../painter/systems/ui";
+import { AFRAME } from "../../react/root";
+import { GetColor } from "../../react/systems/ui";
 export default function () {
@@ -4,0 +4,0 @@ AFRAME.registerComponent('model-item', {

src/gui/components/progress-bar.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_grey, key_orange } from "../vars";
@@ -3,0 +3,0 @@

src/gui/components/radio.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { createContainer, createInteractiveButton } from "../../util";
@@ -3,0 +3,0 @@ export default function () {

src/gui/components/rounded.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 
@@ -3,0 +3,0 @@ export default function () {

src/gui/components/skeleton-body.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { IK, } from './three-ik';
@@ -3,0 +3,0 @@ import { Vector3 } from 'three';

src/gui/components/slider.ts

@@ -1,5 +0,5 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { createText } from "../../util";
 import { key_orange, key_offwhite, key_grey, key_white, key_grey_light } from "../vars";
-import interactionMixin from "../../painter/components/interaction-mixin";
+import interactionMixin from "../../react/components/interaction-mixin";
 
@@ -6,0 +6,0 @@ export default function () {

src/gui/components/toggle.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_orange, key_offwhite, key_grey, key_grey_light, key_grey_dark } from "../vars";
@@ -3,0 +3,0 @@

src/gui/components/transformer.ts

@@ -1,5 +0,5 @@
-import { AFRAME } from "../../painter/root";
-import interactionMixin from "../../painter/components/interaction-mixin";
-import { PAINTER_CONSTANTS } from "../../painter/constants";
-import { raiseCustomEvent } from "../../painter/util";
+import { AFRAME } from "../../react/root";
+import interactionMixin from "../../react/components/interaction-mixin";
+import { PAINTER_CONSTANTS } from "../../react/constants";
+import { raiseCustomEvent } from "../../react/util";
 
@@ -6,0 +6,0 @@ type Point = {

src/gui/components/troika-text-component.ts

 import { Text } from 'troika-three-text'
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_orange, key_offwhite, key_grey, key_white, key_grey_light } from "../vars";
@@ -4,0 +4,0 @@ const THREE: any = (window as any).THREE;

src/gui/components/vertical-slider.ts

@@ -1,2 +0,2 @@
-import { AFRAME } from "../../painter/root";
+import { AFRAME } from "../../react/root";
 import { key_orange, key_offwhite, key_grey, key_white, key_grey_light } from "../vars";
@@ -3,0 +3,0 @@ const THREE: any = (window as any).THREE;

src/index.ts

@@ -1,4 +0,4 @@
-import painter from "./painter";
+import painter from "./react";
 export async function load() {
     return painter();
 }

src/util.ts

@@ -448,2 +448,3 @@ export interface Container {
 }
+
 export function createText(text, { color, fontFamily }) {
@@ -545,2 +546,3 @@ var textEntity = document.createElement("a-entity");
 }
+
 export const btnstyle: any = {
@@ -547,0 +549,0 @@ display: 'inline-block',

types/a-frame-components.d.ts

@@ -734,3 +734,8 @@ // aframe.d.ts
         };
+        'a-container': {
+            alignment: string, // flexStart, flexEnd, center
+            direction: string, // vertical, horizontal
+            margin: string,// top right bottom left
+        };
     }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1655884

increased by0.32%

Number of package files

171

increased by1.18%

Lines of code

28137

increased by0.44%

Worsened metrics

Number of medium supply chain risk alerts

3

increased by50%

No dependency changes