Separate playground from former (#82)

Co-authored-by: mariusheine <[email protected]>

Author: AmmarKaraja

.github/workflows/playground.yaml

@@ -21,11 +21,12 @@ jobs:
         with:
           version: 9
           run_install: true
-      - run: pnpm -r build:playground --base './'
+      - name: Build
+        run: pnpm build
       - name: Upload Pages artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          path: packages/former/dist-playground
+          path: packages/playground/dist
 
   deploy:
     if: github.event_name == 'push' && github.ref == 'refs/heads/main'

.github/workflows/tests.yaml

@@ -32,7 +32,8 @@ jobs:
         with:
           version: 9
           run_install: true
-      - run: pnpm test
+      - run: pnpm build
+      - run: pnpm typecheck
 
   unit-test:
     name: Unit Tests

packages/former/index.html

@@ -13,16 +13,9 @@
     "form-builder",
     "forms"
   ],
-  "exports": {
-    ".": {
-      "types": "./dist/former/src/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.umd.cjs"
-    }
-  },
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
-  "types": "./dist/former/src/index.d.ts",
+  "types": "./dist/index.d.ts",
   "files": [
     "README.md",
     "dist"
@@ -32,13 +25,10 @@
     "node": ">=22.0.0"
   },
   "scripts": {
-    "dev": "vite",
     "build": "vite build",
     "prepack": "pnpm build",
     "test": "vitest --pass-with-no-tests",
-    "typecheck": "vue-tsc --build --force",
-    "build:playground": "vite build --config vite.config.playground.ts",
-    "preview:playground": "vite preview --config vite.config.playground.ts"
+    "typecheck": "vue-tsc --build --force"
   },
   "peerDependencies": {
     "vue": "^3.0.0"
@@ -61,6 +51,6 @@
     "vite-plugin-dts": "4.3.0",
     "vitest": "2.1.9",
     "vue": "3.5.13",
-    "vue-tsc": "2.1.10"
+    "vue-tsc": "3.0.7"
   }
 }

packages/former/package.json

@@ -4,6 +4,7 @@ import { getCurrentInstance, type InjectionKey, type Ref, inject as vueInject, p
 export type InjectKeys = {
   mode: Ref<Mode>;
   formId: Ref<string>;
+  formerIsUpdating: Ref<boolean>;
   schema: Ref<InternalSchemaNode[]>;
   data: Ref<FormData | FieldData>;
   components: FormComponents;

packages/former/src/compositions/injectProvide.ts

@@ -1,27 +1,20 @@
-import type { FieldData, FormComponents, FormData, FormerProps, FormFieldType, Mode, SchemaNode, ShowIfPredicate, Validator } from '~/types';
-
-import FormAdd from '~/components/FormAdd.vue';
-import FormContent from '~/components/FormContent.vue';
-import Former from '~/components/Former.vue';
-import FormNodeProps from '~/components/FormNodeProps.vue';
-import FormRenderer from '~/components/FormRenderer.vue';
-import FormDataProvider from './components/FormDataProvider.vue';
 import './index.css';
 
-export {
-  type FieldData,
-  FormAdd,
-  type FormComponents,
-  FormContent,
-  type FormData,
-  FormDataProvider,
-  Former,
-  type FormerProps,
-  type FormFieldType,
-  FormNodeProps,
-  FormRenderer,
-  type Mode,
-  type SchemaNode,
-  type ShowIfPredicate,
-  type Validator,
-};
+export { default as FormAdd } from './components/FormAdd.vue';
+export { default as FormContent } from './components/FormContent.vue';
+export { default as FormDataProvider } from './components/FormDataProvider.vue';
+export { default as Former } from './components/Former.vue';
+export { default as FormNodeProps } from './components/FormNodeProps.vue';
+export { default as FormRenderer } from './components/FormRenderer.vue';
+
+export type {
+  FieldData,
+  FormComponents,
+  FormData,
+  FormerProps,
+  FormFieldType,
+  Mode,
+  SchemaNode,
+  ShowIfPredicate,
+  Validator,
+} from './types';

packages/former/src/index.ts

@@ -38,12 +38,6 @@ export default defineConfig({
         globals: {
           vue: 'Vue',
         },
-        assetFileNames: (chunkInfo) => {
-          if (chunkInfo.name === 'style.css') {
-            return 'index.css';
-          };
-          return chunkInfo.name as string;
-        },
       },
     },
   },

packages/former/src/sample/Checkbox.vue

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+
+  const component: DefineComponent;
+  export default component;
+}