Merge pull request #154 from alvarosaburido/feature/add-aliases-to-rollup

feat(build): add alias to rollup

Author: alvarosabu

dev/typescript/App.vue

@@ -60,8 +60,8 @@ import {
   pattern,
   ColorInput,
   NumberInput,
-} from '../../src';
-/* } from '../../dist/as-dynamic-forms.esm'; */
+  /* } from '../../src'; */
+} from '../../dist/as-dynamic-forms.esm';
 export default defineComponent({
   name: 'app',
   setup() {

dev/typescript/main.ts

@@ -3,9 +3,9 @@ import { createApp } from 'vue';
 import App from './App.vue';
 import './styles/main.scss';
 
-import { createDynamicForms } from '../../src';
+//  import { createDynamicForms } from '../../src';
 
-// import { createDynamicForms } from '../../dist/as-dynamic-forms.esm';
+import { createDynamicForms } from '../../dist/as-dynamic-forms.esm';
 
 const VueDynamicForms = createDynamicForms({
   autoValidate: true,

package-lock.json

@@ -52,6 +52,7 @@
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.10.1",
+    "@rollup/plugin-alias": "^3.1.1",
     "@rollup/plugin-buble": "^0.21.3",
     "@rollup/plugin-commonjs": "^15.1.0",
     "@rollup/plugin-node-resolve": "^9.0.0",

package.json

@@ -7,6 +7,7 @@ import commonjs from '@rollup/plugin-commonjs';
 import { terser } from 'rollup-plugin-terser';
 import ts from 'rollup-plugin-typescript2';
 import vue from 'rollup-plugin-vue';
+import alias from '@rollup/plugin-alias';
 
 import pkg from './package.json';
 const name = 'as-dynamic-forms';
@@ -89,6 +90,9 @@ function createConfig(format, output, plugins = []) {
     // used alone.
     external,
     plugins: [
+      alias({
+        entries: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
+      }),
       tsPlugin,
       vue(),
       createReplacePlugin(

rollup.config.js

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { defineComponent, h, PropType } from 'vue';
-import { FormControl, CheckboxInput } from '../../core/models';
-import { useInputEvents } from '../../composables/input-events';
+import { FormControl, CheckboxInput } from '@/core/models';
+import { useInputEvents } from '@/composables/input-events';
 
 const props = {
   control: Object as PropType<FormControl<CheckboxInput>>,

src/components/checkbox-input/CheckboxInput.vue

@@ -49,8 +49,8 @@ import {
 import { DynamicForm } from './form';
 import DynamicInput from '../dynamic-input/DynamicInput.vue';
 
-import { InputBase, FormControl } from '../../core/models';
-import { dynamicFormsSymbol } from '../../useApi';
+import { InputBase, FormControl } from '@/core/models';
+import { dynamicFormsSymbol } from '@/useApi';
 /* import { warn } from '../../core/utils/warning';
  */
 const props = {

src/components/dynamic-form/DynamicForm.vue

@@ -21,11 +21,11 @@ import {
   RadioInput,
   CheckboxInput,
   TextAreaInput,
-} from '../../core/models';
+} from '@/core/models';
 
-import { isEmpty, entries, values, keys } from '../../core/utils/helpers';
-import { useInputEvents } from '../../composables/input-events';
-import { dynamicFormsSymbol } from '../../useApi';
+import { isEmpty, entries, values, keys } from '@/core/utils/helpers';
+import { useInputEvents } from '@/composables/input-events';
+import { dynamicFormsSymbol } from '@/useApi';
 
 const components = {
   TextInputComponent,

src/components/dynamic-input/DynamicInput.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { defineComponent, h, PropType } from 'vue';
-import { FormControl, NumberInput } from '../../core/models';
-import { useInputEvents } from '../../composables/input-events';
+import { FormControl, NumberInput } from '@/core/models';
+import { useInputEvents } from '@/composables/input-events';
 
 const props = {
   control: Object as PropType<FormControl<NumberInput>>,

src/components/number-input/NumberInput.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { defineComponent, h, PropType } from 'vue';
-import { FormControl, RadioInput } from '../../core/models';
-import { useInputEvents } from '../../composables/input-events';
+import { FormControl, RadioInput } from '@/core/models';
+import { useInputEvents } from '@/composables/input-events';
 
 const props = {
   control: Object as PropType<FormControl<RadioInput>>,

src/components/radio-input/RadioInput.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { defineComponent, h, PropType } from 'vue';
-import { FormControl, SelectInput } from '../../core/models';
-import { useInputEvents } from '../../composables/input-events';
+import { FormControl, SelectInput } from '@/core/models';
+import { useInputEvents } from '@/composables/input-events';
 
 const props = {
   control: Object as PropType<FormControl<SelectInput>>,

src/components/select-input/SelectInput.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { defineComponent, h, PropType } from 'vue';
-import { FormControl, TextAreaInput } from '../../core/models';
-import { useInputEvents } from '../../composables/input-events';
+import { FormControl, TextAreaInput } from '@/core/models';
+import { useInputEvents } from '@/composables/input-events';
 const props = {
   control: Object as PropType<FormControl<TextAreaInput>>,
 };

src/components/text-area-input/TextAreaInput.vue

@@ -7,8 +7,8 @@ import {
   PasswordInput,
   TextInput,
   UrlInput,
-} from '../../core/models';
-import { useInputEvents } from '../../composables/input-events';
+} from '@/core/models';
+import { useInputEvents } from '@/composables/input-events';
 
 const props = {
   control: Object as PropType<