@phila/phila-ui - npm Package Compare versions

Comparing version 1.8.0-beta.10 to 1.8.0-beta.11

build/rollup.config.js

@@ -6,3 +6,9 @@ import commonjs from 'rollup-plugin-commonjs'; // Convert CommonJS modules to ES6
 import cssnano from 'cssnano';
+import image from '@rollup/plugin-image';
+import alias from '@rollup/plugin-alias';
+import path from 'path';
 
+const projectRootDir = path.join(__dirname, '..');
+console.log('ok', projectRootDir);
+
 export default [ 'phila-ui' ].map((name) => ({
@@ -29,2 +35,3 @@ input: `src/${name}.js`,
   plugins: [
+    image(),
     commonjs(),
@@ -38,5 +45,5 @@ vue({
             data: `
-              @import "./src/styles/variables.scss";
-              @import "./src/styles/functions.scss";
-              @import "./src/styles/colors.scss";
+              @import "./src/assets/styles/scss/variables.scss";
+              @import "./src/assets/styles/scss/functions.scss";
+              @import "./src/assets/styles/scss/colors.scss";
               @import "node_modules/bulma/sass/utilities/_all.sass";
@@ -47,2 +54,3 @@ `,
       },
+      transformAssetUrls: true,
     }),
@@ -59,3 +67,23 @@ postcss({
     }),
+    alias({
+      entries: [
+        {
+          find: '@',
+          replacement: path.resolve(projectRootDir, 'src'),
+        },
+        {
+          find: 'components',
+          replacement: path.resolve(projectRootDir, 'src/components'),
+        },
+        {
+          find: 'assets',
+          replacement: path.resolve(projectRootDir, 'src/assets'),
+        },
+        {
+          find: 'styles',
+          replacement: path.resolve(projectRootDir, 'src/assets/styles/scss'),
+        },
+      ],
+    }),
   ],
 }));

package.json

 {
   "name": "@phila/phila-ui",
-  "version": "1.8.0-beta.10",
-  "description": "City of Philadelphia Vue App Components and Standards",
+  "version": "1.8.0-beta.11",
+  "description": "Phila-UI: City of Philadelphia Components Library",
   "author": "City of Philadelphia",
@@ -18,2 +18,4 @@ "scripts": {
     "@babel/preset-env": "^7.6.3",
+    "@rollup/plugin-alias": "^3.1.1",
+    "@rollup/plugin-image": "^2.0.5",
     "@semantic-release/git": "^7.0.18",
@@ -38,3 +40,4 @@ "@vue/cli-plugin-eslint": "^3.11.0",
     "vue": "^2.6.10",
-    "vue-template-compiler": "^2.6.10"
+    "vue-template-compiler": "^2.6.10",
+    "vuese": "^1.4.7"
   },
@@ -41,0 +44,0 @@ "dependencies": {

src/components/AppFooter/index.js

 // Import vue component
 import component from './AppFooter.vue';
-import prepareForExport from '../../utils/prepareForExport';
+import prepareForExport from '@/utils/prepareForExport';
 
@@ -5,0 +5,0 @@ prepareForExport(component);

src/components/AppHeader/index.js

 // Import vue component
 import component from './AppHeader.vue';
-import prepareForExport from '../../utils/prepareForExport';
+import prepareForExport from '@/utils/prepareForExport';
 
@@ -5,0 +5,0 @@ prepareForExport(component);

src/components/Callout/index.js

 // Import vue component
 import component from './Callout.vue';
-import prepareForExport from '../../utils/prepareForExport';
+import prepareForExport from '@/utils/prepareForExport';
 
@@ -5,0 +5,0 @@ prepareForExport(component);

src/components/Inputs/Checkbox/index.js

 // Import vue component
 import component from './Checkbox.vue';
-import prepareForExport from '../../../utils/prepareForExport';
+import prepareForExport from '@/utils/prepareForExport';
 
@@ -5,0 +5,0 @@ prepareForExport(component);

src/components/Inputs/Dropdown/index.js

 // Import vue component
 import component from './Dropdown.vue';
-import prepareForExport from '../../../utils/prepareForExport';
+import prepareForExport from '@/utils/prepareForExport';
 
@@ -5,0 +5,0 @@ prepareForExport(component);

src/components/Inputs/InputForm/index.js

 // Import vue component
 import component from './InputForm.vue';
-import prepareForExport from '../../../utils/prepareForExport';
+import prepareForExport from '@/utils/prepareForExport';
 
@@ -5,0 +5,0 @@ prepareForExport(component);

src/components/Inputs/Radio/index.js

 // Import vue component
 import component from './Radio.vue';
-import prepareForExport from '../../../utils/prepareForExport';
+import prepareForExport from '@/utils/prepareForExport';
 
@@ -5,0 +5,0 @@ prepareForExport(component);

src/components/Inputs/TextArea/index.js

 // Import vue component
 import component from './TextArea.vue';
-import prepareForExport from '../../../utils/prepareForExport';
+import prepareForExport from '@/utils/prepareForExport';
 
@@ -5,0 +5,0 @@ prepareForExport(component);

src/components/Inputs/Textbox/index.js

 // Import vue component
 import component from './Textbox.vue';
-import prepareForExport from '../../../utils/prepareForExport';
+import prepareForExport from '@/utils/prepareForExport';
 
@@ -5,0 +5,0 @@ prepareForExport(component);

src/components/LangSelector/index.js

 // Import vue component
 import component from './LangSelector.vue';
-import prepareForExport from '../../utils/prepareForExport';
+import prepareForExport from '@/utils/prepareForExport';
 
@@ -5,0 +5,0 @@ prepareForExport(component);

src/components/MyComponent/index.js

 // Import vue component
 import component from './MyComponent.vue';
-import prepareForExport from '../../utils/prepareForExport';
+import prepareForExport from '@/utils/prepareForExport';
 
@@ -5,0 +5,0 @@ prepareForExport(component);

src/phila-ui.js

 // Components
 import AppHeader from './components/AppHeader';
 import AppFooter from './components/AppFooter';
-import MobileMenu from './components/MobileMenu';
 import Callout from './components/Callout';
@@ -13,8 +12,12 @@ import InputForm from './components/Inputs/InputForm';
 import TextArea from './components/Inputs/TextArea';
-import VeeTextbox from './components/Inputs/VeeTextbox';
-import VeeTextArea from './components/Inputs/VeeTextArea';
-import VeeCheckbox from './components/Inputs/VeeCheckbox';
-import VeeRadio from './components/Inputs/VeeRadio';
-import VeeDropdown from './components/Inputs/VeeDropdown';
-import VeeInputForm from './components/Inputs/VeeInputForm';
+import TabsNav from './components/TabsNav';
+import MobileNav from './components/MobileNav';
+import DropdownNav from './components/DropdownNav';
+// import VeeTextbox from './components/Inputs/VeeTextbox';
+// import VeeTextArea from './components/Inputs/VeeTextArea';
+// import VeeCheckbox from './components/Inputs/VeeCheckbox';
+// import VeeRadio from './components/Inputs/VeeRadio';
+// import VeeDropdown from './components/Inputs/VeeDropdown';
+// import VeeInputForm from './components/Inputs/VeeInputForm';
+import ResponsiveHelper from './plugins/ResponsiveHelper';
 
@@ -25,2 +28,5 @@ /**
 const install = function(Vue, settings = {}) {
+
+  Vue.use(ResponsiveHelper);
+
   if (this.installed) {
@@ -44,3 +50,2 @@ return;
   AppFooter,
-  MobileMenu,
   Callout,
@@ -54,8 +59,13 @@ InputForm,
   TextArea,
-  VeeTextbox,
-  VeeTextArea,
-  VeeCheckbox,
-  VeeRadio,
-  VeeDropdown,
-  VeeInputForm,
+  TabsNav,
+  MobileNav,
+  DropdownNav,
+  // VeeTextbox,
+  // VeeTextArea,
+  // VeeCheckbox,
+  // VeeRadio,
+  // VeeDropdown,
+  // VeeInputForm,
+  //Responsive Plugin
+  ResponsiveHelper,
   // Install Helper for Vue
@@ -62,0 +72,0 @@ install,

src/utils/inputMixins.js

@@ -13,6 +13,9 @@ export const inputMixins = {
      */
-    error: {
-      type: String,
-      default: null,
+    errors: {
+      type: [ Array, String ],
+      default () {
+        return '';
+      },
     },
+
     /**
@@ -34,2 +37,8 @@ * VeeValidate custom errror messages
   computed: {
+    error () {
+      if (Array.isArray(this.errors)) {
+        return this.errors[0];
+      }
+      return this.errors;
+    },
     classes () {
@@ -36,0 +45,0 @@ let classes = [];

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1438745

increased by4.51%

Lines of code

13932

increased by17.89%

Worsened metrics

Dev dependency count

25

increased by13.64%

Number of package files

98

decreased by-4.85%

Number of low supply chain risk alerts

135

increased by62.65%

No dependency changes