@bagelink/vue 0.0.112 → 0.0.116

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.112",
+  "version": "0.0.116",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -19,6 +19,13 @@
   "keywords": [],
   "sideEffects": false,
   "exports": {
+    "./tsconfig.json": "./tsconfig.json",
+    "./package.json": "./package.json",
+    "./src": "./src/index.ts",
+    "./src/components": "./src/components/index.ts",
+    "./src/plugins": "./src/plugins/index.ts",
+    "./src/utils": "./src/utils/index.ts",
+    "./src/types": "./src/types/index.ts",
     ".": {
       "types": "./dist/index.d.ts",
       "require": "./dist/index.cjs",
@@ -39,11 +46,12 @@
   },
   "files": [
     "dist",
-    "src"
+    "src",
+    "./tsconfig.json",
+    "./vite.config.ts"
   ],
   "dependencies": {
-    "vue": "^3.3.8",
-    "@bagelink/sdk": "0.0.112"
+    "vue": "^3.3.8"
   },
   "devDependencies": {
     "@vue-macros/reactivity-transform": "^0.4.0"

package/src/components/Comments.vue

@@ -60,7 +60,7 @@
 				icon="send"
 				@click="newComment"
 			>
-				{{ form.send }}
+				{{ sendBtnLabel }}
 			</Btn>
 		</div>
 	</div>
@@ -88,9 +88,7 @@ let editComment = $ref<Comment | null>(null);
 const props = defineProps<{
 	ref_table: string;
 	ref_id: string;
-	form: {
-		send: string;
-	}
+	sendBtnLabel: string;
 }>();
 
 const fetchData = async () => {

package/src/components/PersonPreview.vue

@@ -96,7 +96,7 @@ const showEditForm = async () => {
 	modalForm({
 		side: true,
 		title: `${first_name} ${last_name}`,
-		schema: props.personSchema,
+		schema: props.personSchema(),
 		modelValue: props.person,
 		onSubmit: (newPerson) => bagel
 			.put('/person', newPerson),

package/src/components/charts/index.ts

@@ -1 +1 @@
-export * as BarChart from './BarChart.vue';
+export { default as BarChart } from './BarChart.vue';

package/src/components/dashboard/index.ts

@@ -1 +1 @@
-export * as Lineart from './Lineart.vue';
+export { default as Lineart } from './Lineart.vue';

package/src/components/form/index.ts

@@ -1,4 +1,4 @@
-export * as ItemRef from './ItemRef.vue';
-export * as MaterialIcon from './MaterialIcon.vue';
-export * as PlainInputField from './PlainInputField.vue';
+export { default as ItemRef } from './ItemRef.vue';
+export { default as MaterialIcon } from './MaterialIcon.vue';
+export { default as PlainInputField } from './PlainInputField.vue';
 export * from './inputs';

package/src/components/form/inputs/index.ts

@@ -1,17 +1,17 @@
-export * as CheckInput from './CheckInput.vue';
-export * as CurrencyInput from './CurrencyInput.vue';
-export * as DateInput from './DateInput.vue';
-export * as DatetimeInput from './DatetimeInput.vue';
-export * as EmailInput from './EmailInput.vue';
-export * as FloatInput from './FloatInput.vue';
-export * as IntInput from './IntInput.vue';
-export * as JSONInput from './JSONInput.vue';
-export * as LinkField from './LinkField.vue';
-export * as PasswordInput from './PasswordInput.vue';
-export * as Password from './Password.vue';
-export * as ReadOnlyInput from './ReadOnlyInput.vue';
-export * as SelectField from './SelectField.vue';
-export * as TextInput from './TextInput.vue';
-export * as RichTextEditor from './RichTextEditor.vue';
-export * as TableField from './TableField.vue';
-export * as DurationInput from './DurationInput.vue';
+export { default as CheckInput } from './CheckInput.vue';
+export { default as CurrencyInput } from './CurrencyInput.vue';
+export { default as DateInput } from './DateInput.vue';
+export { default as DatetimeInput } from './DatetimeInput.vue';
+export { default as EmailInput } from './EmailInput.vue';
+export { default as FloatInput } from './FloatInput.vue';
+export { default as IntInput } from './IntInput.vue';
+export { default as JSONInput } from './JSONInput.vue';
+export { default as LinkField } from './LinkField.vue';
+export { default as PasswordInput } from './PasswordInput.vue';
+export { default as Password } from './Password.vue';
+export { default as ReadOnlyInput } from './ReadOnlyInput.vue';
+export { default as SelectField } from './SelectField.vue';
+export { default as RichTextEditor } from './RichTextEditor.vue';
+export { default as TableField } from './TableField.vue';
+export { default as DurationInput } from './DurationInput.vue';
+export { default as TextInput } from './TextInput.vue';

package/src/components/formkit/index.ts

@@ -8,22 +8,22 @@ import FileUploader from './FileUploader.vue';
 import PPV from '../PersonPreviewFormkit.vue';
 import TextVariableExamples from '../whatsapp/form/TextVariableExamples.vue';
 
-const ContactArray = createInput(ContactArrayFormKit);
-const Address = createInput(AddressArray);
-const BankDetails = createInput(BankDetailsArray);
-const MiscFields = createInput(MiscFieldsBtns);
-const ToggleSwitch = createInput(Toggle);
-const FileUpload = createInput(FileUploader);
-const TextVariables = createInput(TextVariableExamples);
-const PersonPreview = createInput(PPV);
+const ContactArrayInput = createInput(ContactArrayFormKit);
+const AddressInput = createInput(AddressArray);
+const BankDetailsInput = createInput(BankDetailsArray);
+const MiscFieldsInput = createInput(MiscFieldsBtns);
+const ToggleSwitchInput = createInput(Toggle);
+const FileUploadInput = createInput(FileUploader);
+const TextVariablesInput = createInput(TextVariableExamples);
+const PersonPreviewInput = createInput(PPV);
 
 export {
-	TextVariables,
-	ContactArray,
-	PersonPreview,
-	Address,
-	BankDetails,
-	MiscFields,
-	ToggleSwitch,
-	FileUpload,
+	TextVariablesInput,
+	ContactArrayInput,
+	PersonPreviewInput,
+	AddressInput,
+	BankDetailsInput,
+	MiscFieldsInput,
+	ToggleSwitchInput,
+	FileUploadInput,
 };

package/src/components/index.ts

@@ -1,22 +1,23 @@
-export * as LangText from './LangText.vue';
-export * as RTXEditor from './RTXEditor.vue';
-export * as MaterialIcon from './MaterialIcon.vue';
-export * as NavBar from './NavBar.vue';
-export * as Btn from './Btn.vue';
-export * as Modal from './Modal.vue';
-export * as DropDown from './DropDown.vue';
-export * as ListView from './ListView.vue';
-export * as ListItem from './ListItem.vue';
-export * as TabbedLayout from './TabbedLayout.vue';
-export * as Comments from './Comments.vue';
-export * as PageTitle from './PageTitle.vue';
-export * as ModalForm from './ModalForm.vue';
-export * as DataPreview from './DataPreview.vue';
-export * as FormSchema from './FormSchema.vue';
-export * as TableSchema from './TableSchema.vue';
-export * as TopBar from './TopBar.vue';
-export * as RouterWrapper from './RouterWrapper.vue';
-export * as ContactSubmissions from './ContactSubmissions.vue';
+export { default as LangText } from './LangText.vue';
+export { default as RTXEditor } from './RTXEditor.vue';
+export { default as MaterialIcon } from './MaterialIcon.vue';
+export { default as NavBar } from './NavBar.vue';
+export { default as Btn } from './Btn.vue';
+export { default as Modal } from './Modal.vue';
+export { default as DropDown } from './DropDown.vue';
+export { default as ListView } from './ListView.vue';
+export { default as ListItem } from './ListItem.vue';
+export { default as TabbedLayout } from './TabbedLayout.vue';
+export { default as Comments } from './Comments.vue';
+export { default as PageTitle } from './PageTitle.vue';
+export { default as ModalForm } from './ModalForm.vue';
+export { default as DataPreview } from './DataPreview.vue';
+export { default as FormSchema } from './FormSchema.vue';
+export { default as TableSchema } from './TableSchema.vue';
+export { default as TopBar } from './TopBar.vue';
+export { default as RouterWrapper } from './RouterWrapper.vue';
+export { default as ContactSubmissions } from './ContactSubmissions.vue';
+export { default as PersonPreview } from './PersonPreview.vue';
 
 export * from './charts';
 export * from './formkit';

package/src/components/whatsapp/index.ts

@@ -1,2 +1,2 @@
-export * as MsgTemplate from './form/MsgTemplate.vue';
-export * as TextVariableExamples from './form/TextVariableExamples.vue';
+export { default as MsgTemplate } from './form/MsgTemplate.vue';
+export { default as TextVariableExamples } from './form/TextVariableExamples.vue';

package/tsconfig.json

@@ -0,0 +1,76 @@
+{
+	"compilerOptions": {
+		"target": "ESNext",
+		"baseUrl": ".",
+		"rootDir": ".",
+		"module": "ESNext",
+		"strict": true,
+		"jsx": "preserve",
+		"strictFunctionTypes": true,
+		"strictNullChecks": true,
+		"moduleResolution": "Bundler",
+		"resolveJsonModule": true,
+		"isolatedModules": true,
+		"esModuleInterop": true,
+		"noUnusedLocals": true,
+		"skipDefaultLibCheck": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"declaration": true,
+		"declarationMap": true,
+		"useDefineForClassFields": true,
+		"allowSyntheticDefaultImports": true,
+		"lib": [
+			"ESNext",
+			"DOM"
+		],
+		"types": [
+			"vite/client",
+			"@vue-macros/reactivity-transform/macros-global"
+		],
+		"paths": {
+			"@bagelink/vue": [
+				"./src/index.ts"
+			],
+			"@bagelink/vue/*": [
+				"./vue/src/*"
+			],
+			// "#": [
+			// 	"./src/index.ts"
+			// ],
+			// "#/*": [
+			// 	"./src/*"
+			// ],
+			// "#/components": [
+			// 	"./src/components/index.ts"
+			// ],
+			// "#/components/*": [
+			// 	"./src/components/*"
+			// ],
+			// "#/types": [
+			// 	"./src/types/index.ts"
+			// ],
+			// "#/types/*": [
+			// 	"./src/types/*"
+			// ],
+			// "#/utils": [
+			// 	"./src/utils/index.ts"
+			// ],
+			// "#/utils/*": [
+			// 	"./src/utils/*"
+			// ],
+			// "#/plugins": [
+			// 	"./src/plugins/index.ts"
+			// ],
+			// "#/plugins/*": [
+			// 	"./src/plugins/*"
+			// ],
+		},
+	},
+	"include": [
+		"**/**/*.ts",
+		"**/**/*.vue",
+		"**/**/*.d.ts",
+		"./vite.config.ts",
+	]
+}

package/vite.config.ts

@@ -0,0 +1,41 @@
+import { resolve } from 'node:path';
+import { fileURLToPath, URL } from 'node:url';
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import dts from 'vite-plugin-dts';
+import ReactivityTransform from '@vue-macros/reactivity-transform/vite';
+
+const indexDir = resolve(__dirname, 'src');
+
+export default defineConfig(() => ({
+	plugins: [ReactivityTransform(), vue(), dts({
+		entryRoot: indexDir,
+	})],
+	resolve: {
+		alias: {
+			'@bagelink/vue': fileURLToPath(new URL('./src/', import.meta.url)),
+		},
+	},
+	build: {
+		minify: false,
+		lib: {
+			entry: resolve(indexDir, 'index.ts'),
+			formats: ['es', 'cjs'],
+			fileName: (module, entry) => `${entry}.${module === 'es' ? 'mjs' : module}`,
+		},
+		rollupOptions: {
+			// external modules won't be bundled into your library
+			external: ['vue', 'vue-router'], // not every external has a global
+			output: {
+				// disable warning on src/index.ts using both default and named export
+				exports: 'named',
+				// Provide global variables to use in the UMD build
+				// for externalized deps (not useful if 'umd' is not in lib.formats)
+				globals: {
+					vue: 'Vue',
+				},
+			},
+		},
+		emptyOutDir: false, // to retain the types folder generated by tsc
+	},
+}));