oc-template-solid-compiler 0.0.2 → 0.0.4

package/lib/compile.js

@@ -2,7 +2,7 @@
 
 const createCompile = require('oc-generic-template-compiler').createCompile;
 const compileStatics = require('oc-statics-compiler');
-const getInfo = require('oc-template-solid').getInfo;
+const getInfo = require('oc-template-typescript-react').getInfo;
 const solid = require('vite-plugin-solid');
 
 const viteView = require('./to-publish/viteView');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oc-template-solid-compiler",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "",
   "main": "index.js",
   "repository": {

package/scaffold/src/package.json

@@ -1,11 +1,12 @@
 {
-  "name": "base-component-react",
+  "name": "sold",
   "description": "",
   "version": "1.0.0",
   "scripts": {
     "lint": "eslint --max-warnings 0 --ext .js,.jsx,.ts,.tsx src",
     "build": "tsc --noEmit && oc package .",
-    "test": "vitest"
+    "test": "vitest",
+    "start": "oc dev .. --components sold"
   },
   "oc": {
     "files": {
@@ -28,13 +29,13 @@
       }
     }
   },
-  "dependencies": {},
   "devDependencies": {
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3",
+    "@solidjs/testing-library": "^0.7.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@types/testing-library__jest-dom": "^5.14.5",
     "jsdom": "^21.1.1",
     "oc-template-solid": "0.0.1",
-    "oc-template-solid-compiler": "0.0.1",
+    "oc-template-solid-compiler": "0.0.4",
     "solid-js": "^1.7.0",
     "typescript": "5.0.2",
     "vitest": "^0.29.7"

package/scaffold/src/src/App.test.tsx

@@ -1,5 +1,5 @@
 import { describe, it, afterEach, beforeEach, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
+import { render } from '@solidjs/testing-library';
 import { DataProvider } from 'oc-template-solid-compiler/utils/useData';
 
 import App from './App';
@@ -16,13 +16,20 @@ describe('App - Page', () => {
 
   it('Gets more data when clicking the button', () => {
     getData.mockImplementationOnce(() => Promise.resolve({}));
-    render(
-      <DataProvider value={{ firstName: 'firstName', lastName: 'lastName', userId: 0, getData }}>
-        <App firstName="firstName" lastName="lastName" userId={0} />
+    const { getByText } = render(() => (
+      <DataProvider
+        value={{
+          firstName: 'firstName',
+          lastName: 'lastName',
+          userId: 0,
+          getData,
+        }}
+      >
+        <App />
       </DataProvider>
-    );
+    ));
 
-    const extraInfoButton = screen.getByText(/Get extra information/i);
+    const extraInfoButton = getByText(/Get extra information/i);
     expect(extraInfoButton).toBeTruthy();
   });
 });

package/scaffold/src/src/App.tsx

@@ -1,5 +1,5 @@
 import { createSignal, Show, For } from 'solid-js';
-import { useData } from 'oc-template-typescript-react-compiler/utils/useData';
+import { useData } from 'oc-template-solid-compiler/utils/useData';
 import styles from './styles.css';
 import type { AdditionalData, ClientProps } from './types';
 

package/scaffold/src/tsconfig.json

@@ -19,8 +19,8 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "react-jsx",
-    "jsxImportSource": "preact"
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js"
   },
   "include": ["src"],
   "exclude": ["src/_package"]

package/scaffold/src/vite.config.ts

@@ -4,6 +4,15 @@ import { defineConfig } from 'vite';
 export default defineConfig({
   // @ts-ignore Missing test property
   test: {
-    environment: 'jsdom'
-  }
+    environment: 'jsdom',
+    globals: true,
+    transformMode: { web: [/\.[jt]sx?$/] },
+    setupFiles: ['node_modules/@testing-library/jest-dom/extend-expect.js'],
+    // otherwise, solid would be loaded twice:
+    deps: { registerNodeLoader: true },
+    // if you have few tests, try commenting one
+    // or both out to improve performance:
+    threads: false,
+    isolate: false,
+  },
 });