Merge pull request #606 from mathuo/562-dockview-framework-wrappers-vuejs-angular-javascript-etc-2

562 dockview framework wrappers vuejs angular javascript etc 2

.codesandbox/ci.json

@@ -2,6 +2,7 @@
   "packages": [
     "packages/dockview-core",
     "packages/dockview-vue",
+    "packages/dockview-react",
     "packages/dockview"
   ],
   "sandboxes": [

.github/workflows/deploy-docs.yml

@@ -28,6 +28,8 @@ jobs:
               working-directory: packages/dockview
             - run: npm run build
               working-directory: packages/dockview-vue
+            - run: npm run build
+              working-directory: packages/dockview-react
             - run: npm run build
               working-directory: packages/docs
             - run: npm run docs

.github/workflows/publish.yml

@@ -38,6 +38,9 @@ jobs:
             - name: Publish dockview-vue
               run: npm publish --provenance
               working-directory: packages/dockview-vue
+            - name: Publish dockview-react
+              run: npm publish --provenance
+              working-directory: packages/dockview-react
     publish-experimental:
         if: github.event_name == 'workflow_dispatch'
         runs-on: ubuntu-latest
@@ -70,3 +73,6 @@ jobs:
             - name: Publish dockview-vue
               run: npm publish --provenance --tag experimental
               working-directory: packages/dockview-vue
+            - name: Publish dockview-react
+              run: npm publish --provenance --tag experimental
+              working-directory: packages/dockview-react

package.json

@@ -16,7 +16,7 @@
     "packages/*"
   ],
   "scripts": {
-    "build": "lerna run build --scope '{dockview-core,dockview,dockview-vue}'",
+    "build": "lerna run build --scope '{dockview-core,dockview,dockview-vue,dockview-react}'",
     "clean": "lerna run clean",
     "docs": "typedoc",
     "generate-docs": "node scripts/docs.mjs",

packages/dockview-react/package.json

@@ -44,16 +44,16 @@
     "build": "npm run build:package && npm run build:bundles",
     "build:bundles": "rollup -c",
     "build:cjs": "cross-env ../../node_modules/.bin/tsc --build ./tsconfig.json --verbose --extendedDiagnostics",
-    "build:css": "gulp sass",
+    "build:css": "node scripts/copy-css.js",
     "build:esm": "cross-env ../../node_modules/.bin/tsc --build ./tsconfig.esm.json --verbose --extendedDiagnostics",
     "build:package": "npm run build:cjs && npm run build:esm && npm run build:css",
     "clean": "rimraf dist/ .build/ .rollup.cache/",
     "prepublishOnly": "npm run rebuild && npm run test",
     "rebuild": "npm run clean && npm run build",
-    "test": "cross-env ../../node_modules/.bin/jest --selectProjects dockview",
+    "test": "cross-env ../../node_modules/.bin/jest --selectProjects dockview-react",
-    "test:cov": "cross-env ../../node_modules/.bin/jest --selectProjects dockview --coverage"
+    "test:cov": "cross-env ../../node_modules/.bin/jest --selectProjects dockview-react --coverage"
   },
   "dependencies": {
     "dockview": "^1.13.1"
   }
-}
+}

packages/dockview-react/scripts/copy-css.js

@@ -0,0 +1,13 @@
+const path = require('path');
+const fs = require('fs');
+
+const outDir = path.join(__dirname, '../dist/styles');
+
+if (!fs.existsSync(outDir)) {
+    fs.mkdirSync(outDir);
+}
+
+fs.copyFileSync(
+    path.join(__dirname, '../../dockview-core/dist/styles/dockview.css'),
+    path.join(outDir, 'dockview.css')
+);

packages/dockview-vue/package.json

@@ -43,7 +43,8 @@
   "scripts": {
     "build:js": "vite build",
     "build:types": "vue-tsc --project tsconfig.build-types.json --declaration --emitDeclarationOnly --outDir dist/types",
-    "build": "npm run build:js && npm run build:types",
+    "build:css": "node scripts/copy-css.js",
+    "build": "npm run build:js && npm run build:types && npm run build:css",
     "clean": "rimraf dist/ .build/ .rollup.cache/",
     "prepublishOnly": "npm run rebuild && npm run test",
     "rebuild": "npm run clean && npm run build",

packages/dockview-vue/scripts/copy-css.js

@@ -0,0 +1,13 @@
+const path = require('path');
+const fs = require('fs');
+
+const outDir = path.join(__dirname, '../dist/styles');
+
+if (!fs.existsSync(outDir)) {
+    fs.mkdirSync(outDir);
+}
+
+fs.copyFileSync(
+    path.join(__dirname, '../../dockview-core/dist/styles/dockview.css'),
+    path.join(outDir, 'dockview.css')
+);

scripts/set-experimental-versions.js

@@ -50,7 +50,7 @@ fs.writeFileSync(
 
 // dockview
 
-const depPackages = ['dockview', 'dockview-vue'];
+const depPackages = ['dockview', 'dockview-vue', 'dockview-react'];
 
 for (const depPackage of depPackages) {
     const dockviewPath = path.join(

tsconfig.json

@@ -9,6 +9,12 @@
         },
         {
             "path": "./packages/dockview-vue"
+        },
+        {
+            "path": "./packages/dockview-react"
+        },
+        {
+            "path": "./packages/dockview-angular"
         }
     ]
 }